TanodTools
VI

Tạo meta tag

Điền thông tin trang của bạn và sao chép HTML sẵn để dán vào phần head: thẻ title, description, canonical, robots, Open Graph và Twitter card.

Chạy hoàn toàn trong trình duyệt của bạn

Thông tin cơ bản của trang
Lập chỉ mục
Liên kết
Open Graph
Thẻ X (Twitter)
Kỹ thuật
Bao gồm

Xem trước kết quả tìm kiếm

Xem trước thẻ mạng xã hội

Chỉ là hình mô phỏng. Địa chỉ ảnh được hiển thị dưới dạng văn bản và không bao giờ được tải.

Các trường để trống sẽ không có trong kết quả. Bản xem trước chỉ là hình mô phỏng dựng từ văn bản của bạn; chúng không bao giờ tải địa chỉ ảnh của bạn, và các trang tìm kiếm cùng mạng xã hội thật sẽ hiển thị theo cách riêng của họ.

Cách tạo meta tag

  1. Nhập tiêu đề và mô tả của trang. Bộ đếm cho biết sơ bộ thường hiển thị được bao nhiêu mỗi loại.
  2. Thêm địa chỉ canonical, các lựa chọn robots, và những trường Open Graph và Twitter bạn cần. Cảnh báo sẽ đánh dấu các địa chỉ không phải URL https:// đầy đủ.
  3. Kiểm tra các hình mô phỏng tìm kiếm và mạng xã hội, rồi nhấn Sao chép HTML và dán các thẻ vào trong <head> của trang.

Mỗi thẻ dùng để làm gì

<title> và meta description thường là thứ dùng để dựng một kết quả tìm kiếm. Liên kết canonical cho công cụ tìm kiếm biết địa chỉ nào là chính khi cùng một trang có thể truy cập bằng nhiều cách, chẳng hạn kèm tham số theo dõi. Thẻ robots chỉ cần khi bạn muốn thay đổi mặc định là lập chỉ mục trang và theo các liên kết của nó.

Thẻ Open Graph được giới thiệu cho bản xem trước liên kết và hiện được hầu hết ứng dụng chat và mạng xã hội đọc. Tiêu đề, mô tả, ảnh và URL là bốn thẻ quan trọng nhất; og:image:alt cho ảnh một mô tả bằng văn bản, và og:type thường là website hoặc article. Thẻ X card chọn giữa ảnh thu nhỏ vuông nhỏ (summary) và ảnh rộng (summary_large_image).

Văn bản được thoát ngay khi viết, nên dấu và trở thành &amp; và dấu ngoặc kép trở thành &quot;. Điều đó giữ cho trang hợp lệ và ngăn dấu nháy lạc kết thúc thuộc tính sớm. Hãy kiểm tra trang hoàn chỉnh bằng một bản xem trước chia sẻ thật trước khi tin cậy vào nó, vì mỗi trang đều lưu cache bản xem trước mà nó tải lần đầu.

Mẹo

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

Tiêu đề hay mô tả nên dài bao nhiêu?

Không có giới hạn cố định. Công cụ tìm kiếm cắt văn bản theo độ rộng điểm ảnh, không theo số ký tự, và có thể viết lại nó. Theo hướng dẫn sơ bộ, tiêu đề khoảng 50 đến 60 ký tự và mô tả khoảng 150 đến 160 ký tự thường hiển thị đầy đủ. Bộ đếm ở đây chỉ là gợi ý, không phải quy tắc.

Tôi có cần cả thẻ Open Graph và Twitter không?

Thường chỉ cần Open Graph. X (Twitter) đọc tiêu đề, mô tả và ảnh Open Graph khi thiếu thẻ riêng của nó, nhưng vẫn cần twitter:card để chọn bố cục thẻ. Thêm twitter:site nếu bạn muốn ghi nhận tài khoản.

Vì sao og:image phải là địa chỉ đầy đủ?

Các trang mạng xã hội tải ảnh từ máy chủ của chính họ, nên đường dẫn tương đối như /img/card.png không có gốc nào để tham chiếu. Hãy dùng URL https:// tuyệt đối. Kích thước thẻ phổ biến là 1200 × 630 điểm ảnh.

Lựa chọn robots có tác dụng gì?

noindex yêu cầu công cụ tìm kiếm không đưa trang vào danh sách, và nofollow yêu cầu không theo các liên kết của nó. Mặc định của một trang không có thẻ robots là index và follow, nên chọn cả hai điều đó thì không ghi thẻ nào.

Ký tự đặc biệt có được thoát không?

Có. Dấu và, dấu ngoặc nhọn và dấu ngoặc kép trong văn bản của bạn được chuyển thành thực thể HTML, nên một tiêu đề như Q&A "live" không thể thoát ra khỏi thuộc tính của nó hay thêm mã vào trang.

Có gì được gửi đến máy chủ không, hay ảnh của tôi có được tải không?

Không. Các thẻ được dựng trong trình duyệt của bạn và địa chỉ ảnh chỉ được in ra dưới dạng văn bản trong hình mô phỏng mạng xã hội, không bao giờ được yêu cầu tải. Các trang mạng xã hội sẽ tải nó sau, khi có người chia sẻ trang.