Cara Mudah Pasang Microdata Schema Org untuk SEO Blog

Cara Mudah Pasang Microdata Schema Org untuk SEO Blog
Cara Mudah Menambahkan Kode Microdata Schema Org untuk Meningkatkan SEO Blog

TEMPLATE blog seo friendly terbaru biasanya sudah menggunakan microdata schema (pemanda markup) untuk menambah ke-SEO-an blog. Kode microdata schema ini membuat posting blog mudah dikenali dan diindeks Google dan mesin pencari lainnya.

Microdata Schema akan meningkatkan peringkat blog di halaman hasil pencarian karena kutipannya makin lengkap (rich snippet).

Simak penjelasan Google berikut ini:
  •  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 penelusuran Google—akan memahami data di situs Anda. 
  • Demikan juga, apabila Anda menambahkan markup schema.org ke email 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.
Bingung? Intinya, Microdata Schema membuat blog kita lebih SEO Friendly sehingga mudah dan cepat terindeks Google dan bisa mendapatkan pringkat (rangking) terbaik di halaman hasil pencarian.

Cara Mudah Pasang Microdata Schema Org untuk SEO Blog

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

Berikut ini Cara Mudah Pasang Microdata Schema Org untuk SEO Blog yang diterapkan di blog ini.

1. Template > Edit HTML
2. Cari (Ctrl+F) kode  

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

3. Simpan kode berikut ini tepat di bawah kode tersebut:

<div class='post hentry uncustomized-post-template' property='blogpost' itemscope=''
itemtype='http://schema.org/Blog' style='display:none;'>
<div expr:content='data:post.title' itemprop='name alternateName'/>
<div expr:content='data:post.url' itemprop='url'/>
<div content='http://www.komunikasipraktis.com/' itemprop='additionalType'/>
<div expr:content='data:post.thumbnailUrl' itemprop='image thumbnailUrl'/>
  <span itemprop='description'><data:post.body/></span>
  <span itemprop='author editor'><data:post.author/></span>
  <span itemprop='datePublished dateCreated'><data:post.timestamp/></span>
<span itemprop='version'>Komunikasi Praktis</span>
<span itemprop="contentLocation">Bandung, Indonesia</span></div>

4. Ganti tulisan warna merah dengan versi Anda
5. Save Template!
6. Cek struktur baru blog Anda di Structured Data Testing Tools Google.

CARA LAIN PASANG SCHEMA ORG
Selain cara di atas, cara lain memasang Microdata Schema org di template blog adalah cara lebih mudah yang di-share Tech Prevue sebagai berikut:

1. Template > Edit HTML
2. Temukan <body> atau <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
3. Copas kode berikut ini tepat di bawah kode tersebut:

<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='//blog-logo-url-square-size-is-good' itemprop='image'/>
</b:if>
</div>

4. Jika Anda sudah menggunakan template blog baru (new blogger template), maka cari kode berikut ini 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>

5. Ganti semua kode tersebut 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='//blog-logo-url-square-size-is-good' itemprop='image'/>
</b:if>
</div>


Ganti link warna merah dengan link logo blog Anda (with your blog’s logo url).

6. Save Template!

Setelah template blog dipasang Microdata Schema Org, tentu ada perubahan data yang terekam di sana dan itu artinya ada peningkatan SEO di blog Anda. (http://www.komunikasipraktis.com).*

» Thanks for reading: Cara Mudah Pasang Microdata Schema Org untuk SEO Blog
Previous
« Prev Post
Komunikasi Praktis Updated at: Wednesday, October 28, 2015

3 comments:

  1. gan yang tahap ke 3 gak ada link yang di rubah ya? soalnya link nya gak ada yang warna merah

    ReplyDelete
  2. makasih gan. tinggal tes di struktur kodenya

    ReplyDelete
  3. kalo blog kita ga ada logonya gimana gan ?

    ReplyDelete

Komentar Spam dan yang menyertakan alamat blog atau link aktif tidak akan muncul.

Subscribe via Email