Author by Yosef Doublehorn
slogan cinta kerja harmoni
Protected by Copyscape Online Infringement Detector

23 Agustus 2013

Bagaimanakah Cara Menggunakan Microformats?

 

Microformats atau microdata    adalah konvensi sederhana (dikenal juga sebagai entitas) yang digunakan pada halaman website untuk menggambarkan jenis informasi khusus-misalnya, review, acara (event), produk, bisnis, hotel, restoran, resep atau seseorang (person). Masing-masing entitas punya property (sifat) sendiri. Misalnya, Microdata tentang person (orang) memiliki nama property alamat, nama orang, jabatan (job title), nama perusahaan, dan alamat email.

Pengertian lain Microformats (microdata) adalah seperangkat property (sifat) yang dilekatkan pada tag html standar, yang memungkinkan mesin pencari untuk mengenali bahwa data spesifik yang dilekatkan adalah jenis data tertentu.

Topik artikel ini adalah bagaimana menggunakan microdata untuk menampilkan informasi yang diperluas (extended information) di halaman hasil pencarian search engine, yang disebut Rich Snippets (Cuplikan Kaya).  Banyak blogger atau pengelola website mungkin ingin menampilkan data tambahan di halaman hasil pencarian SERP, seperti kita dapat dilakukan dalam 3 contoh gambar di bawah ini.

Pernahkah Anda melihat halaman hasil pencarian mesin pencari (SERP) seperti di bawah ini?

micro1-contoh rich snippet microdata 

Atau mungkin seperti gambar di bawah ini?
contoh rich snippet microformats
Atau ini?
tiga macam rich snippet microformats

Untuk menamplkan hasil pencarian untuk website seperti ketiga gambar diatas, Anda membutuhkan beberapa tuning (penyesuaian) tambahan pada situs Anda. Tidak terlalu sulit untuk melakukan, tetapi pengetahuan dasar tentang HTML sangat diperlukan.

This article is targeting more advanced users, who have some knowledge in HTML and preferably in PHP. Otherwise, it will be very hard for you to figure out how to do it.

Marking up data menggunakan microformats

Secara umum, Microformats menggunakan atribut class dalam tag HTML (sering tag yang digunakan adalah <span> atau <div>) untuk menetapkan nama singkat dan deskriptif pada entitas dan property entitas tersebut. Berikut ini contoh blok HTML yang menampilkan informasi kontak dasar untuk Bob Smith.

(source Google : http://support.google.com/webmasters/bin/answer.py?hl=id&hlrm=en&answer=146897)
<div>
<img src="www.example.com/bobsmith.jpg" />
<strong>Bob Smith</strong>
Senior editor at ACME Reviews
200 Main St
Desertville, AZ 12345
</div>

Berikut ini HTML marked up dari code HTML diatas dibuat menggunakan hCard (Person) microformat.

<div class="vcard">
<img class="photo" src="www.example.com/bobsmith.jpg" />
<strong class="fn">Bob Smith</strong>
<span class="title">Senior editor</span> at <span class="org">ACME Reviews</span>
<span class="adr">
<span class="street-address">200 Main St</span>
<span class="locality">Desertville</span>, <span class="region">AZ</span>
<span class="postal-code">12345</span>
</span>
</div>

Cara kerja Microformats

Bagaimana cara kerja Microformats diatas?
  • Pada baris pertama, class="vcard" mengindikasikan bahwa HTML tercakup dalam tag <div> yang menerangkan tentang seseorang (person). (Microformat yang digunakan untuk menerangkan tentang seseorang “dipanggil” hCard dan disebutkan dalam HTML sebagai vcard. Catatan disini tidak ada salah ketik ditulis apa adanya!.)
  • Contoh diatas menjelaskan property-property item Person (properties of the Person item), seperti adanya sebuah foto, nama, title, organisasi, dan alamat. Untuk pemberian label property-property tentang Orang diatas dijelaskan dengan vcard, setiap elemen berisi SATU property dari semua property ini (seperti <span>, <img>, atau <title>) diberikan 1 atribut class yang mengindikasikan sebuah property.
    Sebagai contoh, fn menjelaskan sebuah nama seseorang; title jabatan (job title).
    (The Help article for each information type includes a full list of recognized properties.)
  • Property dapat berisi property-property lain.
    Dalam contoh diatas, property adr menjelaskan address atau alamat orang (dalam contoh diatas), dan meliputi di dalamnya subproperty alamat jalan (street-address), localitas, wilayah dan code pos.
  • Non visible content. Google tidak akan menampilkan content (microdata) yang tidak dapat dilihat oleh pengguna atau pengunjung website. Google tidak menunjukkan content (microformats atau microdata) ke pengguna dengan cara penggunaan teks tersembunyi untuk menandai informasi secara terpisah untuk mesin pencari dan untuk aplikasi web. Hasil tampilan HTML sebelum dan sesudah disisipkan Rich Snippets ditampilkan sama persis di webpage. Lihat tampilan “AVATAR” tampilan sama di webpage sebelum dan sesudah disipkan rich snippets di URL ini : A Basic Understanding and Use of Microdata for SEO
  • Anda harus mark up teks yang benar-benar muncul untuk pengguna website Anda ketika mereka mengunjungi webpage.
Untuk contoh lain, lihat Nested entities.
dalam situasi tertentu mungkin perlu mensupply informasi detail ke mesin pencari, meskipun Anda tidak menginginkan informasi tersebut dapat dilihat pengunjung website.

Misalnya, menyediakan informasi rinci derajat lintang dan bujur suatu lokasi (tempat) dapat membantu Google memastikan bahwa itu benar dipetakan, memberikan tanggal event dalam format tanggal ISO dapat membantu memastikan bahwa itu muncul dengan benar dalam SERP. Dalam hal ini Anda dapat menggunakan Microformats pola nilai kelas (value class pattern).

Pertimbangkan contoh ini :

<span class="dtstart">
<span class="value-title" title="2009-10-15T19:00-08:00" />
15 October, 7PM
</span>

Dengan melingkupi <span class="value-title" title="2009-10-15T19:00-08:00" />   dalam blok berlabel class="dtstart", Anda menunjukkan bahwa parser rich snippets harus menggunakan nilai dalam judul atribut untuk menemukan tanggal awal acara (event). Tanggal dalam judul atribut dapat direpresentasikan dengan menggunakan format tanggal ISO tanpa mempengaruhi cara ditampilkannya tanggal ke pengguna website.

Untuk specific vocabulary dan examples, silahkan lihat link ini:
Untuk memeriksa markup, gunakan structured data testing tool.

Item types dan item properties

Ada berbagai jenis item. Semua item bisa ditemukan pada proyek microdata Bing, Yahoo dan Google: http://schema.org

Berikut ini daftar jenis konten yang didukung http://schema.org/docs/schemas.html. Ketika mengklik pada masing-masing, Anda mungkin menemukan item property yang perlu ditambahkan ke HTML. Beberapa item utama meliputi: events, recipes, place, local business, aggregate offer, product etc.

Misalnya saat ini Anda bekerja pada template resep, maka direkomendasikan memulai dengan itu, seperti contoh di URL ini http://schema.org/Recipe

Notes

Google dan search engine lain tidak menjamin tampilan blog akan disertai Rich Snippet, meski code yang digunakan telah support. Dibutuhkan waktu lama agar website terindeks disertai Rich Snippets. Berdasar pengalaman dan catatan ahli SEO kadang dibutuhkan waktu 6-9 bulan. Bersabarlah!



Anda membaca artikel : Bagaimanakah Cara Menggunakan Microformats?
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 below ……
Comments

2 komentar:

http://website-download.blogspot.com/2013/03/bagaimanakah-cara-menggunakan.html?showComment=1363319159937#c2163074103516748395'> 15/03/13 10.45 Reply

maaf gan,lalu cara menggunakanya gimana ?misal jika kita menginginkan tampilan pencarian halam blog kita kayak seperti diatas ?

http://website-download.blogspot.com/2013/03/bagaimanakah-cara-menggunakan.html?showComment=1363322436232#c6204541545355232804'> 15/03/13 11.40 Reply

Bersabar, akhi. InsyaAllah artikel yang Anda maksudkan akan dibuat. Tetapi pada prinsipnya seperti contoh diatas namun memang masih banyak yang harus dilakukan untuk coding.

Poskan Komentar di Website Design

Penelusuran topik khusus di blog ini
Loading