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

Các tag hỗ trợ SEO và code mẫu 13-07-2026 61

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)

Thuộc tính	Bắt buộc?	Ghi chú
@type	Bắt buộc	BlogPosting / NewsArticle
headline	Bắt buộc	Tiêu đề bài viết
image	Rất quan trọng	Ít nhất 1 ảnh 1200x630
datePublished	Rất quan trọng	Định dạng ISO
dateModified	Khuyến khích	Cập nhật khi sửa bài
author	Rất quan trọng	Person hoặc Organization
publisher	Rất quan trọng	Phải có logo
description	Khuyến khích	Meta description
mainEntityOfPage	Khuyến khích	Tránh trùng lặp
wordCount	Khuyến khích	Số từ của bài viết

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

Đặt schema ở cuối <body> hoặc ngay trước </body>.
Chỉ dùng 1 schema Article chính mỗi trang.
Hình ảnh: Nên có ảnh đại diện rõ nét, kích thước tối thiểu 1200x630 pixel.
Date format: Luôn dùng định dạng đầy đủ với múi giờ: 2026-07-13T10:00:00+07:00
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>

Tin tức khác

Chiến lược tối ưu SEO để Google AI overview dễ dàng đề xuất

Để nội dung của bạn được Google AI Overview (Google Search Generative Experience - SGE) đề xuất, bạn cần tối ưu SEO theo cách phù hợp với trí tuệ nhân tạo, chứ không…

So sánh giữa website code tay và Wordpress

Các website WordPress rất nhanh trong việc xây dựng web, có nhiều theme, plugin miễn phí và giá cả rất phải chăng. Quá trình này giúp bạn dễ dàng tiết kiệm thời…

OpenClaw và các tranh cãi về rủi ro bảo mật

OpenClaw là một AI agent tự host mạnh mẽ, nhưng quyền truy cập cao (file system, shell commands, browser, API keys...) khiến nó trở thành "security nightmare" nếu cấu hình không đúng.

Các màu sắc thường dùng trong thiết kế quảng cáo

Trong thiết kế quảng cáo, việc sử dụng màu sắc đóng vai trò quan trọng để thu hút sự chú ý, truyền tải thông điệp và tạo cảm xúc cho người xem.

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

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

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

3. Twitter Card

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

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

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

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

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

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

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

5. Hướng dẫn

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

Công ty TNHH Raccoon

Giải pháp

Sản phẩm Dịch vụ