Langkah Mudah Membuat Related Post

Masih seputar trik dan tips optimisasi, kali ini kami sajikan cara membuat related post. Meski ini bukanlah cara yang baru, karena sudah diulas pada banyak website dan blog khusus tentang SEO. Namun, kami ikut menyajikannya untuk berbagi informasi menarik.


Langkah Mudah Membuat Related Post


Related post merupakan salah satu langkah optimisasi yang banyak digunakan untuk menjadikan blog SEO friendly. Menurut para pakar SEO, related post dapat meningkatkan page views dan dapat membantu postingan lama terindeks mesin pencari.

Related post adalah daftar link posting yang berhubungan, dihubungkan oleh kategori atau label yang sama dan terletak di bawah posting, berikut langkah-langkah membuatnya:

1. Login ke Blogger >> Rancangan >> Edit HTML >> centang kotak Expand Template Widget

2. Cari kode <p><data:post.body/></p> (untuk mempermudah, gunakan fungsi F3)

3. Setelah kode tersebut ketemu, letakkan kode berikut ini di bawahnya:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h2>Artikel Terkait:</h2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:220px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 10;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

4. Jika sudah selesai simpan dan lihat hasilnya.

Demikianlah paparan langkah mudah membuat related post ini. Senang bisa berbagi informasi dan pengetahuan ini.  

[rangkuman dari berbagi sumber]

Posting Komentar

0 Komentar