7/07/2018 05:19:00 CH · 0 bình luận · lượt xem

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..



Không có nhận xét nào:

NỘI QUY:
  • Mọi bình luận sai điều khoản sử dụng sẽ bị xóa mà không cần báo trước.
  • Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi Admin phản hồi.
  • Khi xuất bản bài viết chắc chắn không tránh khỏi lỗi về chính tả, cú pháp.

Hãy cùng tham gia bình luận về bài viết này nhé!

Thống Kê: