Fix lỗi thẻ meta image_url, blogId, postId theo chuẩn schema.org

Sử dụng công cụ kiểm tra cấu trúc của trang web của Google chúng ta có thể đánh giá cấu trúc thẻ của trang web, từ đó có thể fix để SEO được tốt hơn.

Lấy trang blog này làm ví dụ, khi đưa vào công cụ trên của Google thì phát sinh 8 lỗi. Trong đó 3 lỗi đầu là image_url, blogId, postId:

Các lỗi này đều có thông báo thuộc tính không được Google nhận dạng. Sau một lúc tìm kiếm danh sách các thuộc tính chuẩn thì kết quả là:

1. image_url: Sai tên, thuộc tính đúng chuẩn là image
2. blogId, postId: Không tồn tại thuộc tính này

Cách fix thì cực kỳ đơn giản. Vào cài đặt Blogger ➜ Chủ đề ➜ Chỉnh sửa HTML và sửa như sau:

1. Tìm tất cả các thẻ meta có thuộc tính itemprop='image_url' và thay thế thành itemprop='image'
2. Tìm tất cả các thẻ meta <meta expr:content='data:blog.blogId' itemprop='blogId'/>, <meta expr:content='data:post.id' itemprop='postId'/> và xóa chúng đi

Các lỗi còn lại:

Với cái datePublished thì vào thiết lập để đổi lại định dạng ngày giờ cho đầy đủ. Các field còn lại như author, headline... thì đang bị thiếu, cần được thêm vào với cách thức tương tự. Ngoài ra còn 2 field dateModified và mainEntityOfPage được khuyến nghị thêm vào. Cụ thể đoạn code thêm vào HTML template của Blogger sẽ như sau:

1. Tìm đến đoạn thẻ div <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>, đây là thẻ mẹ chứa schema kiểu BlogPosting. Ta sẽ đưa các thông tin còn thiếu vào trong thẻ này.
2. Chèn đoạn code sau vào trong thẻ div trên:

<!--BEGIN: add meta-->
<meta content='Nguyễn Quang Yên, quangyendn@gmail.com' itemprop='author'/>
<meta expr:content='data:post.timestamp' itemprop='dateModified'/>
<div itemprop='publisher' itemscope='' itemtype='https://schema.org/Organization'>
  <div itemprop='logo' itemscope='' itemtype='https://schema.org/ImageObject'>
    <meta content='http://www.quangyendn.com/avatar.png' itemprop='url'/>
    <meta content='700' itemprop='width'/>
    <meta content='70' itemprop='height'/>
  </div>
  <meta content='quangyendn.com' itemprop='name'/>
</div>

<link expr:href='data:post.link ? data:post.link : data:post.url' itemprop='mainEntityOfPage'/>
<!--END: add meta-->

Lưu ý thay đổi các thông tin về author, publisher, name thành thông tin của chính bạn.

Ok, chừng này là ổn rồi. Chạy lại kiểm tra cấu trúc sẽ được kết quả như sau: