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 |
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é!
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>
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
Hiện tại e ngừng liên kết vì liên kết lúc trước gần chục blog mà họ tự bỏ, nên thấy tốn thời gian nên ko liên kết nữa