Tiếng Việt dùng dấu thanh trên hầu hết nguyên âm — à, ả, ã, ạ, á — và những dấu này chiếm cùng một vị trí ký tự trong giới hạn cắt bớt của thẻ preview, nhưng lại dễ khiến người đọc hiểu sai nếu bị cắt ngay giữa một từ có dấu. Đây là điều đáng chú ý hơn cả cú pháp thẻ, vốn giống nhau ở mọi ngôn ngữ.
Meta description chỉ là gợi ý, không phải quy định
Thẻ <meta name="description"> gợi ý cho công cụ tìm kiếm nên dùng đoạn văn bản nào làm đoạn trích. Nhưng Google thường bỏ qua gợi ý này và tự tạo đoạn trích từ một phần nội dung trang, nếu thấy phù hợp hơn với truy vấn của người dùng.
Open Graph và bộ thẻ riêng của Twitter
Các thẻ og:title, og:description và og:image thuộc giao thức Open Graph, ban đầu do Facebook đưa ra và nay được Zalo, Telegram, LinkedIn đọc theo. Twitter (X) lại dùng bộ thẻ riêng — twitter:card, twitter:title — và chỉ lấy giá trị từ Open Graph khi thẻ riêng của nó bị thiếu.
hreflang cho các phiên bản ngôn ngữ khác nhau
Một trang web có nhiều phiên bản ngôn ngữ của cùng nội dung — như trang này, nơi tiếng Ukraina nằm ở URL gốc còn mỗi ngôn ngữ khác có tiền tố URL riêng — nên liên kết các trang bằng thẻ <link rel="alternate" hreflang="vi" href="..."> (mỗi ngôn ngữ một thẻ, cộng thêm một x-default). Thiếu hreflang, công cụ tìm kiếm có thể hiển thị nhầm phiên bản ngôn ngữ, hoặc coi các bản dịch là nội dung trùng lặp.
Vì sao cần điều này
- Tạo trọn bộ meta tag (SEO, Open Graph, Twitter Card) cho một trang mới chỉ trong một lần.
- Kiểm tra xem tiêu đề có dấu tiếng Việt có bị cắt giữa từ trong thẻ preview hay không.
- Hiểu vì sao đoạn trích Google hiển thị lại khác với nội dung ghi trong meta description.
Kích thước ảnh cho Twitter Card
Với loại thẻ summary_large_image, nên dùng ảnh khoảng 1200×630 pixel; nếu tỷ lệ ảnh khác biệt quá nhiều, ảnh có thể bị cắt xấu hoặc Twitter tự chuyển sang bố cục summary nhỏ hơn. Open Graph dễ tính hơn về kích thước, nhưng giữ đúng tỷ lệ khuyến nghị giúp bản xem trước nhất quán trên mọi nền tảng.