Fix lỗi Hatom, author, updated của Microfomats.org trong Blogspot (99% website đều lỗi)

- [tintuc]Hatom là một cấu trúc dữ liệu Microfomats được Google thu thập 2 trường chính là tác giả và thời gian.

Cảnh báo lỗi của Google Webmaster Tools về lỗi trong Hatom

Lỗi cấu trúc dữ liệu trong Google Webmaster Tools
Lỗi cấu trúc dữ liệu trong Google Webmaster Tools
85 mục bị lỗi tất cả về loại dữ liệu Hatom. Ta click vào Hatom để xem chi tiết các lỗi

Chi tiết các mục bị lỗi là thiếu Author và Updated

Có 80 lỗi author và 39 lỗi updated

  • Lỗi author thường xảy ra khi nội dung trong trang không khai báo tác giả bài/người xuất bản bài viết hoặc khai báo không đúng theo cấu trúc dữ liệu.
  • Lỗi updated liên quan đến việc không cung cấp thời gian xuất bản của bài viết hoặc khai báo không theo chuẩn ISO8601

1. Cách fix lỗi Author trong Hatom

<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<img src='url_avatar-author' />
<span itemprop='name'> Tên tác giả </span>
</span>

Những trang thiếu nội dung mà mình đánh dấu tô đỏ sẽ bị lỗi Author
Dùng sẽ <div hoăc <span đều được nhé!

2. Fix lỗi Updated trong Hatom

Những trang không cung cấp ngày xuất bản bài viết hoặc sai định dạng sẽ bị báo lỗi Updated

Lỗi trong Cấu trúc dữ liệu

Nguyên nhân 1: Để code hiện thời gian xuất bản nằm trong code điều kiện cho cho phép comments.


Khi ấy nếu bạn tắt tính năng comment tại bài viết đó thì thời gian xuất bản bài viết cũng ẩn đi luôn => Lỗi update. Thẻ này chính là điều kiện cho phép bình luận <b:if cond='data:post.allowComments'>.... </b:if>

Fix 1: Vào chỉnh sửa bài viết bị lỗi và Bật "Cho phép nhận xét" hoặc sửa code lại.

Nguyên nhân 2: Không có code hiện thời gian đăng bài hoặc sai định dạng.

Microfomats.org yêu cầu phải dùng định dạng thời gian trong bộ quy tắc time & date ISO8601

Có định dạng: YYYY-MM-DDThh:mmTZD (eg 1997-07-16T19:20+01:00) khi vậy bạn lỗi là đúng rồi
  • Ví dụ bài viết xuất bản vào 19/4/2017 lúc 19h00' giờ GMT+7 (Giờ Hà nội, Việt Nam) thì dùng 2017-04-19T16:19:00+07:00  @@
Bạn cũng không cần quan tâm nhiều cho nhất đầu, hãy làm theo hướng dẫn của mình dưới đây.

Fix 2: Dùng code thời gian chuẩn:

<span class='post-timestamp'>
<meta expr:content='data:post.timestamp' itemprop='datePublished'/>
<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>
                   <b:if cond='data:top.showTimestamp'>
                     <b:if cond='data:post.url'>
                       <meta expr:content='data:post.canonicalUrl' itemprop='url mainEntityOfPage'/>
                      <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><span class='updated'><data:post.timestamp/></span></abbr></a>
                     </b:if>
                   </b:if>
</span> 

Tiếp theo cài đặt định dạng thời gian chuẩn: (xem ảnh)

Chờ khoảng 1-2 tuần trong Google Webmaster Tools sẽ fix 81 mục bị lỗi của mình => Chuẩn 100% là mình max skill

3. Lỗi thiếu Headline

Tiêu đều bài viết bạn phải khai báo như sau

<h1 itemprop='headline'> Nội dung tiêu đề </h1>

Có thể dùng h1 -> h6 tùy lập trinhg nhưng phải có itemprop='headline'

Lỗi 4: Thiếu Image và Publisher


Đơn giản là bạn chèn vào trang còn thiếu đoạn code khai báo bên dưới. 
  • Đoạn code này sẽ khai báo ảnh (image) đầu tiên của bài viết và tên của tổ chức là mình gọi là tiêu đề website (publisher) để khai báo 2 trường còn thiếu
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <b:if cond='data:post.firstImageUrl'>
<img expr:src='data:post.firstImageUrl' style='width:100%; display:none'/>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
</b:if>
<meta content='800' itemprop='width'/>
<meta content='800' itemprop='height'/>
</div>
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization' style='display:none;'>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
</div>
<meta expr:content='data:blog.title' itemprop='name'/>
</div> 
[/tintuc]
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