Hướng dẫn sửa dữ liệu cấu trúc BlogPosting trong widget Blog1 version 2

Mặc định thì mẫu template Blogger v3 cung cấp một thẻ tag dữ liệu cấu trúc BlogPosting trong widget Blog1 version 2 có tên <b:includable id='postMeta' var='post'> trong đó có một thẻ tag mặc định <b:include data='post' name='postMetadataJSON'/>, dữ liệu này được nằm trong thẻ tag <b:includable id='post' var='post'> có tên <b:include data='post' name='postMeta'/>.

Ưu điểm của thẻ tag <b:include data='post' name='postMetadataJSON'/> đó là sự chính xác tuyệt đối và nhược điểm là vì nó mặc định không thể chỉnh sửa, mình lấy ví dụ với đoạn script mặc định khi tải bài viết nó trông giống như thế này:

Copy

<script type="application/ld+json">{

  "@context": "http://schema.org",

  "@type": "BlogPosting",

  "mainEntityOfPage": {

    "@type": "WebPage",

    "@id": "https://vietblogdao.blogspot.com/2018/06/them-du-lieu-co-cau-truc-newsarticle-vao-bai-viet-trong-widget-blog1-version-2.html"

  },

  "headline": "Thêm dữ liệu có cấu trúc NewsArticle vào bài viết trong widget Blog1 version 2","description": "NewsArticle là dạng bài báo mới nhất được Google câp nhật trên kết quả tìm kiếm thích hợp trong trang bài viết tin tức, Blog và thể thao của bạn. New&#8230;","datePublished": "2018-06-22T13:39:00+07:00",

  "dateModified": "2018-06-22T22:55:04+07:00","image": {

    "@type": "ImageObject","url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfKJn61ofKxoKX9wokln7yPhSnJ2CWgJqYeIVasl79qaTnMLz092QuLhT3zjyPm-WuWdLEZ8J6YcltFC2ND1a6e_yDc_cutoZGhJOCl1AdYLXXAW2AL9i0efjmN3VkQpXxwWbrjbrUVPHY/w1200-h630-p-k-no-nu/2018-06-22_12-25-10.jpg",

    "height": 630,

    "width": 1200},"publisher": {

    "@type": "Organization",

    "name": "Blogger",

    "logo": {

      "@type": "ImageObject",

      "url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60",

      "width": 206,

      "height": 60

    }

  },"author": {

    "@type": "Person",

    "name": "Việt Blogger"

  }

}</script>

Với tên tổ chức và logo luôn là mặc định của Blogger phần mà mình đánh dấu màu xanh. Như vậy nếu bạn muốn chỉnh sửa lại bạn phải thay thẻ tag <b:include data='post' name='postMetadataJSON'/> bằng đoạn script sau:

Copy

     <script type="application/ld+json"> {

     "@context": "http://schema.org",

     "@type": "BlogPosting",

     "mainEntityOfPage": {

         "@type": "WebPage",

          "@id": "<data:post.url/>"

     },

     "headline": "<data:post.title/>",

     "description": "<data:post.snippets.long/>",

     "image": {

         "@type": "ImageObject",

         "url": "<data:post.featuredImage/>",

         "width": 720,

          "height": 480

     },

     "datePublished": "<data:post.date.ISO8601/>",

     "dateModified": "<data:post.lastUpdated.ISO8601/>",

     "author": {

         "@type": "Person",

         "name": "<data:post.author.name/>"

     },

     "publisher": {

         "@type": "Organization",

         "name": "<data:post.author.name/>",

       "logo": {

          "@type": "ImageObject",

          "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieEHSe9UNKa33PwCabiw7P6yoATzFGqQfqOSeJoKR2YrkeZkd-IOWJUfBBi2ULed53ppTAr6Zo8ViVWQM2cTpO9Hi0P3OT-AD1pbs6iWMd5XGf-mnghw5wHvM2SGehfKZG4wHU5boHJgg0/s1600/vietblogger.png",

    "width": 206,

          "height": 60

       }

      }

    } </script>

Với link ảnh màu xanh là logo mà có thể thay thế, hình minh họa:

Khi thêm xong lưu mẫu lại bạn kiểm tra bằng công cụ kiểm tra dữ liệu có cấu trúc của Google.

Nội dung chính