1 bình luận · lượt xem
,,

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



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> 

,,

Có thể bạn thích

1 nhận xét:

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é!

  1. Nice! Liên kết Blog khôg ạ?
    Url: https://www.nguyenduyblog.com
    Title: Nguyễn Duy Blog
    Description: Blog chia sẻ Thủ Thuật và PSD

    Trả lờiXóa