Bạn muốn website của mình không chỉ được tìm thấy mà còn được người dùng lựa chọn? Schema là câu trả lời cho bạn. Với Schema, bạn có thể cung cấp cho các công cụ tìm kiếm thông tin chi tiết hơn về sản phẩm, dịch vụ, sự kiện của mình, giúp tăng khả năng hiển thị và thu hút khách hàng tiềm năng. Hãy cùng khám phá cách thức hoạt động của Schema và cách áp dụng nó vào website của bạn.

Schema Là Gì? Cách Tạo Schema Markup Cho Website

I. Schema là gì?

Schema là một loại dữ liệu có cấu trúc (structured data) được thêm vào mã HTML của trang web để giúp các công cụ tìm kiếm như Google hiểu rõ hơn về nội dung trên trang đó.

Ví dụ Schema: Khi bạn tìm kiếm một nhà hàng trên Google, kết quả trả về không chỉ là một danh sách các nhà hàng mà còn có thể bao gồm thông tin chi tiết như:

Đó chính là nhờ có Schema.

Lợi ích của Schema

Việc triển khai schema lên website giúp các công cụ tìm kiếm có thêm nhiều thông tin về website, giúp website thu hút thêm người đọc với nhiều phần nội dung được mở rộng ra trên kết quả tìm kiếm. Các lợi ích chính để sử dụng Schema bao gồm:

II. Một số loại Schema phổ biến

Trong thời điểm hiện tại đã phát triển thêm rất nhiều loại schema khác nhau, mới nhất gần đây Google đang cho thử nghiệm SpecialAnnouncement, Terus sẽ liệt kê ra cho bạn những loại schema đang được sử dụng phổ biến hiện tại:

  1. Local business schema
  2. Breadcrumbs schema
  3. URL schema
  4. FAQ schema
  5. Product schema

1. Local business schema

Local Business Schema là loại đánh giấu giúp các cửa hàng khai báo thêm các thông tin đối với Google như: địa chỉ, số điện thoại, thời gian mở cửa, menu,… Nếu bạn là một doanh nghiệp đang tập làm SEO nhưng gặp trở ngại với Schema, có thể tham khảo dịch vụ chăm sóc website tại Terus, chúng tôi sẽ tặng miễn phí cho bạn.

Ví dụ Local business schema

2.  Breadcrumbs Schema Markup

Thẻ Breadcrumb thường nằm ở đầu trang, một liên kết văn bản nhỏ cho biết người dùng đang ở đâu trên trang web. Breadcrumbs schema tạo ra các dấu dẫn đường giúp người dùng dễ dàng điều hướng trên website và giúp công cụ tìm kiếm dễ hiểu được các nhóm nội dung của website.

Ví dụ Breadcrumbs Schema Markup

3.  URL Schema

Dùng để đánh dấu các URL quan trọng trên trang web, giúp Google hiểu rõ hơn về cấu trúc của website. Ngoài ra, giúp người tìm kiếm hiểu được phần nội dung bên trong đang nhắm tới hướng nào thông qua các category đứng trước.

4. FAQ Schema

FAQ Schema dùng để đánh dấu các câu hỏi thường gặp và câu trả lời, giúp Google hiển thị các câu trả lời trực tiếp trong kết quả tìm kiếm.

Ví dụ FAQ Schema

5. Product Schema

Dùng để đánh dấu các thông tin về sản phẩm, đánh giá, ưu đãi, giúp tăng tính hấp dẫn của kết quả tìm kiếm. Các kết quả sẽ hiển thị thêm các thông tin về sản phẩm và nhiều hình ảnh cho sản phẩm, giúp người tìm kiếm bị thu hút tốt hơn. Đặc biết chính là có thể xuất hiện phần Rating cho sản phẩm, giúp tăng sự tin tưởng của khách hàng.

Ví dụ Product Schema

Nếu bạn muốn tìm hiểu thêm nhiều loại Schema khác có thể tìm đọc qua trang chủ Schema.org.

III. Cách tạo Schema và thêm Schema vào website

Sau đây, Terus sẽ hướng dẫn cho bạn các tạo Schema và thêm Schema vào website theo cách đơn giản và dễ làm.

  1. Tạo Schema
  2. Thêm schema vào website
  3. Kiểm tra Schema

Tạo Schema

Có thể tạo schema theo 2 cách: sử dụng code HTML hay Javascript hoặc sử dụng plugin WordPress để hỗ trợ. Hãy lựa chọn Schema mà bạn muốn trong trang Schema.org, thay đổi các thông số theo mong muốn dưới các ví dụ cho sẵn. Như thế là bạn đã có một bộ schema riêng cho mình, tiếp theo Terus sẽ chỉ bạn cách thêm schema vào website.

Thêm schema vào website

Teus sẽ hướng dẫn cho bạn theo cả 2 cách cho website code thuần và website dùng CMS hãy theo dõi:

Thêm schema vào website code thuần

Kiểm tra Schema

Đây là việc làm thường xuyên bị bỏ quên dẫn đến các lỗi cấu trúc cho website, điều này cũng sẽ gây hại khi website của bạn được đem đi xếp hạng. Việc kiểm tra câu trúc Schema rất đơn giản, Google cũng đã cung cấp cho người dùng công cụ để làm việc đó là Rich Results Test.

Chỉ cần bỏ URL vào công cụ sẽ trả ra kết quả nếu có lỗi sai cũng sẽ có chỉ dẫn cụ thể cho bạn để khắc phục. Đây là việc làm rất quan trọng, Terus khuyên bạn hãy cẩn thận kiểm tra lại mỗi khi làm xong sẽ không tốn quá nhiều thời gian của bạn.

Hướng dẫn cài đặt Schema cho WordPress

  1. Tìm kiếm và cài đặt: Truy cập vào mục Plugins trong giao diện quản trị WordPress, tìm kiếm "Schema" và cài đặt plugin.
  2. Cấu hình thông tin chung: Sau khi kích hoạt, truy cập vào phần cài đặt của plugin. Tại đây, bạn sẽ điền các thông tin cơ bản về website như trang chủ, trang liên hệ và tải lên logo.
  3. Tùy chỉnh các loại Schema: Chọn loại Schema phù hợp với nội dung trang web của bạn, ví dụ: Schema cho bài viết, sản phẩm, sự kiện,...
  4. Điền thông tin chi tiết: Mỗi loại Schema sẽ có các trường thông tin khác nhau. Bạn cần điền đầy đủ và chính xác các thông tin này để giúp Google hiểu rõ hơn về nội dung của bạn.
  5. Kiểm tra và xuất bản: Sau khi hoàn tất cấu hình, hãy kiểm tra lại các thông tin và xuất bản các thay đổi.

IV. Plugin Schema Markup tốt nhất hiện nay

Bạn không cần phải là một chuyên gia lập trình để có thể thêm Schema vào website của mình. Với những plugin chuyên dụng, việc tạo đánh dấu lược đồ trở nên đơn giản hơn bao giờ hết. Tôi sẽ hướng dẫn bạn từng bước để tận dụng tối đa các công cụ này.

1. Yoast SEO

Muốn tùy chỉnh schema markup trên Yoast SEO, bạn hãy vào phần Search Appearance, chọn General Tab. Tại đây, bạn sẽ tìm thấy mục Knowledge Graph & Schema.org. Hãy điền đầy đủ thông tin vào các trường để website của bạn được đại diện một cách chính xác nhất. Sau khi hoàn tất, Yoast SEO sẽ tự động thêm schema markup vào các trang của bạn.

2. WooCommerce

Để bổ sung Schema Markup cho cửa hàng WooCommerce, bạn có thể tận dụng plugin Yoast WooCommerce SEO hoặc WPSSO Core phiên bản Premium. Cả hai plugin này đều cung cấp các công cụ chuyên biệt để thêm đánh dấu Schema cho sản phẩm, danh mục và các yếu tố khác trên cửa hàng của bạn.

V. Cách cài đặt Schema cho website thủ công

Bên cạnh việc sử dụng plugin, bạn có thể tự mình thêm Schema vào website để có được sự kiểm soát tuyệt đối. Mặc dù đòi hỏi kiến thức về code, nhưng phương pháp này sẽ giúp bạn tạo ra những Schema hoàn toàn độc đáo.

Bài viết này sẽ hướng dẫn bạn 3 cách đánh dấu Schema phổ biến nhất: JSON-LD (được xem là phương pháp chuẩn hiện nay), RDFa và Microdata. Mỗi phương pháp có những ưu và nhược điểm riêng, hãy cùng tìm hiểu để chọn lựa phương thức phù hợp nhất cho website của bạn.

1. JSON-LD Schema Markup

Google khuyến nghị sử dụng JSON-LD như phương pháp cài đặt Schema hiệu quả nhất hiện nay. Nhờ cơ chế dựa trên JavaScript, việc tự thêm Schema vào website bằng các đoạn script trở nên đơn giản và dễ kiểm soát hơn.

Cấu trúc mã JSON-LD rõ ràng, thường được đặt trong phần của trang, giúp tách biệt mã với nội dung chính, tăng tính dễ đọc và bảo trì.

Cách làm schema JSON:

Bước 1: Khởi tạo một khối mã JSON-LD Đầu tiên, chúng ta sẽ tạo một khối mã đặc biệt bên trong thẻ <script> để thông báo cho các công cụ tìm kiếm rằng dữ liệu trên trang web của chúng ta được cấu trúc theo định dạng JSON-LD.

Bước 2: Tạo một đối tượng JSON Để tổ chức dữ liệu một cách rõ ràng, chúng ta sẽ bao bọc toàn bộ mã JSON-LD trong một cặp dấu ngoặc nhọn { }. Cấu trúc này giống như một đối tượng trong JavaScript và giúp các công cụ tìm kiếm dễ dàng phân tích dữ liệu.

Bước 3: Xác định ngữ cảnh (context) Để đảm bảo các công cụ tìm kiếm hiểu được ý nghĩa của các thuộc tính mà chúng ta định nghĩa, chúng ta cần chỉ rõ ngữ cảnh. Trong trường hợp này, chúng ta sẽ sử dụng ngữ cảnh Schema.org, một bộ các từ vựng được dùng để mô tả các đối tượng và khái niệm trên web.

Bước 4: Xác định loại của đối tượng (type) Tiếp theo, chúng ta cần xác định loại của đối tượng mà chúng ta đang mô tả. Trong ví dụ này, chúng ta sẽ sử dụng giá trị "Restaurant" để cho biết chúng ta đang mô tả một nhà hàng.

2. RDFa Schema markup 

RDFa, viết tắt của Resource Description Framework in Attributes, là một công cụ hữu hiệu giúp bạn bổ sung thêm thông tin có cấu trúc vào các trang web HTML5. Nó hoạt động như một lớp phủ, cung cấp thêm ngữ cảnh cho các nội dung trên trang web, giúp các công cụ tìm kiếm và ứng dụng khác hiểu rõ hơn về website của bạn.

Cách làm schema RDFa:

Bước 1: Khởi tạo Schema Markup

Đầu tiên, chúng ta cần thông báo cho các công cụ tìm kiếm biết rằng dữ liệu trên trang web này được cấu trúc theo chuẩn Schema.org, cụ thể là về một nhà hàng. Để làm điều này, chúng ta sử dụng thẻ <div> với thuộc tính vocab trỏ đến không gian tên của Schema.org (http://schema.org/) và thuộc tính typeof để xác định loại dữ liệu chính là "Restaurant".

<div vocab="http://schema.org/" typeof="Restaurant">

Bước 2: Xác định các thuộc tính

Tiếp theo, chúng ta sẽ xác định các chi tiết cụ thể của nhà hàng như tên, địa chỉ, số điện thoại, giờ mở cửa... bằng cách sử dụng các thuộc tính có sẵn trong Schema.org. Mỗi thuộc tính sẽ được đặt trong một thẻ <div> hoặc một thẻ khác tùy thuộc vào loại dữ liệu. Ví dụ:

Ví dụ:

<h1 property="name">My Restaurant</h1><div property="address" typeof="PostalAddress"> <p property="streetAddress">adsfasdf</p> <p property="addressLocality">Ho Chi Minh City, VN</p></div><p>Tel: <span property="telephone">0129 81213 8329</span></p>

3. Microdata Schema Markup

Microdata là một phương pháp đơn giản để bổ sung dữ liệu có cấu trúc vào các trang web, giúp công cụ tìm kiếm hiểu rõ hơn về nội dung. Bằng cách thêm các thẻ HTML đặc biệt, chúng ta có thể đánh dấu các phần tử như sản phẩm, sự kiện hay người để cung cấp thông tin chi tiết cho các công cụ tìm kiếm.

Cách làm schema Microdata:

Tiếp tục với ví dụ về nhà hàng ở trên, chúng ta sẽ cùng thực hiện các bước để thêm Schema Markup bằng Microdata.

Bước 1: Xác định và đánh dấu vùng nội dung

Đầu tiên, hãy xác định phần nào trong trang web chứa thông tin về nhà hàng. Thông thường, đây là một đoạn văn bản hoặc một khối chứa các thẻ HTML. Chúng ta sẽ bao bọc toàn bộ đoạn này bằng thẻ <div>. Để Google biết rằng đoạn văn bản này mô tả về một nhà hàng, chúng ta thêm thuộc tính itemscope vào thẻ <div> và thuộc tính itemtype để chỉ rõ loại nội dung là "nhà hàng" (http://schema.org/restaurant).

<div itemscope itemtype="http://schema.org/restaurant"> </div>

Bước 2: Đánh dấu các thuộc tính của nhà hàng

Bên trong thẻ <div> đã được đánh dấu, chúng ta sẽ xác định các thuộc tính cụ thể của nhà hàng như tên, địa chỉ, số điện thoại, giờ mở cửa... bằng cách sử dụng thẻ <span> với thuộc tính itemprop. Ví dụ:

VI. Lưu ý khi sử dụng Schema

Việc sử dụng schema vào website sẽ giúp website bạn lợi thế hơn rất nhiều so với đối thủ không sử dụng, bạn sẽ khai báo được những thông tin mà bình thường không thể đưa ra. Tuy nhiên, cũng có những yếu tố cần bạn lưu ý khi sử dụng, thường sẽ là sự minh bạch của thông tin khi khai báo.

Bài viết là các thông tin về Schema và tăng sức mạnh Website với Schema Markup mà Terus muốn gửi đến cho quý đơn vị đang hợp tác đến Terus và bạn bè doanh nghiệp của Terus.

Nếu bạn có bất cứ yêu cầu gì về Terus có thể liên hệ tại đây nhé!

Theo dõi Terus tại:

  1. Facebook
  2. Instagram
  3. Pinterest
  4. Twitter/X

Đọc thêm:

terus-logo-profile
bởiTerus Technique
Cập nhật lúc 10 Tháng 1, 2025
google-site-linkquoramediumtumblrmail



Terus Technique là đội ngũ chuyên gia cung cấp thông tin về website, phần mềm và giải pháp quản lý. Mọi thông tin đều được chúng tôi cập nhật mỗi ngày nhằm cung cấp thông tin chính xác nhất.