Menambahkan Title Tag Pada Label Blogger

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

Menambahkan Title Tag

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='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <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='&quot;label-size label-size-&quot; + 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...

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