Hướng dẫn triển khai cấu trúc dữ liệu Microformats cho website

- Vào năm 2015 một số anh/em (AE) SEOer có về Microformats là gì? mà SEOQuake đề xuất và hầu hết 99% website đều bị đánh dấu đỏ vì chưa được tối ưu.

Nhiều AE còn trích dẫn cả VNexpress, Dân trí website lớn như vậy mà còn không chuẩn và bảo là "Quan tâm làm gì không quan trọng đâu!!".

Hướng dẫn triển khai cấu trúc dữ liệu Microformats cho website
Hướng dẫn triển khai cấu trúc dữ liệu Microformats cho website

Và 100% mình khẳng định là cái gì AE Seoer mình không biết là bảo không quan trọng =)) nên mình hi sinh nghiên cứu chứ triển khai thì mất 1 tiếng là xong.

Đầu năm 2018 đến giờ mình bắt đầu nghiên cứu về SEO Audit và tiến hành tìm hiểu sâu về Microformats thì dường như không có thông tin nào viết chuẩn cả.

Chịu khó search và đọc các bài viết tiếng anh thì cũng cho ra kết quả phải nói cũng chẳng có gì to tác.

Theo quan điểm của mình thứ gì mà các công cụ SEO đề xuất vào thì nó đều có ý nghĩa của nó cả và ý nghĩa 1% hay 0.5% liên quan đến SEO thì cũng phải tối ưu cho bằng được theo quan điểm của SEO Audit là vậy.

Khi kiểm tra website toilaquantri.com bạn sẽ thấy một số cấu trúc Microfomats nhỏ nhỏ là h-feed, h-recipe, h-entry, h-card (2), h-product, h-adr.

Vậy những cấu trúc Microformats đó là gì và triển khai nó như thế nào?

Một bài viết trước mình đã giới thiệu qua cấu trúc Microfomats (13 loại) và (14 loại) Schema rồi thì bạn bài sẽ hướng dẫn triển khai Microformats cho các bạn luôn

Giới thiệu: 

Hướng dẫn triển khai Microformats

1. Dữ liệu h-adr

Nếu dưới chân website bạn viết
Địa chỉ: 98 Nguyễn Văn Lượng, Gò vấp, TPHCM để cho khách hàng xem thì nay bạn sẽ viết bạn code dữ liệu h-adr cho các công cụ tìm kiếm đọc và hiểu dữ liệu bạn khai báo về địa chỉ cửa hàng/cty của bạn
Code:
<span class='h-adr'>
<span class='p-street-address'>98 Nguyễn Văn Lượng</span>,
<span class='p-locality'>Gò Vấp</span>, <span class='p-country-name'>TPHCM</span>
- Code: <span class='p-postal-code'>700000</span></span></li>
<p class='h-geo geo'>
Tọa Độ:
<span class='p-latitude latitude'>10.83</span>,
<span class='p-longitude longitude'>106.67</span>
Google sẽ căn cứ vào các class để xác nhận dữ liệu Miroformats, đặc biệt là thay đổi class này nhé!
Thay các trường thông tin mà mình tô đỏ nhé!

  • TPHCM sẽ có postal-code là 700000 các tỉnh thành khác bạn search Google để thay nhé
  • Tọa độ bạn nhập địa chỉ lên Google map để lấy kinh độ và vĩ độ của địa chỉ.

2. Dữ liệu h-entry

Triển khai các thẻ class trong phần bài viết tin tức
<article class="h-entry">
  <h1 class="p-name">Tiêu đề bài viết</h1>
  <p>Đăng bởi <a class="p-author h-card" href="url_profile_admin">Huỳnh Phụng Blogger</a>
     vào <time class="dt-published" datetime="2013-06-13 12:00:00">13<sup>th</sup> June 2013</time></p>
  <p class="p-summary">Nội dung bài viết</p>
  <div class="e-content">
    <p>Nội dung khác</p>
  </div>
</article>
Phần:
<div class="e-content">
    <p>Nội dung khác</p>
  </div>

Bạn có thể dùng Class để khai báo Bài viết liên quan hoặc dùng class cho các nút share

3. Dữ liệu h-product

Sử dụng khai báo cho bài viết bán hàng
<div class="h-product">
  <h1 class="p-name">Tiêu đề bài viết</h1>
  <img class="u-photo" src="url-anh-sp" alt="" />
  <div class="e-description">
    <p>Nội dung</p>
  </div>
  <p>Giá bán <data class="p-price" value="20.00">$20.00</data>
    từ <a class="p-brand h-card" href="http://example.com/acme">Tên thương hiệu sản phẩm</a>
  </p>
</div> 

Như vậy có 3 dự liệu căn bản nhất mà bạn có thể áp dụng ngay lặp tức.
Mình sẽ giới thiệu các dạng dữ liệu  Microformats còn lại và sẽ cập nhật tiếp theo..
Huỳnh Phụng Blogger

TLQT là Blog chia sẻ kiến thức về Marketing, Digital Marketing, Kinh nghiệm làm SEO, Tối ưu Website và nhiều thứ khác

2 Nhận xét

➔ Gửi kèm hình ảnh trên bài viết để được hỗ trợ tốt nhất.
➔ Để bình luận kèm hình ảnh, bạn vào trang Upload Ảnh, kéo thả để Upload hình ảnh lên.
➔ Bạn dán URL link hình ảnh vào khung bình luận và ấn Xuất bản, ảnh sẽ được tự động tải lên.
➔ Không spam trong khung bình luận, hạn chế viết tắt.
➔ Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin

Mới hơn Cũ hơn

POST ADS1

POST ADS 2