SEO on Page : Microformats di Blogroll website blog

Optimalkan SEO on Page dengan microformats untuk memberi informasi lebih tentang 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 blog (website). Memasang Microformats di blogroll adalah trik SEO On Page (SEO yang diterapkan pada elemen halaman 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 website blog

• 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 di website blog

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>

Masukkan kode di atas ke dokumen HTML. Tambahkan sendiri jika lebih dari 2.

Praktek dan latihan memasang Microformats - website fies

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://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 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:

http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fsejutatrik.blogspot.com&view=

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.

Untuk menguji hasil ekstrak Rich Snippets diatas silahkan buka URL :
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 :

• http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1408986

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

Definisi
A microformat is a technical semantic markup that can be used to better structure the data submitted to search engines.
Saran
Halaman situs atau blog blogger idealnya harus memanfaatkan markup semantik microformats untuk struktur lebih baik atas data yang disodorkan ke mesin pencari. (advis website review untuk blog 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

---

That's all we know - Happy blogging!!

---

SITEMAP

PETA WEBSITE DESIGN

THANK YOU for your continued liking 'n sharing. If you haven't liked this post yet, you may do that by hitting the buttons just BELOW. Please drop your comment and questions ……

Anda sedang membaca SEO on Page : Microformats di Blogroll website blog

Posted in: Microformats,Search-Engine-Optimization,SEO-by-Google,Trick-of-SEO,Website-Development