Skip to main content
KOMPI AJAIB

follow us

Berbuat khilaf adalah sifat. Meminta maaf adalah kewajiban. Dan kembalinya Fitrah adalah tujuan. Saya, Adhy Suryadi admin blog Kompi Ajaib MEMOHON MAAF LAHIR DAN BATHIN. Minal Aidin Wal Faidzin Taqabalallahu minnaa wa minkum. Selamat hari raya Idul Fitri, 1 Syawal 1439 H.

×

Menambahkan Title Tag Pada Label Blogger

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.

Baca juga:

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:


Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar