5/21/2020

Cara Memasang Schema Markup di Blog

Cara Memasang Schema Markup di Blog - Schema.org adalah salah satu bagian terpenting blog karena dapat menentukan mesin pencari Google, Bing dan Yandex dalam meng-index konten. Maka lengkapi segera blog milik anda microdata schema markup agar tidak diabaikan search engine.

Microdata Schema Markup berguna untuk meningkatkan peringkat dan hasil pencarian menjadi lebih lengkap. Banyak para pakar SEO (Search Engine Optimization) mengatakan pentingnya penerapan microdata schema markup pada blog.


Schema Markup sendiri dirilis pada tahun 2011 yang lalu, dan berikut ini penjelasan tentang schema.org
Schema.org adalah kolaborasi dari beberapa mesin pencari seperti Google, Microsoft (BING) dan Yahoo untuk meningkatkan situs dengan cara membuat kosakata yang umum untuk mendeskripsikan data di situs web. Jika Anda sudah menambahkan markup schema.org ke halaman HTML perusahaan dan produk. mesin penelusuran Google akan memahami data pada web Anda. Demikian juga apabila Anda menambahkan markup schema.org pada email dengan format HTML sebagai tambahan gmail misalnya. mungkin google akan memahami data tersebut.

Selain penjelasan dari schema.org, Google sebagai salahsatu penyedia layanan pencarian (search engine) juga menjelaskan pentingnya memasang schema markup di blog, dan berikut penjelasan dari google.

Keuntungan Memasang Schema Markup di Blog


  • Schema.org adalah kolaborasi oleh Google, Microsoft, dan Yahoo! untuk meningkatkan web dengan membuat kosakata umum untuk mendeskripsikan data di web.
  • Jika Anda menambahkan markup schema.org ke laman HTML Anda, berbagai perusahaan dan produk termasuk hasil penelusuran Google yang akan memahami data di situs Anda.
  • Demikan juga, apabila Anda menambahkan markup schema.org keemail dengan format HTML, produk email lain sebagai tambahan GMail mungkin akan memahami data tersebut.
  • Anda dapat menggunakan jenis markup yang berbeda untuk mendeskripsikan data dengan kosakata schema.org. Pemandu Markup dapat menunjukkan kepada Anda cara menggunakan microdata dan JSON-LD.
  • Pemandu Markup dapat menunjukkan kepada Anda cara menambahkan markup schema.org ke laman pada situs yang berisi artikel majalah atau koran.
  • Jika Anda memberi markup laman ini, Google dapat membuat informasi ini tersedia sebagai cuplikan kaya di laman hasil penelusuran atau properti Google yang lain.
  • Informasi seperti judul, penulis, dan peringkat ulasan  pada artikel dapat membantu pengguna menentukan laman yang akan diklik di hasil penelusuran. 

Dengan semua penjelasan diatas masih merasa bingung! yang perlu anda pahami adalah sangat penting memasang schema markup diblog, this it ok. Nah simak langkah-langkah pemasangannya dibawah ini.

Cara Memasang Schema Markup di Blog


Sudah banyak blogger atau desainer template blog yang berbagi tentang cara memasang microdata schema org ke dalam template. Namun, kebanyakan rumit dan bingun bagi blogger pemula.

Berikut ini Cara Memasang Schema Markup di Blog untuk meningkatkan SEO Blog:

1. Sebelumnya cek dahulu struktur baru blog milik Anda di Structured Data Testing Tools Google

2. Buka dashboard blog Anda! 

3. Klik "Template" > "Edit HTML"

4. Tekan (Ctrl+F) kemudian cari kode
"<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>"

5. Lalu copy paste kode berikut ini tepat di bawah kode di nomor 3.

<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.canonicalUrl' itemprop='url'/>
<b:else/>
<meta expr:content='data:blog.title' itemprop='name'/>
<meta expr:content='data:blog.homepageUrl' itemprop='url'/>
</b:if> <meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
<b:else/>
<meta content='URL-LINK-GAMBAR-LOGO-BLOG-ANDA' itemprop='image'/>
</b:if>
</div>

6. Jika Anda sudah menggunakan template blog baru (new blogger template), maka cari kode berikut ini dengan tekan CTRL+F dengan menggunakan "http://schema.org/Blog"

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<meta expr:content='data:blog.title' itemprop='name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div>
</b:if>

7. Ganti semua kode yang ada pada nomor 6 dengan kode berikut ini:


<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.canonicalUrl' itemprop='url'/>
<b:else/>
<meta expr:content='data:blog.title' itemprop='name'/>
<meta expr:content='data:blog.homepageUrl' itemprop='url'/>
</b:if>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
<b:else/>
<meta content='LINK-GAMBAR-LOGO-BLOG-ANDA' itemprop='image'/>
</b:if>
</div>

8. Terakhir Save Template! 

Setelah template blog terpasang microdata schema markup, tentu terjadi perubahan pada hasil pencarian dan itu artinya SEO blog anda menjadi lebih baik dimata mesin pencari.

Demikian Cara Memasang Schema Markup di Blog, agar dapat meningkatkan SEO sehingga mesin pencari menjadi lebih mudah dalam melakukan index. Baca: Mengenal Schema Markup Untuk SEO

Sumber:- http://www.contohblog.com/2015/12/cara-memasang-schema-org-markup-di-blogger.html