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

You Might Also Like:

How to style text in Disqus comments:
  • 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 Hide Parser
Disqus Comments