Softonic

Trình tạo thẻ Meta

Bước 1 / 4 Thẻ đã tạo
Tiếp theo

Phiên bản mở rộng của trình tạo thẻ Meta nhanh, công cụ này tạo ra trọn bộ: các thẻ SEO chính, Open Graph với biến thể theo từng khu vực, Twitter Card hỗ trợ liên kết sâu vào ứng dụng, bộ biểu tượng favicon (ico, svg, apple-touch-icon, mask-icon), liên kết manifest PWA, màu chủ đề cho giao diện sáng và tối, cùng một khối JSON-LD tùy chọn cho lược đồ Article, Product, Recipe, FAQ hoặc Event. Rất hữu ích khi khởi tạo một trang web mới và bạn muốn thiết lập <head> cho đúng ngay từ đầu.

Cách dựng bộ thẻ meta đầy đủ

  1. 1

    Điền các trường cốt lõi

    Tiêu đề, mô tả, canonical, tên trang web, hình ảnh mặc định.

  2. 2

    Thêm phần ghi đè riêng cho mạng xã hội

    Dùng tiêu đề hoặc mô tả khác cho Open Graph hoặc Twitter nếu cần.

  3. 3

    Cấu hình biểu tượng và PWA

    Đường dẫn favicon, biểu tượng Apple touch, manifest, màu chủ đề cho chế độ sáng/tối.

  4. 4

    Chọn loại Schema.org

    Bài viết, Sản phẩm, Công thức, Sự kiện, FAQ, Tổ chức. Điền JSON-LD dựa trên dữ liệu bạn nhập.

  5. 5

    Sao chép đoạn mã đầy đủ

    Dán vào giữa `<head>...</head>`.

Trọn bộ đầy đủ

  • SEO chính: <title>, description, canonical, viewport, robots, author, charset.
  • Open Graph: og:type, og:title, og:description, og:image (kèm chiều rộng/chiều cao), og:url, og:site_name, og:locale, og:locale:alternate cho các bản dịch.
  • Twitter Card: twitter:card, twitter:site, twitter:creator, twitter:title, twitter:description, twitter:image, twitter:app:* để liên kết sâu vào ứng dụng gốc.
  • Biểu tượng: favicon đa định dạng (.ico cho trình duyệt cũ, .svg cho hiện đại, biểu tượng Apple touch 180×180, biểu tượng mặt nạ cho các tab được ghim trong Safari).
  • PWA: liên kết manifest.json, theme-color cho sáng và tối, apple-mobile-web-app-capable.
  • JSON-LD: dữ liệu có cấu trúc Schema.org cho loại nội dung.

Mẫu JSON-LD theo từng lược đồ

Bài viết

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "...",
  "author": { "@type": "Person", "name": "..." },
  "datePublished": "2026-04-18",
  "dateModified": "2026-04-18",
  "image": "https://..."
}

Sản phẩm

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "...",
  "image": "https://...",
  "brand": { "@type": "Brand", "name": "..." },
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

Trang FAQ

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "...",
    "acceptedAnswer": { "@type": "Answer", "text": "..." }
  }]
}

Khi nào dùng từng loại Schema.org

Loại nội dung Lược đồ
Bài viết blog, tin tức Article / NewsArticle
Trang sản phẩm Product + Offer
Công thức Recipe
Sự kiện (buổi hòa nhạc, hội thảo trực tuyến) Event
Người (trang tác giả) Person
Trang công ty Organization
FAQ FAQPage
Điều hướng breadcrumb BreadcrumbList
Doanh nghiệp địa phương LocalBusiness

Xác thực

Sau khi dán, hãy xác thực toàn bộ <head>:

  • Rich Results Test (Google) để kiểm tra JSON-LD có đủ điều kiện hay không.
  • Schema Markup Validator để kiểm tra tính chính xác của Schema.org.
  • Facebook Sharing Debugger để xem trước Open Graph.
  • Twitter Card Validator để xem trước trên Twitter.
  • Lighthouse (Chrome DevTools → Lighthouse) để đánh giá tổng thể.

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

Không trực tiếp. Bản thân JSON-LD không nâng thứ hạng. Nhưng nó cho phép hiển thị kết quả nhiều định dạng (đánh giá sao, mục FAQ dạng kéo mở, giá và tình trạng còn hàng), từ đó có thể tăng tỷ lệ nhấp. Tỷ lệ nhấp tốt hơn sẽ giúp ích một cách gián tiếp.

Có. Mẫu thường gặp: một BreadcrumbList và một Article (hoặc Product). Hãy giữ mỗi khối tập trung vào một loại lược đồ thay vì trộn lẫn.

Twitter đúng là dùng OG làm phương án dự phòng, nhưng bạn có thể muốn một tỷ lệ khung hình ảnh khác hoặc một tên người tạo mà OG không hỗ trợ. Chỉ đặt các thẻ riêng của Twitter ở những chỗ khác với OG.

Không. Nó tô màu giao diện trình duyệt trên Android Chrome và iOS Safari (khi được thêm vào màn hình chính). Các trình duyệt máy tính để bàn sẽ bỏ qua nó.

Không, trình tạo chạy hoàn toàn trong trình duyệt của bạn. Mọi dữ liệu bạn nhập đều được giữ tại chỗ.

Công cụ liên quan

Trình kiểm tra độ dài mô tả siêu dữ liệu

Đo mô tả meta theo ký tự và pixel ước tính, so sánh các mốc biên tập và xem bố cục minh họa trên máy tính lẫn thiết bị di động.

Trình mô phỏng kết quả Google

Xem snippet gần đúng theo kiểu Google với giới hạn ký tự cho điện thoại và máy tính. Bản nháp chỉ ở trong phiên trình duyệt này.

Trình kiểm tra header bảo mật HTTP

Dán header phản hồi HTTP và kiểm tra cục bộ HSTS, CSP, clickjacking, MIME, referrer cùng chính sách cross-origin.

Trình trích liên kết bên ngoài

Dán mã HTML thô, tùy chọn nhập URL gốc và nhận danh sách sạch, không trùng lặp tất cả liên kết ngoài http/https trong mã để phục vụ kiểm toán liên kết và đánh giá SEO.

Trình kiểm tra sơ đồ trang web XML

Kiểm tra XML của sơ đồ trang web trong trình duyệt để tìm lỗi phân tích, vị trí còn thiếu, URL trùng lặp và giá trị trường phổ biến.

Trình kiểm tra URL chuẩn

Dán HTML của một trang và kiểm tra thẻ rel=canonical: có tồn tại không, có phải URL tuyệt đối hợp lệ không, có khớp với URL trang không.

Công cụ này có phiên bản bằng các ngôn ngữ khác