Memberi Title Tag Pada Judul Postingan Dan Thumbnail

Judul Postingan Dan Thumbnail
Salah satu optimasi skor SEO blog di Chkme adalah memberi title tag pada setiap judul postingan baik di homepage maupun postpage dan setiap link pada thumbnail homepage. Untuk itu kini saya share caranya bagi Anda yang masih kebingungan untuk optimasi skor SEO blog pada error website link di Chkme.

Cara ini terbilang cukup mudah, namun perlu ketelitian dalam mengaplikasikannya dan saya yakin Anda semua pasti bisa. Ketelitian memang sangat diperlukan dalam mengedit HTML blog agar kode yang kita edit tidak error sehingga perubahan yang kita lakukan pada template bisa di "SAVE"

Sebenarnya template blog berbeda-beda, namun setidaknya ada kemiripan di setiap kodenya, nah di sinilah yang dibutuhkan ketelitian jangan terlalu terpaku pada tutorial yang diberikan. Dan peng-edit-an kali ini akan dilakukan pada daerah postingan yaitu pada judul postingan yang tampil di homepage dan postpage juga pada link di setiap thumbnail yang tampil di homepage. 

1. Memberikan title tag pada judul postingan, silahkan cari kode seperti ini di bawah ini:

<b:includable id='post' var='post'>

Geser ke bawah sedikit Anda akan menemukan kode seperti di bawah ini:

<b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

Silahkan ganti dengan kode di bawah ini:

<b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

Atau kalau yang pakai template Maskolis atau Kang Ismet biasanya akan seperti di bawah ini:

<b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
</b:if>
<b:else/>
      <h1 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>

Silahkan ganti dengan kode di bawah ini:

<b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
</b:if>
<b:else/>
      <h1 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>

2. Memberikan title tag pada link di setiap thumbnail di homepage, biasanya ini terletak di atas atau di bawah kode pada langkah ke-1, silahkan cari kode seperti di bawah ini:

<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>

Silahkan ganti dengan kode di bawah ini:

<a expr:href='data:post.url' expr:title='data:post.title'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>

Nah sekarang silahkan cek dengan menyorotkan kursor pada judul postingan baik di homepage atau postpage apakah sudah keluar title tag-nya atau belum, begitu juga pada thumbnailnya di homepage. kemudian silahkan cek di Chkme untuk error pada website linknya.

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