Xem trước đoạn trích trên Google (SERP)

Xem tiêu đề và meta description có thể hiển thị thế nào trên Google. Đo độ rộng pixel bằng canvas API và cắt giống Google ở khoảng 600 px.

https://example.com › blog › cold-brew-coffee
How to Make Cold Brew Coffee at Home: A Complete Step-by-Step Guide for Beginners
Learn how to make smooth, low-acid cold brew coffee at home with just two ingredients. Our guide covers ratios, steeping times, equipment and storage tips.
Google cắt theo độ rộng điểm ảnh chứ không theo số ký tự. Độ rộng được đo ngay trong trình duyệt bằng canvas API với font Arial (tiêu đề 20 px, mô tả 14 px), gần với kết quả Google trên máy tính. Google cũng có thể viết lại tiêu đề hoặc chọn đoạn trích khác.

Xem trước SERP là gì?

Công cụ xem trước SERP dựng một kết quả tìm kiếm kiểu Google từ tiêu đề trang, URL và meta description. Thay vì đếm ký tự, nó đo độ rộng điểm ảnh thực của văn bản và cắt kèm " ..." ở đúng chỗ kết quả Google trên máy tính sẽ cắt, để bạn thấy những từ quan trọng có còn hiển thị không.

Cách sử dụng Xem trước SERP

  1. Nhập tiêu đề trang; độ rộng pixel và số ký tự hiển thị cạnh nhãn.
  2. Nhập URL trang để xem URL hiển thị dạng breadcrumb.
  3. Nhập meta description.
  4. Xem bản xem trước và các cảnh báo về tiêu đề hoặc mô tả bị cắt.

Ví dụ

Đầu vào
How to Make Cold Brew Coffee at Home: A Complete Step-by-Step Guide for Beginners (81 characters)
Đầu ra
The title measures about 780 px, wider than 600 px, so it is shown cut off with " ..." after the last whole word that fits.

Khi nào nên dùng Xem trước SERP

Dùng công cụ khi viết tiêu đề và mô tả để giữ thông điệp chính trong phần hiển thị. Google thường viết lại tiêu đề và tự chọn đoạn trích, còn kết quả trên di động dùng độ rộng khác, nên hãy coi bản xem trước là hướng dẫn chứ không phải đảm bảo.

Xem trước SERP hoạt động như thế nào

Độ rộng văn bản được đo ngay trong trình duyệt bằng CanvasRenderingContext2D.measureText() với font Arial – 20 px cho tiêu đề và 14 px cho mô tả, khớp với kiểu chữ trên Google bản máy tính. Nếu tiêu đề vượt quá 600 px (mô tả: 920 px, khoảng hai dòng), tiền tố dài nhất vừa khít cùng " ..." được tìm bằng tìm kiếm nhị phân và lùi về ranh giới từ gần nhất nếu có. URL được hiển thị dạng host › các đoạn đường dẫn.

Các Trường Hợp Sử Dụng Phổ Biến

  • Rút gọn tiêu đề sản phẩm cho đến khi tên thương hiệu không còn bị cắt.
  • Kiểm tra các ký tự rộng (W, M, chữ hoa) có đẩy tiêu đề vượt giới hạn không.
  • Xem trước meta description cho một loạt landing page.
  • Cho khách hàng thấy kết quả tìm kiếm của họ sẽ trông đại khái thế nào.

Câu Hỏi Thường Gặp

Vì sao đo bằng pixel thay vì ký tự?

Google cắt theo độ rộng. 60 ký tự hẹp (i, l) vừa khít dễ dàng, trong khi 50 ký tự rộng (W, M) có thể không vừa.

Google có luôn hiển thị tiêu đề của tôi không?

Không. Google có thể viết lại tiêu đề quá dài, nhồi nhét từ khóa hoặc không khớp với trang, và thường chọn đoạn mô tả từ nội dung trang.

Công cụ có giả lập kết quả trên di động không?

Công cụ dùng độ rộng của bản máy tính. Kết quả trên di động cho tiêu đề xuống nhiều dòng hơn, nên giới hạn của bản máy tính là chặt hơn.

Bước tiếp theo nên làm

Khám phá thêm danh mục