Author by Yosef Doublehorn
Author by : Doublehorn

DAFTAR ISI
Protected by Copyscape Online Infringement Detector

14 Juli 2013

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 :

Contoh Microformats di website

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 :
microformats widget website blogroll

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:

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.

HCard Creator in website design blog
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.

Sebelum memasang snippet dan microformats
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

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!!

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 ……
Comments

6 komentar:

http://website-download.blogspot.com/2013/03/trik-seo-memasang-microformats-di.html?showComment=1362729715276#c1007744161996494281'> 08/03/13 15.01 Reply

Sungguh bermanfaat nih mas izin saya coba diblog kesayangan saya ini ya.

http://website-download.blogspot.com/2013/03/trik-seo-memasang-microformats-di.html?showComment=1362826887766#c3751754999713595860'> 09/03/13 18.01 Reply

Silahkan ... thanks.

http://website-download.blogspot.com/2013/03/trik-seo-memasang-microformats-di.html?showComment=1363146599406#c284747462141592714'> 13/03/13 10.49 Reply

Blog ini apa sudah terpasang micro nya?

http://website-download.blogspot.com/2013/03/trik-seo-memasang-microformats-di.html?showComment=1363149693230#c4253252918793174969'> 13/03/13 11.41 Reply

Alhamdulillah, sudah. Langsung saya praktekkan di bagian akhir artikel ini (lihat "Deskripsi" dan snippet code lihat saja di http://website-download.blogspot.com/2013/03/a-basic-understanding-and-use-of.html). Contoh lainnya ada terpasang di Blogroll blog ini "Website Roll" dan di bawah widget "Google Followers" di sidebar blog ini juga.

http://website-download.blogspot.com/2013/03/trik-seo-memasang-microformats-di.html?showComment=1365096619082#c4284721025339773706'> 05/04/13 00.30 Reply

makasih pak sudah berbagi pengetahuan salam kenal.

http://website-download.blogspot.com/2013/03/trik-seo-memasang-microformats-di.html?showComment=1365111603601#c8817173959833846796'> 05/04/13 04.40 Reply

terimakasih kembali, salam kenal juga mas. btw untuk tips blogger dan computer sepertinya kita gunakan template dasar yang sama dengan blog ini (http://website-download.blogspot.com). OK semangat di Blogosphere.

Poskan Komentar di Website Design

-

Penelusuran topik khusus di blog ini
Loading