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

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

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

Các ngôn ngữ lập trình ứng dụng webapp phổ biến hiện nay

Nhu cầu lập trình ứng dụng webapp hiện nay được nhiều doanh nghiệp Việt Nam quan tâm, và ngày càng gia tăng. Bên cạnh việc phát triển, chăm chút cho website của doanh…

Bình luận: Google Search đã chuyển sang AI Search

Trong hơn 25 năm, Google Search hoạt động chủ yếu theo mô hình: người dùng nhập từ khóa → Google lập chỉ mục và xếp hạng website → trả về danh…

Xu hướng AI trong kinh doanh online năm 2026

Dưới đây là xu hướng AI trong kinh doanh online năm 2026 – năm được đánh dấu bởi sự chuyển dịch mạnh mẽ từ Generative AI (tạo nội dung) sang Agentic AI…

SEO website lên top Google tại Bến Tre

Website là công cụ không thể thiếu với mỗi doanh nghiệp, đó không chỉ là cách thức thể hiện số hóa dữ liệu thông tin mà còn giúp doanh nghiệp mở rộng…

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ụ