Bộ tạo thẻ siêu dữ liệu (Meta Tag Generator)

Nội dung mà công cụ tạo ra

<!-- Primary Meta -->
<title>Page title, Site name</title>
<meta name="description" content="A 150-character summary of the page content.">
<link rel="canonical" href="https://example.com/page">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">

<!-- Open Graph -->
<meta property="og:type" content="article">
<meta property="og:url" content="https://example.com/page">
<meta property="og:title" content="Page title">
<meta property="og:description" content="Same description or a social-optimized one">
<meta property="og:image" content="https://example.com/og-image.jpg">
<meta property="og:site_name" content="Site name">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@siteaccount">
<meta name="twitter:creator" content="@authoraccount">
<meta name="twitter:title" content="Page title">
<meta name="twitter:description" content="Description">
<meta name="twitter:image" content="https://example.com/og-image.jpg">

<!-- Icons -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<meta name="theme-color" content="#0b5ed7">

Hướng dẫn chi tiết từng trường

• Tiêu đề: Từ 50 đến 60 ký tự. Bao gồm từ khóa chính và đặt tên thương hiệu ở cuối: Page title, Brand.
• Mô tả: Từ 140 đến 160 ký tự. Có thể đọc độc lập mà vẫn dễ hiểu. Hãy tránh sử dụng các nội dung mẫu lặp lại trên nhiều trang.
• Canonical: địa chỉ URL tuyệt đối, bao gồm https://; phù hợp với og:url.
• Hình ảnh OG: Kích thước tối thiểu là 1200×630 pixel (tỷ lệ 1,91:1 – tỷ lệ được Facebook ưu tiên sử dụng); định dạng JPG hoặc PNG; dung lượng dưới 8 MB.
• Thẻ Twitter: summary_large_image nếu bạn có hình ảnh tốt; summary cho hình ảnh thu nhỏ nhỏ gọn.
• Robot: index, follow dùng cho các trang công cộng; noindex, nofollow dùng cho nội dung thử nghiệm hoặc nội dung đơn giản.

Các tính năng bổ sung tùy chọn

• JSON-LD dành cho bài viết hoặc sản phẩm giúp Google hiển thị các thông tin chi tiết (tác giả, ngày xuất bản, giá cả, số sao đánh giá).
• theme-color dùng để tô màu giao diện trình duyệt trên Android Chrome và iOS Safari.
• og:locale dành cho các trang web đa ngôn ngữ (ví dụ: en_US, es_ES).
• Các mục bổ sung cho og:type=article: article:published_time, article:author, article:section, article:tag.

Các lỗi phổ biến mà bộ tạo này ngăn chặn

• Bỏ quên thẻ viewport: Trang của bạn hiển thị ở độ rộng máy tính để bàn trên thiết bị di động, với mức phóng to là 0,3.
• Các tiêu đề khác nhau trong <title>, og:title và twitter:title; các thẻ chia sẻ không nhất quán.
• Các địa chỉ URL hình ảnh tương đối trong og:image. Facebook không thể xử lý chúng; thẻ không thể hiển thị.
• Thiếu og:type. Giá trị mặc định vẫn có thể sử dụng được, nhưng Facebook ưa chuộng việc sử dụng giá trị cụ thể hơn.