Schema & Structured Data

WebPage Schema

Lớp cơ bản trong schema.org để mô tả một trang web, thường dùng với isPartOf, primaryImageOfPage, description.

3 lượt xem Cập nhật: 29/05/2026

WebPage Schema là gì?

WebPage Schema là một loại dữ liệu có cấu trúc (structured data) do schema.org định nghĩa, dùng để mô tả đặc điểm cơ bản của một trang web — như tiêu đề, mô tả ngắn, hình ảnh chính, hoặc mối quan hệ với các thực thể lớn hơn (ví dụ: trang chủ thuộc về một website). Đây không phải là một thẻ HTML hay mã JavaScript, mà là đoạn mã JSON-LD (hoặc Microdata/RDFa) được nhúng vào nguồn trang nhằm giúp công cụ tìm kiếm hiểu rõ nội dung và ngữ cảnh của trang.

Lớp WebPage nằm trong hệ thống phân cấp schema.org, kế thừa từ CreativeWork, và thường kết hợp với các thuộc tính như isPartOf (chỉ trang thuộc về website nào), primaryImageOfPage (hình ảnh đại diện chính), description (mô tả ngắn), datePublished, dateModified, hoặc breadcrumb. Nó không thay thế các schema khác như Article, Product hay Organization, mà thường đóng vai trò 'lớp bao ngoài' hoặc bổ sung ngữ nghĩa cho chúng.

Tại sao quan trọng trong SEO?

WebPage Schema không trực tiếp làm tăng thứ hạng trên Google, nhưng hỗ trợ mạnh mẽ cho khả năng hiển thị và độ tin cậy của trang trong kết quả tìm kiếm. Khi dữ liệu có cấu trúc được triển khai đúng, công cụ tìm kiếm dễ dàng xác định:

Vai trò của trang (trang chủ, trang danh mục, trang bài viết, trang liên hệ...);
Mối quan hệ giữa trang và toàn bộ website (qua isPartOf → giúp lập bản đồ site rõ ràng);
Hình ảnh đại diện phù hợp (giúp hiển thị thumbnail chuẩn trong Rich Results hoặc Discover);
Thời điểm cập nhật gần nhất (hỗ trợ đánh giá độ tươi mới).

Theo tài liệu chính thức của Google, dữ liệu có cấu trúc là yếu tố hỗ trợ cho việc tạo Rich Results — ví dụ như breadcrumb hiển thị dạng đường dẫn phân cấp trong SERP, hoặc preview trang với ảnh và mô tả rõ ràng. Một số báo cáo kiểm thử độc lập cũng ghi nhận tỷ lệ click (CTR) tăng 15–30% khi trang có Rich Snippet so với trang không có — tuy nhiên con số này tùy trường hợp và phụ thuộc vào ngành, vị trí xếp hạng, và chất lượng snippet.

Cách hoạt động

WebPage Schema hoạt động bằng cách gắn nhãn ngữ nghĩa cho các phần tử trên trang. Khi Googlebot thu thập và phân tích mã nguồn, nó đọc khối JSON-LD (hoặc Microdata) để trích xuất thông tin như tên trang, mô tả, hình ảnh chính… rồi lưu vào cơ sở dữ liệu tri thức (Knowledge Graph) hoặc sử dụng để xây dựng preview trong kết quả tìm kiếm.

Quan trọng: WebPage Schema chỉ phát huy hiệu quả khi được triển khai cùng các schema khác (ví dụ: một bài viết nên dùng cả Article và WebPage), hoặc khi trang không thuộc loại nội dung cụ thể nào (như trang giới thiệu công ty, trang chính sách, trang FAQ). Nếu chỉ dùng riêng WebPage mà không có schema chuyên biệt đi kèm, khả năng kích hoạt Rich Result sẽ rất thấp.

Hướng dẫn thực hiện

Dưới đây là các bước triển khai WebPage Schema chuẩn xác và an toàn:

Xác định loại trang: Phân biệt rõ trang là WebPage, HomePage, SearchResultsPage, CollectionPage hay ItemPage — vì mỗi loại có ý nghĩa riêng trong schema.org;
Chọn định dạng: Ưu tiên JSON-LD (đặt trong thẻ <head> hoặc cuối <body>), vì dễ bảo trì và Google hỗ trợ tốt nhất;
Điền thuộc tính bắt buộc: Tối thiểu cần @context, @type, name và url — các thuộc tính khác là tùy chọn;
Kết nối với thực thể cha: Dùng isPartOf để trỏ tới Website (có url, name, publisher);
Kiểm tra và xác minh: Dùng Google Search Console → Công cụ Kiểm tra Dữ liệu Có Cấu Trúc (Rich Results Test) để xác minh lỗi và xem trước preview.

Lỗi thường gặp

Dưới đây là những sai lầm phổ biến khi triển khai WebPage Schema và cách khắc phục:

Lỗi	Hệ quả	Cách khắc phục
Dùng `WebPage` thay cho `Article` hoặc `Product`	Không kích hoạt Rich Result cho bài viết/sản phẩm	Dùng schema chuyên biệt cho nội dung chính, thêm `WebPage` như lớp bổ sung nếu cần
Thiếu `isPartOf` hoặc trỏ sai `url` của Website	Google không nhận diện được mối quan hệ trang – website	Đảm bảo `isPartOf` trỏ tới đúng `Website` đã khai báo, có `url` khớp domain
Dùng `primaryImageOfPage` trỏ tới ảnh không tồn tại hoặc không đạt chuẩn (dưới 120x120px)	Ảnh không hiển thị trong preview, hoặc gây cảnh báo trong công cụ kiểm tra	Chọn ảnh có kích thước tối thiểu 696x400px (theo khuyến nghị Google), định dạng JPG/PNG/WebP, URL truy cập được

Ví dụ thực tế

Dưới đây là đoạn JSON-LD mẫu cho một trang bài viết (ItemPage), kết hợp WebPage và Article:

{
  "@context": "https://schema.org",
  "@type": ["WebPage", "Article"],
  "@id": "https://example.com/bai-viet/seo-webpage-schema",
  "url": "https://example.com/bai-viet/seo-webpage-schema",
  "name": "WebPage Schema là gì? Hướng dẫn triển khai chuẩn SEO",
  "description": "Hướng dẫn chi tiết cách dùng WebPage Schema để tăng độ rõ ràng cho trang web trong mắt Google.",
  "isPartOf": {
    "@type": "Website",
    "@id": "https://example.com/#website",
    "url": "https://example.com/",
    "name": "Bách Khoa SEO"
  },
  "primaryImageOfPage": {
    "@type": "ImageObject",
    "url": "https://example.com/images/webpage-schema.jpg"
  },
  "datePublished": "2024-04-10T08:30:00+07:00",
  "dateModified": "2024-04-12T14:20:00+07:00"
}

Lưu ý: Việc gộp nhiều @type (như ["WebPage", "Article"]) là hợp lệ theo schema.org và được Google hỗ trợ — miễn là các thuộc tính đi kèm phù hợp với từng loại.

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

WebPage Schema có cần thiết với mọi trang?

Không bắt buộc. Chỉ nên dùng khi trang không phù hợp với schema chuyên biệt (ví dụ: trang chính sách, trang giới thiệu chung, trang liên hệ), hoặc khi muốn bổ sung ngữ nghĩa cho trang đã có schema khác. Với trang bài viết, sản phẩm, sự kiện… ưu tiên schema chuyên biệt trước.

Có thể dùng WebPage Schema cùng lúc với Organization Schema không?

Có thể — và nên làm. WebPage mô tả trang, còn Organization mô tả chủ sở hữu. Hai loại này không xung đột, mà bổ trợ nhau. Ví dụ: isPartOf trong WebPage có thể trỏ tới Website, và Website lại có thuộc tính publisher trỏ tới Organization.

WebPage Schema ảnh hưởng đến tốc độ tải trang không?

Không đáng kể. Đoạn JSON-LD thường dưới 2KB, đặt trong <head> hoặc cuối <body>, không chặn render và không yêu cầu gọi API bên ngoài. Tuy nhiên, nếu nhúng sai vị trí (ví dụ: trong <script> chưa được đánh dấu type="application/ld+json") thì có thể gây lỗi phân tích.