Memperbaiki Mini Icon Pada Label Agar SEO Friendly

Memperbaiki Mini Icon Pada Label Agar SEO Friendly

Bola Hero Gawai

Memperbaiki Mini Icon Pada Label Agar SEO Friendly

Mini Icon Pada Label
Postingan ini muncul sebenarnya untuk menjawab pertanyaan dari mas Fatih Ks tentang mini icon pada label dari tutorial KR TutorPlus. Ketika dicek skor SEO blog di Chkme ternyata mini icon pada label ini mengurangi skor SEO blog.

Setelah saya lihat ternyata kekurangannya yaitu karena tidak adanya tag "alt" dan "title" pada gambarnya, dan juga tidak ada tag "title" pada link labelnya. Untuk itu kini saya coba share postingan ini untuk mencoba menjawab pertanyaan dari mas Fatih Ks untuk memperbaiki mini icon pada label blog agar tidak mengurangi skor SEO blog.

Sesuai tutorialnya dari KR TutorPlus (http://www.krtutorplus.com/2007/09/sisipkan-mini-icon-pada-label.html), untuk menambahkan mini icon pada label yaitu sebagai berikut:

1. Silahkan cari kode seperti ini:

<a expr:href='data:label.url'>
<data:label.name/>
&#160; (<data:label.count/>)</a>

atau kalau tidak ada cari yang seperti di bawah ini:

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

Biasanya ada dua buah link atau kode seperti itu.

2. Setelah ketemu, silahkan tambahkan mini icon-nya pada link label tersebut seperti pada kode di bawah ini:

<a expr:href='data:label.url'>
<img src='URL ICON DI SINI'/> &#160;
<data:label.name/>
&#160; (<data:label.count/>)</a>

atau seperti kode ini:

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><img src='URL ICON DI SINI'/> &#160;<data:label.name/></a>

Silahkan perhatikan pada kode yang berwarna merah di atas, itu adalah mini icon untuk labelnya. Di situ jelas tidak dicantumkan tag "alt" dan "title". Nah untuk memperbaikinya silahkan tambahkan tag "alt" dan "title" pada gambarnya. Dan akan lebih bagus lagi tambahkan dimensi gambarnya (width/lebar dan height/tinggi). Sehingga penampakannya akan seperti di bawah ini.

<a expr:href='data:label.url'>
<img alt='icon label' height='TINGGI ICON' src='URL ICON DI SINI' expr:title='data:label.name' width='LEBAR ICON'/> &#160;
<data:label.name/>
&#160; (<data:label.count/>)</a>

atau seperti ini

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><img alt='icon label' height='TINGGI ICON' src='URL ICON DI SINI' expr:title='data:label.name' width='LEBAR ICON'/> &#160;<data:label.name/></a>

Sampai di sini label blog Anda kini sudah memiliki mini ikon yang SEO friendly. Tinggal menambahkan tag "title" pada link labelnya. Untuk menambahkan title pada label blog silahkan buka lagi postingan saya tentang itu pada link di bawah ini.
Semoga postingan di atas bisa dimengerti dan bermanfaat...

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

22 Comments Add Comment

Mas mau tanya saya kenapa post saya kan saya tulisa 8 tapi kenapa muncul nya 3. 3 itu post terbaru...

Balas

Coba di kang Ismet mas...
http://blog.kangismet.net/2013/06/blogger-auto-pagination-dan-solusinya.html

Balas

saya sudah beri insert jump link.... di post kenapa tetap ya mas...

Balas

OK, mas langsung coba..
oh iya mas, gimana cara buat sitemap.xml & robot.txt found ??bisa lihat gambarnya di http://prntscr.com/1fcfxc, terimakasih mas

Balas

Coba di sini http://www.kompiajaib.com/2012/12/cara-submit-sitemap-ke-webmaster-tools.html

Balas

udah lama ngak masuk sini tampilannya berubah lagi...!

ijin kopy mas...! sapa tau lain waktu saya membutuhkannya.

Balas

oks sip mas keren nih tutornya

Balas

trimakasih mas tutorialnya ttg memperbaiki mini icon pada label agar SEO Friendly.
alhamdulillah iconnya ga kedetek lg di Chkme..
hihi
-salam sukses selalu-

Balas

asik ....dapat ilmu lagi dari Om Kompi.
bolak balik baca tetep ajah saya ndak mudeng ... :(

Balas

Dapat ilmu seo baru lagi disini,izin pelajari dulu Mas :)

Balas

wah lama nggak mampir kesini :)
Om kompi selalu cermat dalam masalah alt tag dan title, hehehe

Balas

lama ga main kemari..apa kabarnya mas adhy?moga sehat dan lancar puasanya ya amin.

Balas

Mas adhy,, di blog ane kok title nya hanya muncul jika kursor berada di gambar mini iconnya,, kalau kursornya diarah kan ke labelnya malah gk muncul titlenya,, gmn gan caranya biar bisa muncul??

Balas

Coba pakai trik pada link bawah untuk Menambahkan Title Tag Pada Label Blogger

Balas

Silahkan mas Andre...

Balas

Sama2 mas semoga bermanfaat...

Balas

ah .. mbak Indah selalu merendah...

Balas

Silahkan mas semoga bisa dimengerti

Balas

Belajar dari pengalaman aja mas...

Balas

Sehat mas Zul...semoga mas Zul juga selalu dalam lindungan-Nya...

Balas

Please, Mohon diberikan saran untuk meningkatkan SEO blog kami Mas.

Sebelumnya kami mengucapkan banyak terimakasih. Salam

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×