Memasang Schema Structured Data untuk Blog Berita (NewsArticle)

Memasang Schema Structured Data untuk Blog Berita (NewsArticle)

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

google news


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

Karena kontennya berupa berita (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 bagian atas kode dengan kode berikut ini:

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

atau bisa 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 seperti ini:

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

7. Save! Simpan template.

Hasilnya

Schema Structured Data untuk Blog Berita (NewsArticle)

Cara Lain Pasang Schema Blog Berita (NewsArticle) Recommended!

Cara lain memasang schema untuk blog berita atau blog dengan konten artikel berita adalah 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!

Cara Lain Memasang Schema NewsArticle di Blogger

Simpan kode berikut ini setelah kode:

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

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": "https://google.com/logo.jpg",
      "width": 600,
      "height": 60
    }
  },
  "description": "<data:post.snippet/>"
}
</script>

Save!

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

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

Good Luck & Happy Blogging! (www.contohblog.com).*

Thanks for reading Memasang Schema Structured Data untuk Blog Berita (NewsArticle) | Labels: Blogging edit this post

2 komentar on Memasang Schema Structured Data untuk Blog Berita (NewsArticle)

  1. mas kalau blog kita ingin di approve search Google news site, schema-nya memang WAJIB harus diganti dengan Schema NewsArticle atau tidak ya ?

    ReplyDelete
    Replies
    1. Tidak wajib, yang penting kontennya memang berita dan authornya tidak satu orang (tim)

      Delete

Contact Form

Name

Email *

Message *