tigtools

Trình tạo Meta Tag

Điền biểu mẫu rồi sao chép khối meta tag gọn gàng, đã escape đúng cách cho phần head của trang.

Chạy ngay trên trình duyệt Không cần đăng ký

Thẻ cơ bản

0 ký tự

0 ký tự

Địa chỉ ưu tiên của trang này, chẳng hạn URL không có tham số theo dõi.

Lập chỉ mục trên công cụ tìm kiếm

“index, follow” là mặc định, nên thẻ robots sẽ không được tạo trừ khi bạn thay đổi một trong các tùy chọn này.

Một số trình duyệt di động dùng màu này để tô thanh địa chỉ. Dùng HEX, ví dụ #0b5d1e.

Open Graph (bản xem trước liên kết)

Để trống để dùng lại tiêu đề và mô tả ở trên.

Để trống để dùng lại URL chuẩn.

Ngôn ngữ và vùng lãnh thổ, phân cách bằng dấu gạch dưới, ví dụ en_US hoặc de_DE.

  • Hãy thêm tiêu đề: trang nào cũng nên có tiêu đề.
  • Chưa có meta description: công cụ tìm kiếm sẽ lấy văn bản từ trang.
  • Thẻ ảnh lớn cần có og:image; nếu không, ứng dụng sẽ hiển thị thẻ không có ảnh.

Cách sử dụng

  1. Nhập tiêu đề trang và phần mô tả dài một hoặc hai câu.
  2. Thêm URL canonical và chọn xem công cụ tìm kiếm có thể lập chỉ mục trang cũng như theo các liên kết trên trang hay không.
  3. Điền ảnh Open Graph và những trường cần có giá trị khác với tiêu đề, mô tả, rồi chọn loại Twitter card.
  4. Sao chép HTML đã tạo hoặc tải xuống, rồi dán vào phần <head> của trang.

Cách hoạt động

Trình tạo chỉ viết những thẻ bạn cần. Mọi giá trị đều được escape theo HTML (& < > " và ' được chuyển thành thực thể), nên tiêu đề có dấu ngoặc kép hoặc ngoặc nhọn cũng không thể làm hỏng mã đánh dấu.

Chức năng của từng thẻ: charset cho trình duyệt biết bảng mã văn bản và nên đặt đầu tiên trong head; viewport giúp trang hiển thị theo chiều rộng thiết bị trên điện thoại; title xuất hiện trên tab trình duyệt và trong kết quả tìm kiếm; meta description có thể được dùng làm đoạn trích tìm kiếm nhưng không ảnh hưởng đến thứ hạng; liên kết canonical cho công cụ tìm kiếm biết URL nào là phiên bản chính của trang khi có nội dung trùng lặp; robots với noindex sẽ loại trang khỏi kết quả tìm kiếm, còn nofollow yêu cầu trình thu thập dữ liệu không theo các liên kết trên trang. Thẻ robots chỉ có tác dụng nếu trình thu thập dữ liệu có thể truy cập trang, vì vậy đừng đồng thời chặn trang trong robots.txt.

Thẻ Open Graph (og:…) kiểm soát bản xem trước liên kết trên nhiều ứng dụng mạng xã hội và trò chuyện. Nếu og:title, og:description hoặc og:url để trống, công cụ sẽ dùng lại title, description và URL canonical. Các nền tảng đọc thẻ Twitter card sẽ dùng giá trị Open Graph thay thế cho tiêu đề, mô tả và ảnh, nên công cụ chỉ ghi twitter:card.

Ví dụ

Bài đăng blog

Tiêu đề, mô tả, URL canonical, og:image kích thước 1200×630 và summary_large_image tạo thành khoảng mười dòng, đáp ứng nhu cầu cho kết quả tìm kiếm và bản xem trước liên kết.

Trang cảm ơn không xuất hiện trong tìm kiếm

Bỏ chọn “Cho phép lập chỉ mục” để thêm <meta name="robots" content="noindex, follow">. Khách truy cập vẫn xem được trang, nhưng trang sẽ không xuất hiện trong kết quả tìm kiếm.

Tiêu đề có dấu ngoặc kép

Tiêu đề Ask "Anything" & <Learn> được ghi thành Ask &quot;Anything&quot; &amp; &lt;Learn&gt;, và trình duyệt sẽ hiển thị đúng như nội dung đã nhập.

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

Thẻ meta keywords có giúp ích cho SEO không?

Không. Các công cụ tìm kiếm lớn đã bỏ qua meta keywords khi xếp hạng từ lâu, nên trình tạo này không thêm thẻ đó.

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

Thông thường, ngoài Open Graph chỉ cần thêm twitter:card, vì tiêu đề, mô tả và ảnh sẽ dùng các giá trị og: thay thế.

Các thẻ này được đặt ở đâu?

Đặt trong phần tử <head> của từng trang. Với các framework như Next.js, giao diện WordPress hoặc trình tạo trang web tĩnh, hãy dùng phần cài đặt metadata tương ứng để xuất các thẻ này.

Mỗi trang có nên có thẻ canonical không?

Đây là cách làm tốt, nhất là khi có thể truy cập cùng một nội dung qua nhiều URL (tham số theo dõi, tùy chọn sắp xếp, http và https). Một trang có thể đặt URL canonical trỏ đến chính nó.

Quyền riêng tư

Thẻ được tạo ngay trong trình duyệt. Nội dung bạn nhập không được tải lên hoặc lưu trữ.