Memasang Schema Structured Data Untuk Blog


Salah satu klien schema structured data templatenya dikenali sebagai blog berita atau situs informasi (news site) oleh Google.

Semula, schema-nya menggunakan blog alasannya memang dibuat dengan Blogger, yaitu schema.org/Blog.

Karena kontennya berupa informasi (news), CB ganti saja schemanya dengan memasangkan schema baru berupa Schema NewsArticle.

Menurut laman resmi schema:  "A NewsArticle is an article whose content reports news, or provides background context and supporting materials for understanding the news."

Memasang Schema Structured Data untuk Blog Berita (NewsArticle)

1. Tema > Edit HTML

2. Ubah kode pembuka <html> di kepingan atas kode dengan kode berikut ini:

<HTML dir='ltr' itemscope='' itemtype='http://schema.org/NewsArticle' lang='id'>

atau sanggup juga dengan mengganti kode  <div id='content-wrapper'> dan semisalnya dengan kode berikut ini:

  <div id='content-wrapper' itemscope='' itemtype='http://schema.org/NewsArticle' role='main'>

3. Save!

Jika mengalami error di structured data testing tools, mulai dari missing image, author, published, dan sebagainya, lanjutkan dengan langkah berikut ini.



4. Simpan kode berikut ini di bawah kode: 

<b:includable id='post' var='post'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <b:if cond='data:post.firstImageUrl'> <img expr:src='data:post.firstImageUrl' style='display:none;'/> <meta expr:content='data:post.firstImageUrl' itemprop='url'/> </b:if> <meta content='800' itemprop='width'/> <meta content='800' itemprop='height'/> </div>

<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>

<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>

<img alt='logo' src='URL LOGO ANDA' style='display:none;'/>

<meta alt='logo' content='URL LOGO ANDA' itemprop='url'/>

<meta content='600' itemprop='width'/>

<meta content='60' itemprop='height'/>

</div>

<meta expr:content='data:blog.title' itemprop='name'/>

</div>

<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

  <meta expr:content='data:post.author' itemprop='name'/>

</span>



5. Simpan kode berikut ini di bawah kode: <div class='post hentry'> atau semisalnya.

<meta expr:content='data:post.timestamp' itemprop='datePublished'/>

<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>

<meta expr:itemid='data:post.link ? data:post.link : data:post.url' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>


6. Tambahkan kode itemprop='headline' di belakang kode judul postingan ibarat ini:

<h2 class='post-title entry-title' itemprop='headline'>

<h1 class='post-title entry-title' itemprop='headline'>

7. Save! Simpan template.

Hasilnya

Memasang Schema Structured Data untuk Blog Berita  Memasang Schema Structured Data untuk B Memasang Schema Structured Data Untuk Blog Informasi (Newsarticle)

Cara Lain Pasang Schema Blog Berita (NewsArticle) Recommended!
Cara lain memasang schema untuk blog informasi atau blog dengan konten artikel informasi yaitu sebagai berikut.


1. Tema > Edit HTML

2. Simpan kode nomor 3 berikut ini di bawah kode:



<b:includable id='post' var='post'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>



atau di bawah kode:



 <b:includable id='post' var='post'>

<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/Blog'>



3.  Ini kodenya:

<script type='application/ld+json'>

{

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

  "@type": "NewsArticle",

  "mainEntityOfPage": {

    "@type": "WebPage",

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

  },

  "headline": "Article headline",

  "image": {

    "@type": "ImageObject",

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

    "height": 800,

    "width": 800

  },

  "datePublished": "<data:post.timestampISO8601/>",

  "dateModified": "<data:post.timestampISO8601/>",

  "author": {

    "@type": "Person",

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

  },

   "publisher": {

    "@type": "Organization",

    "name": "<data:blog.title/>",

    "logo": {

      "@type": "ImageObject",

      "url": "URL GAMBAR LOGO",

      "width": 600,

      "height": 60

    }

  },

  "description": "<data:post.snippet/>"

}

</script>

4. Save!

Demikian Memasang Schema Structured Data untuk Blog Berita (NewsArticle). Lengkapi dengan mendaftarkan blog informasi Anda ke Google News (Google Berita).

Pastikan juga blog informasi Anda menggunakan template blog news style ibarat detikStyle atau CNN Style. Cek di Galeri Template.

Komentar

Postingan populer dari blog ini

Video dapat Anda temukan di YouTube

Search Engine Optimization (SEO) para Google, Yahoo y Msn

Daftarkan bisnis lokal Anda secara gratis di Google dan Yahoo