Optimalkan SEO on Page dengan microformats untuk memberi informasi lebih tentang web blog (website) ke search engine
Microformat - disingkat μF
Microformat Adalah markup semantik teknis yang digunakan agar struktur lebih baik untuk data yang diajukan web blog atau website ke search engine.
Microformat digunakan sebagai cara memberitahu ke search engine agar lebih memperjelas informasi tentang weblog (website). Memasang Microformats di blogroll adalah trik SEO On Page (SEO yang diterapkan pada elemen laman web (webpage)) yang menyebutkan bahwa link telah diberi penjelasan.
Penggunaan Microformats di blog dan website
Microformat merupakan pendekatan markup semantik berbasis web, berupaya menggunakan kembali tag HTML/XHTML untuk menyampaikan metadata,[1] atribut lain di webpage dan konteks lain yang mendukung (X)HTML, seperti RSS. Pendekatan ini memungkinkan software memproses informasi untuk end-user (seperti informasi kontak, koordinat geografis, et cetera) secara otomatis.
Penggunaan, adopsi dan pengolahan Microformats memungkinkan item data diindeks, dicari, disimpan atau cross-referenced, sehingga informasi tersebut dapat digunakan kembali atau dikombinasikan. Microformats memungkinkan encoding dan ekstraksi kejadian, informasi kontak, hubungan sosial, etc. Salah satu microformats mapan adalah hCard.
Microformats untuk Blogroll
- Tujuan pasang microformats di blogroll untuk identifikasi teman blog kita di search engine.
Contoh microformat silahkan buka website ini : http://microformats.org/wiki/hcard
Dan terlihat seperti dibawah ini :
Microformats digunakan saat memasang Rich Snippets di blogspot. Menambahkan microformat di blogroll dapat mendatangkan banyak tamu. Microformat sangat penting untuk prioritas blog ditampilkan di urutan pertama serach engine.
Cara memasang Microformats
Masuk ke Dasboard blogger >> Layout >> ADD Gadget >> HTML/Javascript. Masukkan kode seperti contoh dibawah ini (sesuaikan dengan informasi blog Anda) :
<ul>
<li class="vcard">
<a class="fn url" href="http://davidwalsh.name" rel="friend">David Walsh</a>
</li>
<li class="vcard">
<a class="fn url" href="http://casedogdesigns.com" rel="friend colleague met">Casey Watson</a>
</li>
</ul>
<li class="vcard">
<a class="fn url" href="http://davidwalsh.name" rel="friend">David Walsh</a>
</li>
<li class="vcard">
<a class="fn url" href="http://casedogdesigns.com" rel="friend colleague met">Casey Watson</a>
</li>
</ul>
Masukkan kode di atas ke dokumen HTML. Tambahkan sendiri jika lebih dari 2.
Praktek dan latihan memasang Microformats
Potongan HTML diatas saya sesuaikan dengan isi Blogroll bawaan dari Blogger (blogspot), dengan mengganti dan menyesuaikan teks berwarna merah sesuai dengan informasi blogroll pada blog saya.
Content microformats (sebagai hasil modifikasi code blogroll) seperti terlihat pada widget “WEBSITE ROLL” sidebar blog WEBSITE DESIGN. Isi code HTML widget WEBSITE ROLL (berada di sidebar blog ini) menggunakan snippet code HTML berikut :
<ul>
<li class="vcard">
<a class="fn url" href="http://www.lipperhey.com/" rel="free services site">www.lipperhey.com</a>
</li>
<li class="vcard">
<a class="fn url" href="http://www.woorank.com/" rel="free services site">Woorank.com</a>
</li>
<li class="vcard">
<a class="fn url" href="http://www.virante.org/seo-tools" rel="free services site">Virante seo tools</a>
</li>
<li class="vcard">
<a class="fn url" href="http://www.webpagetest.org/" rel="free services site">PageSpeed Test</a>
</li>
</li><li class="vcard">
<a class="fn url" href="http://www.makingdifferent.com/" rel="free services site">Making Different</a>
</li>
<li class="vcard">
<a class="fn url" href="http://feeds.seo.com/seocom" rel="free services site">seo.com</a>
</li><li class="vcard">
<a class="fn url" href="http://opensolution.org/" rel="friend site">opensolution webstore</a>
</li>
<li class="vcard">
<a class="fn url" href="http://www.bajuditoko.com" rel="my site">bajuditoko.com</a>
</li> <li class="vcard">
<a class="fn url" href="http://www.lovingprize.com" rel="friend site">lovingprize.com</a>
</li>
<li class="vcard">
<a class="fn url" href="http://sinyalbisnis.com/” rel="friend site">sinyalbisnis.com</a>
</li>
<li class="vcard">
<a class="fn url" href="http://www.asuransi-takaful.com/" rel="friend site">takaful insurance</a>
</li>
<li class="vcard">
<a class="fn url" href="http://loving-craft.blogspot.com/” rel="my site">lovely gift</a>
</li>
<li class="vcard">
<a class="fn url" href="http://yusufzulkarnain.blogspot.com/" rel="my site">Inspiring quotes</a>
</li>
</ul>
<li class="vcard">
<a class="fn url" href="http://www.lipperhey.com/" rel="free services site">www.lipperhey.com</a>
</li>
<li class="vcard">
<a class="fn url" href="http://www.woorank.com/" rel="free services site">Woorank.com</a>
</li>
<li class="vcard">
<a class="fn url" href="http://www.virante.org/seo-tools" rel="free services site">Virante seo tools</a>
</li>
<li class="vcard">
<a class="fn url" href="http://www.webpagetest.org/" rel="free services site">PageSpeed Test</a>
</li>
</li><li class="vcard">
<a class="fn url" href="http://www.makingdifferent.com/" rel="free services site">Making Different</a>
</li>
<li class="vcard">
<a class="fn url" href="http://feeds.seo.com/seocom" rel="free services site">seo.com</a>
</li><li class="vcard">
<a class="fn url" href="http://opensolution.org/" rel="friend site">opensolution webstore</a>
</li>
<li class="vcard">
<a class="fn url" href="http://www.bajuditoko.com" rel="my site">bajuditoko.com</a>
</li> <li class="vcard">
<a class="fn url" href="http://www.lovingprize.com" rel="friend site">lovingprize.com</a>
</li>
<li class="vcard">
<a class="fn url" href="http://sinyalbisnis.com/” rel="friend site">sinyalbisnis.com</a>
</li>
<li class="vcard">
<a class="fn url" href="http://www.asuransi-takaful.com/" rel="friend site">takaful insurance</a>
</li>
<li class="vcard">
<a class="fn url" href="http://loving-craft.blogspot.com/” rel="my site">lovely gift</a>
</li>
<li class="vcard">
<a class="fn url" href="http://yusufzulkarnain.blogspot.com/" rel="my site">Inspiring quotes</a>
</li>
</ul>
Setelah selesai, hapus blogroll lama dan ganti dengan blogroll baru yang dilengkapi microformats (seperti snippet pada praktek latihan diatas).
Tampilan di blog WEBSITE DESIGN kurang lebih seperti ini :
Memasang Rich Snippets di Blogspot
Microformats juga digunakan saat Memasang Rich Snippets di Blogspot. Didalamnya ada kode jarang dijumpai, seperti fn (formated name) untuk bikin microformat Author. Tujuan memasang microformats di blogroll ini untuk identifikasi ke search engine tentang siapa saja teman Anda (sebagai blogger) di blog.
Hasil penerapan Microformat dan bagaimana memasangnya dapat dilihat URL dibawah ini:
Microformats hCards Generator
Anda dapat saja menggunakan cara mudah membuat microformats HCards dengan mengunjungi http://microformats.org/wiki/hcard dan isi saja field-field yang ada. Anda copy seluruh isi snippet yang dihasilkan seperti contoh gambar dibawah ini.
http://www.google.com/webmasters/tools/richsnippets.
Isikan URL blog pada kotak yang tersedia. Kemudian klik tombol HTML dan lakukan Paste dalam kotak yang ada. Terakhir klik tombol Preview (PRATINJAU).</>
Authorship Verification
Sebelum melakukan semua ini, terlebih dulu harus dilakukan Verifikasi Kepengarangan untuk blog Anda melalui Google webmaster Tools, tepatnya masih dalam halaman Alat Uji Coba Data Terstruktur di URL yang sama (http://www.google.com/webmasters/tools/richsnippets). Jika belum melakukan verifikasi Kepengarangan, Anda akan gagal dan hanya akan ditemukan halaman peringatan seperti di bawah ini.
Untuk tutorial verifikasi Kepengarangan (authorship) blog, silahkan kunjungi URL ini :
Tutorial bahasa Indonesia silahkan kunjungi Bagaimanakah Cara Verifikasi Authorship Blog Anda?
Jangan lupa siapkan URL Google+ Anda seperti : https://plus.google.com/101170670541113635819
Tutorial bahasa Indonesia silahkan kunjungi Bagaimanakah Cara Verifikasi Authorship Blog Anda?
Jangan lupa siapkan URL Google+ Anda seperti : https://plus.google.com/101170670541113635819
Selamat mencoba! Happy blogging!
Deskripsi
DefinisiA microformat is a technical semantic markup that can be used to better structure the data submitted to search engines.
Saran
Halaman website atau blog idealnya harus memanfaatkan markup semantik microformats untuk struktur lebih baik atas data yang disodorkan ke mesin pencari. (advis website review untuk website design oleh www.woorank.com)
Keuntungan
Berkat microformats Google secara teratur meningkatkan presentasi data yang disajikan di halaman hasil pencarian search engine (SERP).
SEO in Microformats : Rich snippets for SEO
0 comments:
Post a Comment