Edit Template Blogspot agar SEO Friendly

Template blogspot / blogger memang sudah banyak tersedia di situs template, tidak hanya itu template-template tersebut memang di dibuat menarik dan ok. Disisi lain kita dapat bertanya, apakah template itu sudah seo friendly..? nah itu sebuah pertanyaan yang bagus buat penggiat SEO. Kebanyakan template yang sudah tersedia itu tidak seo friendly hanya mementingkan desainnya saja. Kalau kita sudah terlanjur memakainya bagaimana..? ada sebuah tips cara mengedit template agar seo friendly langsung aja ke TKP.
Langkah-langkah edit template blogspot agar seo friendly :
<>. Mengganti tag title

Biasanya sebuah template mempunyai tag title seperti di bawah ini:

<title><data:blog.pageTitle/></title>

Ganti kode tag title tersebut dengan yang seperti di bawah ini:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

<>. Memasang Meta deskripsi dan meta keyword

Dengan memasang meta deskripsi dan meta keyword search engine akan lebih mudah untuk mengindex, crawl, dan menelusuri blog sobat. Caranya cukup mudah cukup taruh kode dibawah ini tepat di bawah kode yang no.1 tadi:

<b:if cond='data:blog.url == &quot;http://alamatbloganda.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='DESCRIPTION' name='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'/>
<meta content='KEYWORDS' name='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/>:<data:blog.title/></title>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='Keywords'/>
</b:if>
<>. Mengganti tag Heading menjadi H1

Biasanya sebuah template mempunyai tag heading H3 dan H2 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>

Ganti tag heading tersebut dengan tag heading di bawah ini:

<b:if cond='data:post.title'>
<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>
</b:if>


Kemudian tambahkan kode dibawah ini sebelum kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
<>. Memasang Breadcrumb - navigation.

Cara membuat Breadcrumb navigation akan saya jelaskan kapan-kapan ya!

<>. Memasang Related Post.

Berikut ini cara membuat related post by categories (artikel berhubungan) di bogger :
1. silahkan login di blogger.com
2. pilih tata letak kemudian pilih edit html
3. jangan lupa anda kasih tanda centang atau cecklist pada tulisan "Expand Widgets Template"
4. kemudian cari dan temukan code script seperti ini <data:post.body/>
5. copy dan paste script di bawah ini tepat di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 =
&quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
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;data2007&#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>
</div>
</b:if>

6. pilih save template
Setelah langkah-langkah cara membuat related post by categories (artikel berhubungan) selesai maka template sobat akan jauh lebih seo friendly. Cara membuat related post by categories (artikel berhubungan) memang mudah….

<>. Menambahkan kode ‘rel=canonical’

Dengan memasang kode tersebut konten/atikel kita akan terhindar dari duplicate content. Cara memasangnya cukup mudah tinggal pasang kode di bawah ini setelah kode <head>

<link expr:href='data:blog.url' rel='canonical' />

Setelah proses tersebut selesai klik Save template.

<>. Menonaktifkan archive / arsip

Dengan menonaktifkan arsip maka itu merupakan langkah kedua untuk menghindari duplicate content setelah langkah ke 6 tadi. Langkah2nya seperti berikut:
Sign in di blogger.com >> setting >> archive >> nah disitulah sobat bisa menonaktifkan arsipnya.
Semua proses selesai. Ok sobat semoga bermanfaat……

Share :

Tweet

More

Related Post