Bạn chia sẻ đường link sanpham.vn lên nhóm khách hàng trên Facebook — và preview hiện ra ảnh không liên quan, tiêu đề hiển thị sai, phần mô tả trống hoàn toàn. Hoặc bạn tìm thấy trang mình trên Google Search và thấy tiêu đề bị cắt cụt ở giữa câu vì quá dài. Hai vấn đề trông khác nhau nhưng cùng một gốc rễ: thẻ meta và Open Graph chưa được cấu hình đúng.

Thẻ meta là những dòng HTML nằm trong <head> mà người dùng không nhìn thấy khi xem trang, nhưng Google và mạng xã hội lại đọc để quyết định hiển thị gì trong kết quả tìm kiếm và trong preview link. Chỉnh đúng thẻ meta không chỉ giúp SEO — nó còn quyết định trực tiếp tỷ lệ nhấp khi ai đó thấy link của bạn. Bài viết này hướng dẫn bạn kiểm tra, tạo và tối ưu từng thẻ cần thiết.

Kiểm tra ngay: nhập URL trang vào công cụ kiểm tra thẻ meta để xem toàn bộ thẻ meta đang có, độ dài và cảnh báo thiếu. Không cần đăng nhập.

Hai nhóm thẻ meta cần quan tâm

Nhóm SEO cơ bản — ảnh hưởng đến hiển thị trên Google và Bing:

ThẻĐộ dài khuyến nghịVai trò<title>50–60 ký tựTiêu đề xanh trong kết quả tìm kiếm<meta name="description">150–160 ký tựĐoạn mô tả bên dưới tiêu đề<link rel="canonical">—Chỉ định URL chuẩn, tránh nội dung trùng lặp<meta name="robots">—Kiểm soát crawl và index (noindex, nofollow…)

Nhóm Open Graph — ảnh hưởng đến preview khi chia sẻ lên Facebook, Zalo, Telegram, Slack:

ThẻVai tròog:titleTiêu đề hiển thị trong preview linkog:descriptionMô tả trong previewog:imageẢnh preview — quan trọng nhất, kích thước khuyến nghị 1200×630 pxog:urlURL chuẩn của trangog:typeLoại nội dung (website, article, product…)

Điều hay gây nhầm lẫn: Google đọc nhóm thẻ SEO, còn Facebook/Zalo đọc nhóm Open Graph. Trang có <title> tốt nhưng thiếu og:title sẽ đẹp trên Google mà preview mạng xã hội vẫn xấu — và ngược lại. Thực tế tốt nhất là cài đặt đồng bộ cả hai nhóm.

4 bước kiểm tra và tối ưu thẻ meta

Bước 1 — Kiểm tra thẻ meta đang có trên trang

Trước khi chỉnh bất cứ gì, hãy biết tình trạng thực tế: thẻ nào đang có, thẻ nào thiếu, thẻ nào quá dài hay quá ngắn.

👉 Kiểm tra: công cụ kiểm tra thẻ meta (nhập URL, xem đầy đủ thẻ và cảnh báo độ dài).

Ví dụ: bạn nhập https://sanpham.vn/giay-the-thao-nam và thấy og:image đang trỏ đến ảnh kích thước 300×300 px. Facebook thường từ chối hiển thị ảnh có chiều ngang dưới 600 px trong preview link lớn — đây là lý do preview trông trống hoặc hiển thị ảnh nhỏ xíu ở góc.

Lỗi hay gặp:

  • Thiếu og:image hoàn toàn: đây là lỗi phổ biến nhất. Khi thiếu, Facebook tự chọn ảnh đầu tiên tìm thấy trong trang — thường là logo nhỏ, icon favicon hay ảnh không liên quan.

  • title và og:title khác nhau lớn: nếu hai thẻ này chênh nhau nhiều, người dùng thấy tiêu đề khác nhau giữa Google Search và preview mạng xã hội — gây nhầm lẫn và giảm tin cậy.

  • Meta description trống: khi thiếu, Google tự chọn đoạn văn bất kỳ trong trang để hiển thị — thường không đúng và không hấp dẫn.

Bước 2 — Xem trước preview khi chia sẻ lên mạng xã hội

Sau khi biết thẻ nào đang có, bước tiếp theo là xem thực tế link trông như thế nào khi được chia sẻ — mà không cần phải thật sự đăng lên Facebook hay Zalo để kiểm tra.

👉 Xem trước: công cụ xem preview Open Graph (nhập URL, xem preview mô phỏng Facebook, Zalo, Telegram ngay).

Ví dụ: bạn thấy preview Facebook đang hiển thị ảnh đúng nhưng tiêu đề bị cắt ở ký tự thứ 90. Nguyên nhân là og:title dài 130 ký tự, trong khi Facebook hiển thị tối đa khoảng 88–100 ký tự tùy thiết bị. Rút gọn tiêu đề về dưới 90 ký tự là đủ để hiển thị trọn vẹn.

Lỗi hay gặp:

  • Cache preview trên Facebook: sau khi sửa thẻ OG, Facebook có thể vẫn hiển thị preview cũ do cache phía mạng xã hội. Cần dùng công cụ Facebook Sharing Debugger (tại developers.facebook.com/tools/debug/) để yêu cầu làm mới cache và lấy dữ liệu mới nhất.

  • Ảnh OG bị lỗi hoặc redirect: og:image trỏ đến ảnh đã xóa hoặc đang bị redirect. Thử mở URL ảnh đó trực tiếp trên trình duyệt để xác nhận ảnh đang được phục vụ đúng.

Bước 3 — Tạo bộ thẻ meta chuẩn cho trang mới

Với trang mới cần cấu hình thẻ meta từ đầu, bạn có thể điền thông tin vào form và nhận đoạn HTML sẵn sàng dán vào <head>.

👉 Tạo: công cụ tạo thẻ meta (điền tiêu đề, mô tả, URL ảnh OG; nhận đoạn HTML).

Một vài công thức thực tế để viết tốt:

Cho title:

  • Đặt từ khóa chính ở đầu tiêu đề — Google thường hiển thị rõ hơn từ khóa ở đầu.

  • Giữ trong 50–60 ký tự để hiển thị trọn vẹn trên kết quả tìm kiếm.

  • Viết đúng nội dung trang — không câu view bằng tiêu đề không liên quan.

Cho meta description:

  • Mô tả lợi ích cụ thể người đọc nhận được khi vào trang.

  • Giữ trong 150–160 ký tự (tính cả khoảng trắng).

  • Mỗi trang một mô tả khác nhau — copy một description cho nhiều trang làm Google xem là nội dung trùng lặp.

Cho ảnh OG:

  • Kích thước 1200×630 px, định dạng JPG hoặc PNG.

  • Ảnh phải là URL tuyệt đối: https://tencongty.vn/uploads/og-image.jpg.

  • Không dùng ảnh có nhiều chữ nhỏ — preview thu nhỏ lại không đọc được.

Bước 4 — Kiểm tra HTTP headers để phát hiện sự cố server

Đôi khi trang trả về thẻ meta đúng trong HTML, nhưng server lại gắn thêm X-Robots-Tag: noindex vào HTTP headers — khiến Googlebot bỏ qua trang dù nội dung và thẻ meta hoàn toàn tốt.

👉 Kiểm tra: công cụ kiểm tra HTTP headers (nhập URL, xem toàn bộ response headers).

Hai thứ cần xem trong headers:

  • X-Robots-Tag: giá trị noindex ở đây có tác dụng tương đương <meta name="robots" content="noindex"> trong HTML — Googlebot sẽ không index trang.

  • Content-Type: đảm bảo server trả về text/html; charset=utf-8. Nếu trả về application/json hay file lạ, Googlebot không đọc thẻ meta được.

Sửa thẻ meta xong bao lâu Google cập nhật?

Thay đổi thẻ meta title và description thường xuất hiện trong kết quả tìm kiếm trong vài ngày đến 2–3 tuần, tùy tần suất Googlebot crawl trang đó. Muốn đẩy nhanh, dùng công cụ "Yêu cầu index lại" trong Google Search Console.

Với Facebook và Zalo, preview chia sẻ cập nhật ngay sau khi xóa cache phía mạng xã hội. Với Facebook, dùng Sharing Debugger và nhấn "Tìm nạp lại thông tin mới" là preview thay đổi ngay trong vài phút.

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

Google có dùng meta description để xếp hạng không? Không trực tiếp. Meta description không phải yếu tố xếp hạng, nhưng ảnh hưởng đến tỷ lệ nhấp (CTR). Mô tả hấp dẫn làm nhiều người click hơn, và CTR cao là tín hiệu hành vi tốt.

Kích thước ảnh OG tối ưu là bao nhiêu? Facebook khuyến nghị 1200×630 px, định dạng JPG hoặc PNG, dung lượng dưới 8 MB. Ảnh có tỷ lệ 1.91:1 này cũng hoạt động tốt trên Zalo và Telegram.

Nếu không có og:title, Facebook lấy tiêu đề từ đâu? Facebook sẽ dùng thẻ <title> trong HTML. Nếu cả og:title lẫn <title> đều trống, Facebook lấy văn bản đầu tiên tìm thấy trong trang — thường là menu hoặc header.

Zalo có đọc thẻ Open Graph không? Có. Zalo đọc og:title, og:description và og:image để tạo preview khi chia sẻ link. Thiếu og:image thì preview Zalo cũng không có ảnh — chỉ hiện tiêu đề và mô tả.

BKNS Tools — bộ công cụ SEO & website miễn phí cho người Việt. Kiểm tra thẻ meta · Xem preview OG · Tạo thẻ meta · Kiểm tra HTTP headers — không cần đăng nhập.