Tạo thẻ meta
Điền các trường, sao chép thẻ vào phần head của trang.
- Chạy ngay trên trình duyệt của bạn — văn bản của bạn không bao giờ được gửi đi đâu cả
- Không cần đăng ký, không có hạn mức, dùng miễn phí bao nhiêu lần tùy thích
Cách hoạt động
Có ba bộ thẻ chồng chéo nhau làm gần như cùng một việc: bộ SEO cổ điển, Open Graph cho Facebook, LinkedIn, WhatsApp và Slack, và Twitter Card. Viết tay nghĩa là lặp lại ba lần và quên mất một bộ.
Open Graph làm phần lớn công việc
Không chỉ có Facebook. LinkedIn, WhatsApp, Slack, Discord, iMessage và hầu hết những nơi khác hiển thị bản xem trước liên kết đều đọc thẻ Open Graph. Làm đúng các thẻ này sẽ sửa bản xem trước ở gần như mọi nơi cùng lúc. Twitter Card là một bộ nhỏ bổ sung cho X, vốn quay về dùng Open Graph khi thiếu chúng.
Độ dài được kiểm tra khi bạn gõ
Khoảng 60 ký tự cho tiêu đề và 160 cho mô tả trước khi kết quả tìm kiếm bị cắt bớt. Đây là hướng dẫn chứ không phải giới hạn cứng — công cụ tìm kiếm đo tiêu đề theo chiều rộng pixel, nên tiêu đề toàn chữ hoa và chữ M bị cắt sớm hơn tiêu đề toàn chữ l thường. Cảnh báo cho bạn biết khi bạn đang ở vùng rủi ro.
Hình ảnh là phần người ta hay quên
Liên kết không có og:image hiển thị bản xem trước là một ô xám trống, điều này làm giảm lượt nhấp một cách đo được. URL phải là đường dẫn tuyệt đối, bắt đầu bằng https, vì các trang tải nó không biết URL gốc của trang bạn là gì. Khoảng 1200 x 630 pixel phù hợp với thẻ ảnh lớn.
URL chuẩn (canonical)
Thêm thẻ liên kết canonical cho công cụ tìm kiếm biết địa chỉ nào là địa chỉ thật khi cùng một trang truy cập được bằng nhiều cách — có và không có dấu gạch chéo ở cuối, có tham số theo dõi, trên http và https. Đây là cách sửa một dòng cho cả một loại vấn đề nội dung trùng lặp.
Mọi thứ đều được thoát ký tự
Dấu nháy và dấu ngoặc nhọn trong văn bản của bạn được thoát đúng cách, nên mô tả chứa dấu nháy đơn hoặc dấu ngoặc kép không thể làm hỏng thẻ chứa nó.
Tạo thẻ meta — câu hỏi thường gặp
Ngoài Open Graph, tôi có cần cả thẻ Twitter Card không?
Không hẳn — X sẽ quay về dùng Open Graph. Các thẻ bổ sung cho bạn quyền kiểm soát kiểu thẻ nào được dùng.
Tiêu đề nên dài bao nhiêu?
Khoảng 60 ký tự. Công cụ tìm kiếm cắt bớt theo chiều rộng pixel, nên hãy coi đó là hướng dẫn chứ không phải quy tắc.
Vì sao bản xem trước liên kết của tôi không có ảnh?
Hoặc là thiếu og:image, hoặc URL của nó là đường dẫn tương đối. Nó phải là đường dẫn tuyệt đối, bắt đầu bằng https.
Các thẻ này đặt ở đâu?
Bên trong <head> của trang của bạn.
Vì sao bản xem trước của tôi không cập nhật?
Các nền tảng mạng xã hội lưu đệm rất mạnh. Phần lớn có công cụ gỡ lỗi để buộc tải lại.