Cara Menampilkan Label Posting Blog di Bawah Judul Tulisan Agar Menjadi SEO - Kali ini Saya Akan Membagikan Sebuah Tips yang akan membuat Blog anda Menjadi SEO Friendly , Kita tidak pernah menyadari bahwa menaruh label di bawah posting adalah anjuran google , agar blog menjadi Lebih SEO , 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:
2. Centang kotak "Labels". Klik "Layout > Blog Posts > Edit > centang kotak "Labels:" seperti gambar berikut ini:
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 + "?&max-results=10"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if> </span>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=10"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</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;}
.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.
Beres.... Labels (mestinya) sudah tampil alias muncul di bawah judul posting.
0 komentar