Xem trước hiển thị trên Google và Facebook

Nhập tiêu đề, mô tả, URL và ảnh, hoặc bấm Lấy từ trang để đọc thẻ meta của một bài đã đăng. Xem ngay bài sẽ trông thế nào khi hiện trên Google và khi chia sẻ.

Miễn phíKhông lưu nội dung bạn nhậpGoogleFacebook, Zalo

Nhập địa chỉ rồi bấm Lấy từ trang để đọc thẻ meta, hoặc tự điền các ô bên dưới.

Nội dung

Ảnh chỉ hiện trực tiếp trong trình duyệt của bạn, không qua máy chủ DatPilot.

Xem trước

Chỉ là ước lượng: mỗi nền tảng có thể đổi giao diện và tự cắt chữ theo cách riêng.

Thẻ meta và Open Graph

Vì sao nên xem trước tiêu đề và mô tả?

Tiêu đề và mô tả là "bảng hiệu" của bài viết trên Google và trên mạng xã hội. Nếu tiêu đề bị cắt giữa chừng, mô tả trống hoặc ảnh chia sẻ sai, người đọc có thể bỏ qua dù nội dung rất tốt. Công cụ này cho bạn thấy trước các lỗi đó.

Cách dùng

  1. Điền tiêu đề, mô tả, URL và ảnh, hoặc nhập URL một bài đã đăng rồi bấm Lấy từ trang để tự điền.
  2. Chuyển qua các tab Google PC, Google mobile, Facebook, Zalo để xem từng kiểu hiển thị.
  3. Xem thanh đo độ rộng: tiêu đề vượt khoảng 580px có thể bị Google cắt bớt.
  4. Sửa tới khi ưng ý, bấm Chép thẻ meta và dán vào phần head của trang.

Lưu ý khi đọc kết quả

  • Google tính độ dài theo pixel, nên tiêu đề nhiều chữ rộng như W, M sẽ dài hơn tiêu đề cùng số ký tự nhưng nhiều chữ hẹp. Số đo ở đây là ước lượng với font Arial 20px.
  • Google có thể viết lại tiêu đề và chọn đoạn mô tả khác để khớp với câu tìm kiếm.
  • Facebook và Zalo lưu tạm thẻ chia sẻ. Sửa xong mà link vẫn hiện bản cũ thì cần xoá bộ nhớ tạm của nền tảng.

Muốn kiểm tra độ dài chữ chính xác theo ký tự, dùng công cụ đếm từ và ký tự. Cần rà toàn bộ thẻ meta của website, xem dịch vụ audit SEO.

Ví dụ: lấy thẻ từ một bài đã đăng

Dán địa chỉ bài Lỗi 503 WordPress rồi bấm Lấy từ trang. Công cụ đọc được tiêu đề, mô tả, ảnh chia sẻ và canonical. Tiêu đề 55 ký tự, khoảng 494px, nằm trong khung hiển thị của Google máy tính; mô tả hiện đủ hai dòng.

Công cụ xem trước hiển thị với một bài hướng dẫn trên datpilot.com: nội dung lấy từ trang, bản xem trước Google máy tính và đoạn thẻ meta để chép.
Công cụ xem trước hiển thị với một bài hướng dẫn trên datpilot.com: nội dung lấy từ trang, bản xem trước Google máy tính và đoạn thẻ meta để chép.

Đoạn “Thẻ meta và Open Graph” bên dưới là mã công cụ tạo sẵn để bạn chép vào trang mới. Đoạn này luôn ghi og:type là website; với bài viết, bạn có thể đổi thành article.

Lỗi hay gặp

Hiện tượngCách xử lý
Tiêu đề bị cắt “...” trên GoogleRút gọn, đưa từ khoá chính lên đầu
Facebook hiện ảnh cũDùng công cụ gỡ lỗi chia sẻ của Facebook để làm mới
Không có ảnh khi chia sẻThêm og:image, ảnh tối thiểu 1200 × 630
Mô tả bị Google thay đoạn khácViết mô tả khớp nội dung trang, không nhồi từ khoá

Đọc thêm

Câu hỏi thường gặp

Kết quả xem trước có giống hệt Google hiển thị không?

Chỉ là ước lượng. Google có thể tự viết lại tiêu đề, chọn đoạn mô tả khác theo từ khoá người tìm, và thay đổi giao diện theo thời gian. Công cụ giúp bạn thấy trước các lỗi dễ gặp như tiêu đề quá dài hay mô tả bị cắt.

Tiêu đề dài bao nhiêu thì bị cắt?

Google cắt tiêu đề theo độ rộng hiển thị, thường quanh 600 pixel trên máy tính, chứ không theo số ký tự. Công cụ đo bằng font Arial cỡ 20px và cảnh báo khi vượt khoảng 580px. Đây là ước lượng, không phải quy định chính thức.

Nút Lấy từ trang hoạt động thế nào?

Máy chủ DatPilot tải trang bạn nhập một lần, đọc tiêu đề, mô tả, thẻ Open Graph và canonical rồi trả về trình duyệt. Chỉ tải được trang công khai, không lưu nội dung.

Vì sao Facebook hay Zalo hiện sai ảnh hoặc tiêu đề cũ?

Hai nền tảng lưu tạm thông tin trang sau lần chia sẻ đầu. Sau khi sửa thẻ og:title hay og:image, bạn có thể phải xoá bộ nhớ tạm bằng công cụ gỡ lỗi chia sẻ của nền tảng đó rồi chia sẻ lại.

Ảnh xem trước có được tải lên máy chủ không?

Không. Ảnh chỉ hiện trực tiếp từ đường dẫn bạn nhập ngay trong trình duyệt, máy chủ không tải về hay lưu lại.

Kích thước ảnh chia sẻ nên là bao nhiêu?

Tỷ lệ khoảng 1,91:1, ví dụ 1200x630 pixel, là thông lệ phổ biến để ảnh không bị cắt khi chia sẻ. Hãy đặt ảnh ở đường dẫn công khai, ưu tiên https.

Ảnh chia sẻ nên tỉ lệ bao nhiêu?

Tỉ lệ khoảng 1,91:1, thường dùng 1200 × 630 điểm ảnh. Đặt chữ quan trọng ở giữa vì một số nơi cắt mép ảnh.

Zalo lấy ảnh chia sẻ từ đâu?

Zalo đọc các thẻ Open Graph giống Facebook (og:title, og:description, og:image). Đặt đúng các thẻ này là hiện đúng trên cả hai.

Có thể bạn cần

Xem tất cả