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:


<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://1.bp.blogspot.com/-bC8MmRl7OaE/WyyV-GDJHYI/AAAAAAAAL2w/ETsyMoGY07I-21G0x26t8lCGrJ2_cIwNgCLcBGAs/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:


     <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://3.bp.blogspot.com/-nC2OqglNJZE/Wy3BZTy0y0I/AAAAAAAAL3w/uYczWgApYwAk5ptUCrT-qC4-0NP0wukIQCLcBGAs/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.

Chấm hết bài!!!

Post a Comment

✪★ Chèn link ảnh/video trực tiếp vào khung bình luận để hiển thị hình ảnh hay video cho phần nội dung.
✪★ Nếu tải file mẫu không được, vui lòng để lại nhận xét vào khung bình luận bên dưới để được hỗ trợ nhé .

Previous Post Next Post