Cara mudah memasang microdata schema pada template blog – microdata adalah
sebuah mekanisme yan berupa pasangan variabel dan juga nilai yang telah
diberikan pada sebuah dokumen HTML.
Microdata ini dikembangkangkan ole WHATWG. Biar tidak makin pusing kita
langsung berbicara pada intinya saja.
Fungsi dari memasang atau menambahkan Microdata Schema pada
blog adalah untuk mempermudah dan mempercepat pengindexan google atau search
angine. Pasti sudah yang banyak mengetahui apabila atau jika sebuah blog cepat
terindex maka blog tersebut akan cepat dengan mudah dalam peningkatannya.
Menambah microdata schema ini bisa dibilang termasuk dalam
kategori Search Angine Optimation, mengapa demikian, karena kita bisa melihat
dari fungsinya yang mempercepat proses pengindexan dengan begitu sama artinya
dengan anda melakukan pemasangan microdata schema itu sama dengan anda
melakukan optimasi pada site anda.
Bagi anda pengguna template khususya GOOGLE SEO berikut ini
cara pemasangan microdata schema pada templatenya. Anda tidak perlu khawatir
karena cara ini juga dapat digunakan kepada template manapun.
- Masuk kedalam Blogger Dasboard dan buka Template pada blog anda
- Pilih Edit HTML
- Kemudian cari kode <body>
- Copykan kode dibawah ini
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<b:if cond='data:blog.pageType != "index"'>
<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='http://2.bp.blogspot.com/-0Gkpq29jSvk/U25EVlGHClI/AAAAAAAABT0/v3Vahof_bdI/s1600/google-seo.png' itemprop='image'/>
</b:if>
</div>
- Setelah selai terkopy anda bisa meletakkan dibawah kode <body> yang telah anda cari tadi
- Ganti link yang berwarna merah dengan URL atau gamar alamat blog anda.
- Klik Save Template
Sekianlah cara dalam memasang microdata schema pada blog di
template google seo atau yang lainnya. Mungkin ada juga beberapa hal penting
yang berkaitan dengan Microdata schema berikut beberapa hal penting dalam
microdata schema di template blog.
Markah / Meta
Deskripsi Blog
Meta deskripsi mircrodata bisa dikatakan kurang bermanfaat,
terkecuali apabila untuk memperkaya cuplikan sebuah strucktur data. Seperti
yang lainnya meta deskripsi ini dapat diletakkan dibawah kode body atau bisa
juga di bawah kode navbar.
<body expr:class='"loading" + data:blog.mobileClass'>
<b:if cond='data:blog.pageType == "index"'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<b:if cond='data:blog.pageName == ""'>
<!-- Add schema.org description on home page -->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
<b:else/>
<!-- Avoid duplicate schema.org description on label and search page -->
<b:if cond='data:blog.searchLabel'>
<meta content="Penelusuran arsip <data:blog.title/> berdasarkan label <data:blog.pageName/>" itemprop="description"/>
<b:else/>
<meta content="Arsip berdasarkan <data:blog.pageName/>" itemprop="description"/>
</b:if>
</b:if>
</div><!-- itemscope itemtype='http://schema.org/Blog' -->
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<!-- Add schema.org description on archive page -->
<meta content="Penelusuran arsip <data:blog.title/> berdasarkan bulan <data:blog.pageName/>" itemprop="description"/>
</div><!-- itemscope itemtype='http://schema.org/Blog' -->
<b:else/>
<div itemscope='itemscope' itemtype='http://schema.org/BlogPosting' style='display: none;'>
<!-- Add schema.org description on item and static page -->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div><!-- itemscope itemtype='http://schema.org/BlogPosting' -->
</b:if>
</b:if>
…
</body>
Note : Kode berwarna
biru adalah deskripsi yang nantinya ditampilkan pada pengujian RS / Rich
snippets.
ArtikelBody
Dengan menggunakan yang
satu ini menurut saya ini adalah salah satu trobosan yang baik dari
perancang. Kode dibawah ini akan berperan untuk membantu pengelola blog
terutamanya yang telah menelurkan banyak posting.
Sederhanya ini adalah deskropsi posting yang akan di
terjemahkan secara otomatis meski penulis tersebut tidak memasukannya. Dibalik
hal itu,jika meta deskripsi posting telah dimasukan oleh penulis maka yang
natinya akan ditampilkan adalah hasil isian dari sang penulis tersebut.
<b:if cond='data:blog.metaDescription == ""'>
<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
Sebenarnya bayak sekali yang lainnya yang bisa kami bahas
untuk anda, namun disini kami hanya
memberikan beberapa saja yang memungkinkan anda untuk mengetahui dari beberapanya. Jika anda merasa
ingin mengerti lanjutan dari 2 hal penting tersebut, anda bisa mencari disite
lain namun jika itu tersedia.
Singkat penjelasan : format microdata dapat diterapkan
beragam atau tergantung dari pemberi sebuah markah. Namun disini kami memberi
sebuah markah terhadap data atau sebuah elemen yang tidak dapat dilakukan
dengan sembarangan karena akan ikut berpengaruh juga dalam menghasilkan markah
yang semantik.
0 komentar:
Post a Comment