Hướng dẫn sửa lỗi cấu trúc dữ liệu trên blogspot

LongAnIT 5/13/2019
Hello! Xin chào các bạn chúng ta lại gặp nhau trong chuyên mục thủ thuật blogger. Trong bài viết ngày hôm nay longanit sẽ hướng dẫn các bạn cách khắc phục một số lỗi trong cấu trúc dữ liệu của blogspot. Trong các bài viết trước mình đã có giới thiệu về cấu trúc dữ liệu của blogspot cũng như hướng dẫn các bạn cách chúng ta cấu trúc dữ liệu blogspot lại theo chuẩn.

Các lỗi thường gặp nhất khi kiểm tra dữ liệu cấu trúc blogspot thường sẽ là thiếu trường name, tên tác giả, ngày tháng, header,...Vậy thì chúng ta khắc phục nó thế nào. Các bạn hãy xem các hướng dẫn dưới đây để sửa nhé.

Đầu tiên chúng ta quay lại một chút xíu để test cấu trúc trang blogspot. Các bạn truy cập vào link sau:

https://search.google.com/structured-data/testing-tool/u/0/


Trước khi thực hiện việc kiểm tra bạn phải thông báo cho blogspot biết bằng việt thêm code sau đây vào trước thẻ đóng </body>
 <script type='application/ld+json'>
// <![CDATA[
{
  "@context" : "http://schema.org",
  "@type" : "WebSite",
  "name" : "All Blogger Things",
  "alternateName" : "ABT",
  "url" : "https://www.longanit.com"
}
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "url": "https://www.longanit.com",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://www.longanit.com/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
// ]]>
      </script>

Thay thế địa chỉ https://www.longanit.com thành địa chỉ blogspot của bạn nhé. Ok bây giờ chúng ta bắt đầu việc sửa lổi.

Sửa lỗi Web Page Error

  1.  Blogger - Chủ đề - Chỉnh sửa HTML
  2.  Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <body> trong template 
  3.  Thay thế đoạn code bên dưới bằng thẻ <body>
<body class='index' itemscope='' itemtype='http://schema.org/WebPage'>

 #Nhấn save để hoàn thành. Bạn nên làm đến đâu thì save đến đó nếu báo lổi thì dễ có hướng khắc phục nhé.

Sửa lỗi Header Error

  1.  Blogger - Chủ đề - Chỉnh sửa HTML
  2.  Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <header> trong template 
  3.  Thay thế đoạn code bên dưới bằng thẻ <header>

 <header itemscope='itemscope' itemtype='http://schema.org/WPHeader'>

#Nhấn Save đế hoàn thành.

Sửa lỗi Menu Error

  1.  Blogger - Chủ đề - Chỉnh sửa HTML
  2.  Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <nav> trong template 
  3.  Thay thế thẻ <nav> bằng đoạn code bên dưới
 <nav itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
# Nhấn save để hoàn thành.

Sửa lỗi Sidebar

  1.  Blogger - Chủ đề - Chỉnh sửa HTML
  2.  Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <div id='sidebar-wrapper'>  trong template 
  3.  Thay thế đoạn code bên dưới bằng thẻ <div id='sidebar-wrapper'> 
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>

# Nhấn save để hoàn thành

Sửa lỗi Footer

  1. Blogger - Chủ đề - Chỉnh sửa HTML
  2. Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <div id='footer-wrapper'> trong template
  3. Thay thế thẻ <div id='footer-wrapper'> bằng đoạn code bên dưới
 <div id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>

Sửa lỗi Blog Error

  1. Blogger - Chủ đề - Chỉnh sửa HTML
  2. Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <div id='main-wrapper'> trong template
  3. Thay thế thẻ <div id='main-wrapper'> bằng đoạn code bên dưới
  <div id='main-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
# Save đề hoàn thành

Sử lỗi Blog Posting Error


  1. Blogger - Chủ đề - Chỉnh sửa HTML
  2. Sử dụng phím (CTRL + F) tìm đoạn code chứa thẻ <div class='post hentry uncustomized-post-template'> trong template
  3. Thay thế thẻ <div class='post hentry uncustomized-post-template'> bằng đoạn code bên dưới

  <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
 #4: Tiếp tục tìm từ khóa <div class='post hentry'> or <article class='post hentry'>

 #5: Tiến hành thay thế bằng đoạn code bên dưới
 <div class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
Sửa lỗi hCard Errors
  1. Blogger - Chủ đề - Chỉnh sửa HTML
  2. Sử dụng phím (CTRL + F) tìm đoạn code
 <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>
3. Tiến hành thay thế bắng đ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>


Sửa lỗi Article Errors

Tất cả các lỗi này bao gồm: Main Entity Of Page, Publisher, Article Name, Image, URL, Updated Date, and Published Date Errors.

Bước 1: Blogger > Chủ đề > Chỉnh sửa HTML

Bước 2: Tìm đoạn code sau  <div class='post hentry'> or <article class='post hentry'>

Bước 3: Thay thế bằng đoạn code bên dưới
    <meta content='data:post.link : data:post.url' expr:itemid='data:post.link' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
    <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
      <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
        <meta content='https://2.bp.blogspot.com/-bYkKfIQpPX4/W5o7M85ORcI/AAAAAAAAAF8/kUER1t54X1knI0i7bO6l7EjiQz2AZyotwCK4BGAYYCw/s1600/longanitvn.png' itemprop='url'/>
        <meta content='320' itemprop='width'/>
        <meta content='60' itemprop='height'/>
      </div>
<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>
      <meta expr:content='data:blog.title' itemprop='name'/>
    </div>
    <a expr:name='data:post.id'/>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.firstImageUrl'>
    <a expr:href='data:post.url'><img itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>
    <b:else/>
    <a expr:href='data:post.url'/>
    </b:if>
      </b:if>
Bước 4: Thay thế địa chỉ link logo tô màu đỏ phía trên thành địa chỉ link logo blog của bạn nhé.

Bước 5: Sửa lỗi date published tìm đoạn code sau  <data:post.timestamp/>

Bước 6: Thay thế đoạn code trên bằng đoạn code bên dưới
 <span class='updated' itemprop='datePublished'><data:post.timestamp/></span>
Bước 7: Save để hoàn thành chỉnh sửa lỗi cấu trúc. Và bây giờ bạn hãy quay lại trang kiểm tra cấu trúc trang blog của bạn xem kết quả như thế nào sau khi tiến hành sửa lỗi nhé.

Kết luận: Như vậy qua bài viết này tôi đã hướng dẫn các bạn cách để chúng ta sửa một số lỗi cơ bản về cấu trúc dữ liệu trên nền tảng blogspot. Dĩ nhiên là bài viết còn nhiều sai xót trong quá trình hướng dẫn rất mong các bạn thông cảm và đóng góp ý kiến bằng cách để lại comments bên dưới để góp ý. Chúc các bạn thành công và SEO nhanh lên top nhé.

Bài viết có tham khảo nguồn: https://www.allbloggerthings.com

Không có nhận xét nào:

Đăng nhận xét

Nếu phát hiện spam bạn sẽ bị xử lý. Bạn có thể đặt backlink tại đây Hướng dẫn đặt backlink nofollow tại đây