Cara Mengoptimalkan Widget Label

Widget label mungkin salah satu widget penting yang memang seharusnya dipasang pada sidebar blog. Sayangnya widget tersebut masih belum teroptimasi dan butuh sedikit perbaikan untuk menjadikannya seo friendly.(mungkin)

Bagaimana Cara MengOptimalkan Widget Label?

Sedikit yang dapat kita benahi pada widget tersebut, yaitu dengan cara menambahkan title tag pada setiap link yang ada. Bentuk umum pencarian label biasanya berupa link seperti berikut.
http://tipsblogbaru.blogspot.com/search/label/Nama-Label
url tersebut didapatkan dari markup ini

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

Dapat kita lihat sendiri bahwa kita tidak melihat title="" pada link tersebut.

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

Ketika kita memasang suatu widget label maka markup html orisinilnya akan tampak seperti kode berikut.

<b:widget id='Label2' locked='false' title='Label' 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.searchLabel == data:label.name'>
            <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.searchLabel == data:label.name'>
            <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 diatas masih belum teroptimasi karena hilangnya tag title pada url pencarian label dan satu masalah lagi, yaitu selected pada halaman label tidak berfungsi. Untuk mengatasinya adalah dengan menggganti kode diatas dengan kode dibawah ini.

<b:widget id='Label2' locked='false' title='Label' 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' expr:title='data:label.name'><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' expr:title='data:label.name'><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>

Keterangan

1. Warna biru: kode yang diubah.
2. Warna kuning: kode yang ditambahkan
3. Simpan Templatemu.

Semoga Bermanfaat... dan Jangan lupa tinggalkan komentar yaa,,,

Tweet