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

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

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

SEO website lên top Google tại Đà Lạt, Lâm Đồng

Raccoon.vn nhận thiết kế website, SEO website lên top Google tại Đà Lạt, Lâm Đồng và các địa phương: Bảo Lộc, Đức Trọng… của Lâm Đồng. Chúng tôi nhận thiết kế các…

Thiết kế website xây dựng chuẩn SEO

Raccoon.vn nhận thiết kế website xây dựng chuẩn SEO, đồng thời lập trình các modules, các ứng dụng quản lý phục vụ sản xuất, dịch vụ theo nhu cầu của donah nghiệp.

Các AI hỗ trợ thống kê, phân tích dữ liệu

Hiện nay (đầu năm 2026), có rất nhiều AI hỗ trợ thống kê và phân tích dữ liệu, từ miễn phí đến trả phí, phù hợp cho cả người mới bắt đầu…

Google Antigravity và cách sử dụng

Google Antigravity là một nền tảng phát triển phần mềm (IDE - Integrated Development Environment) mới do Google ra mắt vào ngày 18/11/2025, cùng với mô hình AI Gemini 3. Đây là…

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ụ