Sửa lỗi Hatom trong dữ liệu có cấu trúc

Sửa lỗi Hatom trong phần dữ liệu có cấu trúc khi sử dụng công cụ Webmaster tool là rất cần thiết với mỗi website. Đa phần tất cả các website đều mắc phải lỗi này mà không biết phải xử lý bằng cách nào. Vậy dữ liệu có cấu trúc này là gì, nó ảnh hưởng như thế nào đến website của bạn và vì sao bạn cần phải xử lý nó?

Trước năm 2011, Google đã chính thức thay đổi cách hiển thị kết quả tìm kiếm. Đây là cách hiển thị mới giúp người dùng có thêm thông tin về bài viết mà họ tìm kiếm bằng việc bổ sung một đoạn giàu (richsnippets) vào phía dưới tiêu đề các kết quả tìm kiếm. Đoạn giàu này là đoạn ngắn mô tả trọng tâm của nội dung bài viết để giúp người dùng hình dung một cách tổng quát về nội dung bài viết (bao gồm thông tin tác giả, ngày viết và các chuyên mục). Việc thêm các richsnippets này phải dựa vào công cụ là schema.org. Schema.org được giới thiệu vào năm 2011, và nó đã làm thay đổi cách hiển thị bài viết trên các công cụ tìm kiếm giúp website tăng tỷ lệ nhấp chuột từ cách hiển thị này. Nếu một website không có dữ liệu cấu trúc được đánh dấu bởi microformats.org thì sẽ gây ra 3 lỗi phổ biến là : thiếu author, thiếu updated, thiếu entry-title. Vậy làm thế nào để sửa lỗi thiếu author, thiếu updated và thiếu entry-title.

                                       Đọc thêm:  Cách giảm thời gian đáp ứng máy chủ

Sửa lỗi thiếu author, thiếu updated, thiếu entry-title như thế nào?

Sửa lỗi Hatom vcard là cách thêm thẻ Vcard cho HTML website giúp các công cụ tìm kiếm nhìn thấy rỏ ràng cấu trúc HTML của website được bổ sung đầy đủ các thẻ quyền tác giả, update, entry-title và xếp hạng xếp hạng tìm kiếm một cách đầy đủ. Cách làm như sau:

Đăng nhập Blogger, chọn Mẫu (Templale), chọn chỉnh sửa HTML, tìm đoạn code Post-vcard dưới đây 

  <span class='post-author vcard' >
                    <b:if cond='data:top.showAuthor'>
                      <b:if cond='data:post.authorProfileUrl'>
                        <span class='fn'>
                          <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                            <data:post.author/>
                          </a>
                        </span>
                      <b:else/>
                        <span class='fn'><data:post.author/></span>
                      </b:if>
                    </b:if>
                  </span>

Tiếp theo, thay đoạn mã code phía trên thành đoạn code bên dưới

<span class='post-author vcard' itemscope='itemscope'  itemtype='http://schema.org/Person'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn author'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn author'><span itemprop='name'><data:post.author/></span></span>
                  </b:if>
                </b:if>
              </span>

Tiếp theo thêm trường Update cho website để khắc phục tình trạng thiếu updated, hãy tìm đến đoạn code bên dưới và thêm vào đó trường update bằng cấu trúc <span class='updated'>. Đoạn code cần tìm

<data:post.timestamp/>

Sau khi thêm trường update sẽ là:

<span class='updated'><data:post.timestamp/></span>

Tiếp tục, để thêm thẻ tiêu đề cho bài viết thì hãy tìm đến đoạn code phía dưới hoặc tương tự và thêm entry-title sau post-title

<b:if cond='data:post.title'>
      <h3 class='post-title'>

Có thể là h2 hoặc h3 tùy theo từng themes. Sau khi thêm entry-title sẽ có dạng sau:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

Tìm đến các đoạn mã phía dưới và xóa chữ 'hfeed'

<div class='blog-posts hfeed'> 

Tìm đến các đoạn mã phía dưới và xóa chữ 'hentry'

<div class='post hentry'> 

Tìm đến các đoạn mã phía dưới và xóa chữ 'hentry'

<div class='post hentry uncustomized-post-template >

Cuối cùng nhớ ấn lưu mẫu để kết thúc. Và còn một vấn đề quan trọng nữa xin đừng bỏ qua đó chính là cho phép hiển thị tác giả, ngày và giờ đăng bài viết trong phần bố cục của nội dung. Nếu bỏ qua bước này chắc chắn website sẽ vẫn bị lỗi dữ liệu cấu trúc. Cách làm như sau:

Đăng nhập Blogger, chọn Bố cục, chọn Main Blog Posts (bài đăng trên blog chính) và ấn chỉnh sửa, tiếp theo tích vào như hình ảnh phía dưới

Sau khi thực hiện hết các công đoạn này hãy ngồi chờ cập nhật Schema.org trong khoảng một đến 2 tuần thì các lỗi hiển thị thiếu author, thiếu updated và thiếu entry-title sẽ tự động biến mất.

                          Đọc thêm: Tận dụng bộ nhớ cache của trình duyệt cho blogger