Memperbaiki Mini Icon Pada Label Supaya Seo Friendly

Postingan ini muncul bahu-membahu 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 sekarang 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 (https://komporajaibku.blogspot.com//search?q=sisipkan-mini-icon-pada-label), untuk menambahkan mini icon pada label yaitu sebagai berikut:

1. Silahkan cari isyarat menyerupai ini:

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

atau jika tidak ada cari yang menyerupai di bawah ini:

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

Biasanya ada dua buah link atau isyarat menyerupai itu.

2. Setelah ketemu, silahkan tambahkan mini icon-nya pada link label tersebut menyerupai pada isyarat 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 menyerupai isyarat 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 isyarat yang berwarna merah di atas, itu yaitu mini icon untuk labelnya. Di situ terang tidak dicantumkan tag "alt" dan "title". Nah untuk memperbaikinya silahkan tambahkan tag "alt" dan "title" pada gambarnya. Dan akan lebih manis lagi tambahkan dimensi gambarnya (width/lebar dan height/tinggi). Sehingga penampakannya akan menyerupai 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 menyerupai 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 sekarang sudah mempunyai 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 dapat dimengerti dan bermanfaat...
Sumber https://www.kompiajaib.com/

Share this post