Cara membuat artikel terkait atau related posts di blog sangatlah mudah. Perlu kita ketahui bahwa tidak semua artikel kita memiliki jumlah kunjungan atau tampilan yang sama. Sebagai salah satu tips dan trik SEO, penambahan related posts atau artikel terkait sangalah membantu dalam mendongkrak page view posting lama yang kurang ter-cover oleh pencarian google.
Kita bisa mereferensikan atau menawarkan posting tersebut kepada pengunjung di semua posting kita secara otomatis. Hal ini tentunya akan memperbaiki kualitas SEO on page di blog kita. Cara membuat artikel terkait atau related posts secara otomatis bisa kamu praktekkan dengan mengikuti langkah-langkah berikut ini:
1. Masuk ke menu "Template" di Dasboard blog kamu! Pilih "Cadangkan/Pulihkan", kemudian pilih "Unduh template penuh" dan simpan template kamu teersebut!
Langkah pertama ini penting sebagai antisipasi jika ada kesalahan saat mengedit template blog kamu nanti. Untuk memulihkannnya kembali kamu tinggal memakai template cadangan yang telah kamu unduh tadi.
2. Kemudian kembali ke menu "Template" dan pilih "Edit HTML"! kemudian tandai pada "Expand Template Widget"!
3. Cari kode </head> ! Jika kesulitan, cari menggunakan shortkey Ctrl + F pada keyboard kamu!
4. Setelah ketemu kode </head> tersebut, copy paste kode di bawah ini pas di atas kode </head> tadi!
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;}
function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; }
else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
5. Setelah kode di atas dimasukkan, carilah kode <data:post.body/> dan letakkan script di bawah ini di bawah kode <data:post.body/> tersebut!
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=15"' type='text/javascript'/> </b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait <b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></h4>
<script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels();
</script>
</b:if>
Jika menemukan kode <data:post.body/> lebih dari satu, lakukan langkah no.5 tadi pada kode pertama! Coba buka posting blog kamu untuk mengecek apakah sudah berhasil atau belum! Jika belum, hapus perubahan pada langkah no.5 dan coba kembali pada kode <data:post.body/> yang kedua sampai berhasil!
6. Simpan template yang telah kamu edit tadi! Selesai..
Demikian cara membuat artikel terkait atau related posts sebagai back link otomatis untuk mendongkrak pageview artikel atau posting lama kita. Semoga bermanfaat,
Kita bisa mereferensikan atau menawarkan posting tersebut kepada pengunjung di semua posting kita secara otomatis. Hal ini tentunya akan memperbaiki kualitas SEO on page di blog kita. Cara membuat artikel terkait atau related posts secara otomatis bisa kamu praktekkan dengan mengikuti langkah-langkah berikut ini:
1. Masuk ke menu "Template" di Dasboard blog kamu! Pilih "Cadangkan/Pulihkan", kemudian pilih "Unduh template penuh" dan simpan template kamu teersebut!
Langkah pertama ini penting sebagai antisipasi jika ada kesalahan saat mengedit template blog kamu nanti. Untuk memulihkannnya kembali kamu tinggal memakai template cadangan yang telah kamu unduh tadi.
2. Kemudian kembali ke menu "Template" dan pilih "Edit HTML"! kemudian tandai pada "Expand Template Widget"!
3. Cari kode </head> ! Jika kesulitan, cari menggunakan shortkey Ctrl + F pada keyboard kamu!
4. Setelah ketemu kode </head> tersebut, copy paste kode di bawah ini pas di atas kode </head> tadi!
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;}
function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; }
else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
5. Setelah kode di atas dimasukkan, carilah kode <data:post.body/> dan letakkan script di bawah ini di bawah kode <data:post.body/> tersebut!
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=15"' type='text/javascript'/> </b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait <b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></h4>
<script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels();
</script>
</b:if>
Jika menemukan kode <data:post.body/> lebih dari satu, lakukan langkah no.5 tadi pada kode pertama! Coba buka posting blog kamu untuk mengecek apakah sudah berhasil atau belum! Jika belum, hapus perubahan pada langkah no.5 dan coba kembali pada kode <data:post.body/> yang kedua sampai berhasil!
6. Simpan template yang telah kamu edit tadi! Selesai..
Demikian cara membuat artikel terkait atau related posts sebagai back link otomatis untuk mendongkrak pageview artikel atau posting lama kita. Semoga bermanfaat,
