Các tag hỗ trợ SEO và code mẫu

Web chuẩn SEO là website được thiết kế, xây dựng và tối ưu theo các tiêu chuẩn của công cụ tìm kiếm (đặc biệt là Google) để giúp nội dung được thu thập dữ liệu (crawl), lập chỉ mục (index) và xếp hạng tốt hơn trên kết quả tìm kiếm, đồng thời mang lại trải nghiệm tốt cho người dùng.

1. Các thẻ cơ bản trong <head> (On-page SEO)

HTML

<!DOCTYPE html>
<html lang="vi">
<head>
    <!-- 1. Tiêu đề trang - Rất quan trọng -->
    <title>Tiêu đề trang hấp dẫn | Tên thương hiệu</title>
    
    <!-- 2. Meta cơ bản -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Mô tả ngắn gọn về trang, 150-160 ký tự, chứa từ khóa chính">
    <meta name="keywords" content="từ khóa 1, từ khóa 2, từ khóa 3"> <!-- Ít quan trọng hơn trước -->
    <meta name="robots" content="index, follow">
    
    <!-- Canonical URL (tránh nội dung trùng lặp) -->
    <link rel="canonical" href="https://example.com/bai-viet-seo">
    
    <!-- Ngôn ngữ -->
    <meta name="language" content="Vietnamese">
    <meta http-equiv="content-language" content="vi">
</head>
<body>

2. Open Graph (Facebook, Zalo, các mạng xã hội)

HTML

<!-- Open Graph -->
<meta property="og:title" content="Tiêu đề đẹp khi share">
<meta property="og:description" content="Mô tả hấp dẫn khi chia sẻ">
<meta property="og:type" content="website"> <!-- article, product, video... -->
<meta property="og:url" content="https://example.com/bai-viet">
<meta property="og:image" content="https://example.com/images/thumbnail.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:site_name" content="Tên Website">
<meta property="og:locale" content="vi_VN">

3. Twitter Card

HTML

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Tiêu đề Twitter">
<meta name="twitter:description" content="Mô tả Twitter">
<meta name="twitter:image" content="https://example.com/images/twitter.jpg">
<meta name="twitter:site" content="@ten_twitter">

4. Structured Data (JSON-LD) - Rất mạnh cho Rich Snippet

HTML

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Tiêu đề bài viết",
  "description": "Mô tả ngắn",
  "author": {
    "@type": "Person",
    "name": "Tên tác giả"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Tên website",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "datePublished": "2026-07-13",
  "image": "https://example.com/images/post.jpg",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://example.com/bai-viet"
  }
}
</script>

5. Các thẻ SEO khác nên có

HTML

<!-- Hreflang cho đa ngôn ngữ -->
<link rel="alternate" hreflang="vi" href="https://example.com/vi/bai-viet">
<link rel="alternate" hreflang="en" href="https://example.com/en/article">

<!-- Preload, Prefetch (tăng tốc độ) -->
<link rel="preload" href="style.css" as="style">
<link rel="dns-prefetch" href="//fonts.googleapis.com">

<!-- Favicon -->
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

Mẹo sử dụng hiệu quả

• Title: 50-60 ký tự
• Meta description: 150-160 ký tự
• Sử dụng từ khóa chính ở đầu Title và Description
• Mỗi trang nên có unique title + description
• Kết hợp tốt với:
  • Heading tags (<h1>, <h2>)
  • Alt text cho hình ảnh
  • Internal linking
  • URL thân thiện (slug)

Hướng dẫn chi tiết Schema Article (JSON-LD)

Schema Article giúp Google hiển thị rich snippet (ảnh, ngày đăng, tác giả, thời gian đọc...) trong kết quả tìm kiếm, tăng tỷ lệ click đáng kể.

1. Các loại Article phổ biến

• Article → Dùng chung cho hầu hết bài viết
• BlogPosting → Phù hợp với blog cá nhân / blog doanh nghiệp
• NewsArticle → Dùng cho tin tức, báo chí
• TechArticle → Bài viết công nghệ

Khuyến nghị: Dùng BlogPosting cho blog và NewsArticle cho tin tức.

2. Code mẫu Schema Article đầy đủ nhất (BlogPosting)

HTML

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  
  "headline": "Tiêu đề bài viết (giống thẻ <title>, tối đa 110 ký tự)",
  "description": "Mô tả ngắn gọn của bài viết (meta description)",
  
  "image": [
    "https://example.com/images/bai-viet-1200x630.jpg"
  ],
  
  "author": {
    "@type": "Person",
    "name": "Nguyễn Văn A",
    "url": "https://example.com/author/nguyen-van-a",
    "image": {
      "@type": "ImageObject",
      "url": "https://example.com/images/author.jpg"
    }
  },
  
  "publisher": {
    "@type": "Organization",
    "name": "Tên Website Của Bạn",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png",
      "width": 600,
      "height": 60
    }
  },
  
  "datePublished": "2026-07-13T08:00:00+07:00",
  "dateModified": "2026-07-13T10:30:00+07:00",
  
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://example.com/bai-viet-day-du"
  },
  
  "url": "https://example.com/bai-viet-day-du",
  "isPartOf": {
    "@type": "WebSite",
    "name": "Tên Website",
    "url": "https://example.com"
  },
  
  "wordCount": 1850,
  "articleSection": "Marketing",
  "inLanguage": "vi-VN",
  
  "keywords": ["SEO", "Schema", "JSON-LD", "tối ưu onpage"],
  
  "potentialAction": {
    "@type": "ReadAction",
    "target": ["https://example.com/bai-viet-day-du"]
  }
}
</script>

3. Thuộc tính quan trọng (Priority)

4. Một số biến thể hữu ích

Tác giả là Organization:

JSON

"author": {
  "@type": "Organization",
  "name": "Công ty ABC"
}

Thêm thời gian đọc:

JSON

"timeRequired": "PT15M",
"estimatedDuration": "PT15M"

Thêm rating (nếu có):

JSON

"aggregateRating": {
  "@type": "AggregateRating",
  "ratingValue": "4.9",
  "reviewCount": "128"
}

5. Hướng dẫn

1. Đặt schema ở cuối <body> hoặc ngay trước </body>.
2. Chỉ dùng 1 schema Article chính mỗi trang.
3. Hình ảnh: Nên có ảnh đại diện rõ nét, kích thước tối thiểu 1200x630 pixel.
4. Date format: Luôn dùng định dạng đầy đủ với múi giờ: 2026-07-13T10:00:00+07:00
5. Kiểm tra lỗi:
   • Google Rich Results Test
   • Schema Markup Validator

6. Code mẫu tối giản (dùng nhanh)

HTML

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "Tiêu đề bài viết",
  "image": "https://example.com/anh-bai-viet.jpg",
  "author": {"@type": "Person", "name": "Tên bạn"},
  "publisher": {"@type": "Organization", "name": "Tên site"},
  "datePublished": "2026-07-13",
  "dateModified": "2026-07-13"
}
</script>