Memberi Title Tag pada Label Blog

Advertisemen

Sudah 5 episode yang telah dijalani blog ini, mulai dari materi CSS dan tutorial Blogging. Dan pada kali ini saya akan membahas mengenai penilaian kepada SEO blog, yaitu Memberi Title Tag pada Label Blog.

Seperti yang kita tahu, title tag berguna untuk meningkatkan kualitas SEO blog plus untuk memudahkan pengindexan link pada mesin pencari. Selain untuk meningkatkan kualitas SEO blog plus untuk memudahkan pengindexan link pada mesin pencari, title tag berguna juga untuk memudahkan pengunjung untuk mengetahui lebih jelas teks dengan menu popup. Cara yang satu ini sangatlah mudah khususnya bagi para pemula dan tingkat lanjut, karena menggunakan CSS sebagai medianya. Agar lebih singkat, simak materi berikut:

Cari kode expr:title='data:label.name' (untuk mempermudah pencarian, ketik Ctrl+F atau F3) dan biasanya akan berbentuk kode seperti berikut:

<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>

Kode yang berwarna merah adalah link pada label yang akan muncul di tampilan blog. Untuk memberinya title tag tambahkan kode expr:title='data:label.name' Maka hasilnya akan seperti ini:

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

Sekarang cek pada bagian label blog Anda, title tag akan muncul bila mouse menyentuhnya. Oke demikian artikel Memberi Title Tag pada Label Blog. Semoga bermanfaat..

Advertisemen

 Tutorial