Menambahkan Title Tag Pada Label Blogger

Seperti yang telah kita ketahui, bahwa title judul atau title link pada sebuah blog tidak memilih nilai simpulan SEO sebuah blog, namun tidak ada salahnya bila kita melengkapi semua link dengan title tag.

Seperti halnya dengan widget label pada blogspot, ternyata linknya tidak disertai dengan title tag. Sehingga dikala dicek nilai SEO khususnya di Chkme, link-link pada label mendapat warning alasannya link-link tersebut tidak terdapat title tag. Oleh alasannya itu aku mencoba sharing untuk menambahkan title tag pada label blogger. 

Sebenarnya trik ini aku hanya coba-coba saja, namun ternyata penerapannya berhasil. Jika blog Anda memakai widget label, silahkan sorot linknya dengan mouse, bila tidak ada tooltip yang memunculkan title silahkan coba dengan trik ini. Setelah aku cek lagi di Chkme, warning untuk link pada label sudah teratasi.

Jika Anda ingin mencobnya, silahkan tambahkan arahan expr:title='data:label.name' ini pada link-link label pada edit HTML. Biasanya arahan untuk widget label akan menyerupai 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 yaitu link pada label yang akan muncul di tampilan blog. bila Anda ingin menambahkan title tag, maka silahkan tambahkan arahan expr:title='data:label.name'. Dan penampaknnya akan menyerupai 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, bila muncul tooltip yang menampilkan title link menyerupai gambar di atas, maka kini linl label Anda sudah memiliki title tag dan silahkan cek di Chkme.

Namun alasannya trik ini aku hanya coba-coba namun berhasil, bila memang ada yang salah dengan cara ini, aku mohon koreksinya ya...

Sumber https://www.kompiajaib.com/

Share this post