Memperbaiki Mini Icon Pada Label Agar SEO Friendly

Postingan ini muncul sebetulnya untuk menjawab pertanyaan dari mas Fatih Ks perihal 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 aku lihat ternyata kekurangannya yaitu alasannya yaitu tidak adanya tag "alt" dan "title" pada gambarnya, dan juga tidak ada tag "title" pada link labelnya. Untuk itu kini aku coba share postingan ini untuk mencoba menjawab pertanyaan dari mas Fatih Ks untuk memperbaiki mini icon pada label blog biar tidak mengurangi skor SEO blog.

Sesuai tutorialnya dari KR TutorPlus ( ), untuk menambahkan mini icon pada label yaitu sebagai berikut:

1. Silahkan cari aba-aba ibarat ini:

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

atau jikalau tidak ada cari yang ibarat di bawah ini:

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

Biasanya ada dua buah link atau aba-aba ibarat itu.

2. Setelah ketemu, silahkan tambahkan mini icon-nya pada link label tersebut ibarat pada aba-aba 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 ibarat aba-aba 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 aba-aba yang berwarna merah di atas, itu yaitu mini icon untuk labelnya. Di situ terperinci tidak dicantumkan tag "alt" dan "title". Nah untuk memperbaikinya silahkan tambahkan tag "alt" dan "title" pada gambarnya. Dan akan lebih mengagumkan lagi tambahkan dimensi gambarnya (width/lebar dan height/tinggi). Sehingga penampakannya akan ibarat 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 ibarat 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 aku perihal itu pada link di bawah ini.

• Menambahkan Title Tag Pada Label Blogger

Semoga postingan di atas mampu dimengerti dan bermanfaat...