Markup Logo Blog Untuk Hasil Cari
Posting kedua malam ini. gak ada gunanya ditunda-tunda besok daripada lupa. :D Lagi-lagi berkaitan dengan webmaster tools. Masih ingat postingan tentang Rich Snippet? (Baca: Muncul Foto Author di Hasil Cari Google). Nah, ini mirip-mirip. Kali ini logo blog yang akan kita sertakan juga dalam tag-tag penelusuran Google.
Mungkin selama ini kita sudah memasang logo di blog kita, namun Google tidak bisa membedakan logo tersebut dengan gambar-gambar lain yang ada di blog kita. Nah, kali ini kita akan memberikan mark up pada gambar tertentu yang berfungsi memberi tahu bahwa google bahwa kita menunjuk gambar tertentu di blog sebagai logo.
Google di blog resmi webmaster tools memperkenalkan markup logo dengan schema.org (Baca: Using Schema.Org markup for organization logos).
Untuk pemasangan logo di blog Anda, gunakan format seperti berikut:
<div itemscope itemtype="http://schema.org/Organization">
<a itemprop="url" href="http://www.alamatblog.com/">
<img itemprop="logo" src="http://../alamatgambar.png"/></a></ div>
Keterangan:
- Format di atas bisa disisipkan di template lewat EDIT HTML Template atau lewat penambahan gadget HTML lewat tata Letak
- Ganti yang berwarna biru dengan alamat blog Anda
- Ganti yang berwarna hijau dengan alamat logo Anda
Semoga bermanfaat. Selamat Malam...
Deskripsi Artikel: Logo Blog Muncul Di Hasil Cari
Mungkin selama ini kita sudah memasang logo di blog kita, namun Google tidak bisa membedakan logo tersebut dengan gambar-gambar lain yang ada di blog kita. Nah, kali ini kita akan memberikan mark up pada gambar tertentu yang berfungsi memberi tahu bahwa google bahwa kita menunjuk gambar tertentu di blog sebagai logo.
Google di blog resmi webmaster tools memperkenalkan markup logo dengan schema.org (Baca: Using Schema.Org markup for organization logos).
Untuk pemasangan logo di blog Anda, gunakan format seperti berikut:
<div itemscope itemtype="http://schema.org/Organization">
<a itemprop="url" href="http://www.alamatblog.com/">
<img itemprop="logo" src="http://../alamatgambar.png"/></a></ div>
Keterangan:
- Format di atas bisa disisipkan di template lewat EDIT HTML Template atau lewat penambahan gadget HTML lewat tata Letak
- Ganti yang berwarna biru dengan alamat blog Anda
- Ganti yang berwarna hijau dengan alamat logo Anda
Semoga bermanfaat. Selamat Malam...
Deskripsi Artikel: Logo Blog Muncul Di Hasil Cari
kalau mau di tarok di html itu taroknya dbagian mana kang?
BalasHapusya terserah tergantung di bagian mana pengen diletakkan
Hapusmisal mau diletakkan di header ya di div id 'header'
misal di footer ya di div id 'footer'
lokasinya bebas
Bebas ya? hemm oke deh kang thank you so much tipsnya
Hapushehehe, sama sama, makasih kunjungannya yaaa
Hapuskeknya ada yg kurang tuh kang yang itemscope harusnya gini itemscope='itemscope' :) soalnya tadi saya coba gak jalan :)
Hapus<div itemscope="" itemtype="http://schema.org/Organization">
Hapusohiya bentar tak cek makasih infonya buru buru hehe
Hapuseh tapi di schema pun arahannya seperti itu, aku ;pasang di gadget HTML aja jadinya
Hapusboleh ga ane belajar nie Masbro
BalasHapusbelajar barenggg kang :D
Hapus#bukan kayak pacaran gitu yaa hehe
hello friends also visit in this blog kapar-blog.blogspot.com to get tips and triks of blog . wordpress and many more thanks nice site
BalasHapusthx for your visit friend
Hapusdemonya seperti gimana mas mksih
BalasHapusAdhit-Megazine
Mas, saya sudah pernah daftar di google webmater tool. tapi saya lupa tidak menyimpan meta tagnya. saya coba untuk kirim ulang atau ulang tapi gagal lagi.... gagal lagi. Bagaimana mas agar blogsaya saya ditelusuri di google? Atas perhatian dan balasannya, saya ucapkan terima kasih.
BalasHapus