Cara Menampilkan Label Posting Blog di Bawah Judul Tulisan

Label Posting Blog di Bawah Judul Tulisan
www.bloggingtips.com
MEMUNCULKAN, membuat, atau menampilkan Post Labels (Kategori Tulisan) blog di bawah judul tulisan dianjurkan oleh Google.

Setting dashboard dan template-template bawaan blogger juga sudah menyediakan kode-kode label untuk dimunculkan di bawah judul, umumnya setelah by line "Posted by.." atau "Diposkan oleh..."

Biasanya, urutannya adalah sebagai berikut: Author Name, Post Date, Labels, and Comments, seperti: Posted by Admin on Januari 2, 2015 in Tips SEO with 0 Comments.

Menampilkan Labels di posting memudahkan pengunjung mengenali konteks tulisan, sekaligus menjadi "internal link" yang memudahkan pembaca membuka posting lainnya di kategori (topik, tema) tulisan yang sama.

Google juga merekomendasikan penggunaan labels: Label your posts!

Cara Menampilkan Label Posting Blog di Bawah Judul Tulisan

1. Pastikan setiap tulisan Anda diberi Labels. Saat membuat posting, lihat ke kanan, di sana ada "Post Setting" sebagai berikut:

Label Posting Blog


Jika kolom ini tidak diisi, maka otomatis posting Anda akan menjadi "Unlabelled" atau "Uncategorized" dan itu tidak baik buat seo posting.

2. Centang kotak "Labels". Klik "Layout > Blog Posts > Edit > centang kotak "Labels:" seperti gambar berikut ini:

Label Posting Blog di Bawah Judul Tulisan


CARA LAIN
Jika cara di atas tidak bisa memunculkan Labels di bawah judul tulisan, itu artinya template blog tidak mendukung! Maka, lalukan langkah berikut ini:

1. Klik "Template" ›› "Edit HTML" ›› cari (Ctrl+F) kode  <data:post.body/>
2. Copy + Paste kode berikut ini di atasnya:

<span class='post-label'> in <b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop></b:if> </span>

3. Copas juga kode berikut ini di atas kode ]]></b:skin> 

.post-label {float:left;font-size:12px;color:#555}
.post-label a {color:#111text-decoration:none;}
.post-label a {text-decoration:undeline;}

4. Save Template!

Beres.... Labels (mestinya) sudah tampil alias muncul di bawah judul posting.

KODE PUNYA GBL
Jika Anda pengguna New Johny Wuss V1 & V2, maka bisa menggunakan kode yang digunakan GBL berikut ini untuk menampilkan Labels. Ada di bawah kode <div class='post-header-line-1'/> seperti ini:

<div class='post-header-line-1'/>
    </div>
        <b:if cond='data:post.dateHeader'>
          <h3 class='date-header'><span>Posted by Nama Anda
</span><span class='post-label'> in <b:if cond='data:post.labels'>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if> </span></h3>

Demikian cara memunculkan Labels posting di bawah judul biar lebih seo dan user friendly. Good Luck!

Ketentuan Berkomentar

  • Komentar yang tidak sesuai topik lebih baik disampaikan di halaman-artikel .
  • Komentar yang menyertakan link hidup tidak akan ditampilkan / dihapus.
  • Format link yang diterima :
  • greenbaysludge.blogspot.com ganti menjadi greenbaysludge.
  • greenbaysludge.blogspot.com/p/sitemap.html ganti menjadi greenbaysludge[dot]blogspot[dot]com/p/sitemap[dot]html.
  • blogger.com ganti menjadi blogger atau blogger[dot]com.
  • 23 Februari 2015
Previous
Next Post »