Menambahkan Title Tag Pada Label Blogger
Seperti yang telah kita ketahui, bahwa title judul atau title link pada sebuah blog tidak menentukan nilai akhir SEO sebuah blog, namun tidak ada salahnya jika kita melengkapi semua link dengan title tag.
Seperti halnya dengan widget label pada blogspot, ternyata linknya tidak disertai dengan title tag. Sehingga ketika dicek nilai SEO khususnya di Chkme, link-link pada label mendapatkan warning karena link-link tersebut tidak terdapat title tag. Oleh karena itu saya mencoba sharing untuk menambahkan title tag pada label blogger.
Sebenarnya trik ini saya hanya coba-coba saja, namun ternyata penerapannya berhasil. Jika blog Anda menggunakan widget label, silahkan sorot linknya dengan mouse, jika tidak ada tooltip yang memunculkan title silahkan coba dengan trik ini. Setelah saya cek lagi di Chkme, warning untuk link pada label sudah teratasi.
Jika Anda ingin mencobnya, silahkan tambahkan kode expr:title=data:label.name ini pada link-link label pada edit HTML. Biasanya kode untuk widget label akan seperti di bawah ini.
<b:widget id=Label1 locked=false title=Labels type=Label>
<b:includable id=main>
<b:if cond=data:title>
<h2><data:title/></h2>
</b:if>
<div expr_class="widget-content " + data:display + "-label-widget-content">
<b:if cond=data:display == "list">
<ul>
<b:loop values=data:labels var=label>
<li>
<b:if cond=data:blog.url == data:label.url>
<span expr_dir=data:blog.languageDirection><data:label.name/></span>
<b:else/>
<a expr_dir=data:blog.languageDirection expr_href=data:label.url><data:label.name/></a>
</b:if>
<b:if cond=data:showFreqNumbers>
<span dir=ltr>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values=data:labels var=label>
<span expr_class="label-size label-size-" + data:label.cssSize>
<b:if cond=data:blog.url == data:label.url>
<span expr_dir=data:blog.languageDirection><data:label.name/></span>
<b:else/>
<a expr_dir=data:blog.languageDirection expr_href=data:label.url><data:label.name/></a>
</b:if>
<b:if cond=data:showFreqNumbers>
<span class=label-count dir=ltr>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
Tulisan yang berwarna merah adalah link pada label yang akan muncul di tampilan blog. jika Anda ingin menambahkan title tag, maka silahkan tambahkan kode expr:title=data:label.name. Dan penampaknnya akan seperti di bawah ini.
<a expr_dir=data:blog.languageDirection expr_href=data:label.url expr:title=data:label.name><data:label.name/></a>
Sekarang coba cek dengan menyorotkan mouse ke link label blog Anda, jika muncul tooltip yang menampilkan title link seperti gambar di atas, maka sekarang linl label Anda sudah mempunyai title tag dan silahkan cek di Chkme.
Namun karena trik ini saya hanya coba-coba namun berhasil, jika memang ada yang salah dengan cara ini, saya mohon koreksinya ya...