Xem trước đoạn SERP
Nhập tên trang, meta description và URL của bạn để xem một bản xem trước trực tiếp, chính xác pixel của mẩu kết quả Google của bạn trên máy tính và di động, với cảnh báo cắt trước khi họ tốn tiền cho bạn.
Cách sử dụng xem trước SERP
Bốn bước nhanh để tạo ra một đoạn phim có thể hiển thị đầy đủ và thu hút người xem.
Nhập tiêu đề trang của bạn
Nhập thẻ tiêu đề bạn muốn dùng. Số chữ và điểm ảnh được cập nhật trực tiếp để bạn có thể thấy bạn gần với giới hạn ~600px của Google như thế nào.
Thêm URL và mô tả meta của bạn
Đặt URL trang và viết mô tả siêu. Xem trước sẽ hiển thị phần mềm, tiêu đề xanh và mảnh xám giống như kết quả thực.
Chuyển giữa máy tính và di độngName
Đổi tab Màn hình nền và Di động để kiểm tra cả hai bảng bố trí, vì di động sử dụng một cột hẹp hơn và bao tiêu đề vào nhiều dòng hơn.
Sửa lỗi cảnh báo cắt
Sửa đến khi các con chip cảnh báo chuyển sang màu xanh lá cây. Cắt bất cứ thứ gì được đánh dấu là quá rộng để Google hiển thị toàn bộ tiêu đề và mô tả của bạn thay vì dấu ellipse.
Câu hỏi SERP
Cho các nhà phát triển
SERP preview này chạy 100% bên khách hàng - việc đo pixel xảy ra trong trình duyệt của bạn, vì vậy không có gì bạn gõ sẽ được tải lên.
✓ Tự do theo thiết kế — không đi lại giữa máy chủ
Cắt được đo bằng cách tương tự như trình duyệt vẽ văn bản — với API Canvas measureText. Đây là ý tưởng cốt lõi bạn có thể thả vào ống dẫn xây dựng của riêng mình:
// Measure rendered pixel width like Google does
const ctx = document.createElement('canvas').getContext('2d');
function titleWidth(text, font = '20px arial') {
ctx.font = font;
return ctx.measureText(text).width; // > 600 => truncated on desktop
}
console.log(titleWidth('Your page title here'));Cần điều này ở quy mô - kiểm tra hàng ngàn tiêu đề từ CMS hoặc CI của bạn? Một API REST lưu trữ cho các công cụ SEO của chúng tôi có sẵn trên các kế hoạch trả phí. Xem kế hoạch →