Trình tạo thẻ meta - Open Graph và Twitter Cards có xem trước
Tạo thẻ meta
A step-by-step guide to grind size, water temperature and brew ratios for café-quality coffee in your own kitchen.
Thẻ meta làm gì và thẻ nào quan trọng
Thẻ meta là những dòng trong phần head của trang mà công cụ tìm kiếm và mạng xã hội đọc thay cho chính trang đó. Tiêu đề và mô tả định hình đoạn trích trên Google; các thẻ Open Graph và Twitter Card quyết định hình ảnh, dòng tiêu đề và văn bản xuất hiện khi liên kết được chia sẻ. Trình tạo này viết tất cả từ một biểu mẫu và hiển thị kết quả đúng như nó sẽ xuất hiện.
Các bước
- 1 Nhập tiêu đề và mô tả trang. Bộ đếm cho biết độ dài thường vừa với kết quả tìm kiếm — khoảng 60 và 160 ký tự.
- 2 Thêm URL chuẩn, tên trang web và một hình ảnh 1200×630. Chọn loại nội dung, ngôn ngữ vùng và bố cục thẻ; ba bản xem trước cập nhật khi bạn gõ.
- 3 Sao chép các thẻ đã tạo và dán vào phần head của trang, thay cho các thẻ tiêu đề và mô tả hiện có.
Tiêu đề và mô tả
Thẻ title là dòng tiêu đề màu xanh trong kết quả tìm kiếm và tên tab trình duyệt. Giữ dưới khoảng 60 ký tự và đặt các từ đặc trưng lên đầu; Google cắt theo độ rộng pixel, nên chữ rộng chiếm chỗ nhanh hơn. Mô tả không phải yếu tố xếp hạng nhưng là quảng cáo của bạn trong kết quả: 150–160 ký tự nói trang cung cấp gì và vì sao nên nhấp. Google có thể thay bằng văn bản trong trang khi thấy phù hợp hơn.
Open Graph
Facebook, LinkedIn, WhatsApp, Slack và hầu hết ứng dụng nhắn tin đọc og:title, og:description, og:image và og:url để dựng bản xem trước liên kết. Hình ảnh nên là 1200×630 pixel (1,91:1), dưới 8 MB và được cho dưới dạng URL tuyệt đối. og:type là website cho hầu hết trang và article cho bài viết; og:site_name hiện phía trên dòng tiêu đề trên một số mạng. Thiếu các thẻ này, lượt chia sẻ có thể hiện một hình ngẫu nhiên từ trang hoặc không có hình.
Twitter Cards
X dùng thẻ riêng nhưng quay về Open Graph với bất cứ gì còn thiếu, nên bạn chủ yếu cần twitter:card để chọn bố cục — summary_large_image cho ảnh tràn chiều rộng, summary cho ảnh thu nhỏ vuông — và twitter:site cho tài khoản được ghi nhận. Tiêu đề, mô tả và hình ảnh được lặp lại ở đây cho các mạng chỉ đọc bộ thẻ twitter:.
URL chuẩn và robots
Liên kết canonical cho công cụ tìm kiếm biết địa chỉ nào là bản gốc khi cùng một nội dung có thể truy cập qua nhiều URL (có và không có tham số, http và https, dấu gạch chéo cuối). Luôn dùng URL tuyệt đối đầy đủ. Thẻ robots thường không cần — index, follow là mặc định — và chỉ đáng thêm khi muốn giữ trang khỏi kết quả bằng noindex.