edit template blogspot agar SEO friendly

template blogspot sedang banyak dicari banyak blogger, tidak semua template adalah SEO friendly. cara mengedit agar template SEO friendly adlaah:

1. mengganti meta tag title
    biasanya sebuah template mempunyai tag title seberpti dibawah ini:
 <title><data:blog.pageTitle/></title>
ganti code tag title tersebut dengan yang seperti dibawah ini:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
2. memasang meta deskripsi dan meta keyword
dengan memasang meta deskripsi dan meta keyword akan lebih mudah di indeks, crawl, dan menelusuri blog. caranya adalh: taruh kode dibawah ini tepa dibawah kode no 1 tadi.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog sobat" />
<meta name="keywords" content="keyword1, keyword2, keyword3, dst" />
<b:else/>
<meta name="description" expr:content=’data:blog.PageName "- Deskripsi Blog sobat"’ />
<meta name="keywords" expr:content=’data:blog.PageName ", keyword1, keyword2, keyword3, dst"’ />
</b:if>
3. mengganti tag heading menjadi H1
biasanya sebuah template mempunyai tag heading H3 dan H2 seperti dibawah 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>

maka 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 tambah kode dibawah ini sebelum kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

4. memasang breadcrumb - navigation

•    login ke blogger.com
• klik tata letak
• pilih tab edit HTML
• click download full template anda please back up your template first.
• kemudian beri tanda centang pada kotak kecil di samping tulisan expand template widget.
• silahkan cari kode ]]></b:skin>
• copy lalu paste code dibaha ini persi di bawah ]]></b:skin>
• .breadcrumbs {
  padding:5px 5px 5px 0px;
  margin: 0px 0px 15px 0px;
  font-size:95%;
  line-height: 1.4em;
  border-bottom:3px double
  #e6e4e3;
  }
• silahkan cari kode berikut pada template anda : <div class='post hentry uncustomized-post-template'>
• copy lalu paste code dibawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>
• <b:if cond='data:blog.homepageUrl == data:blog.url'>
  <b:else/>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='breadcrumbs'>
  
  Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
  <b:loop values='data:posts' var='post'>
  <b:if cond='data:post.labels'>
  <b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
  <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  </b:if>
  &#187; <span><data:post.title/></span>
  </b:loop>
  </b:if>
  </b:loop>
  
  </div>
  </b:if>
  <b:else/>
  <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  <div class='breadcrumbs'>
  Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
  </div>
  </b:if>
  <b:else/>
  <b:if cond='data:navMessage'>
  <div class='breadcrumbs'>
  <data:navMessage/>
  </div>
  </b:if>
  </b:if>
• kemudian save template.
• tunggu beberapa saat sampai template anda tersimpan. setelah selesai lihat pada posting anda tepatnya diatas judul artikel untuk menentukan berhasil tidaknya anda memasang breadcrumb-navigation.jika berhasil maka breadcrumb-navigation nya akan tampil seperti di atas judul posting ini.

5. memasang related post

relatif post by category sangan bermanfaat bagi para blogger, cara nya adalah:

• silahkan login di blogger.com
• pilih tata letak kemudain edit HTML
• jangan lupa anda kasih tanda centang atau cecklist pada tulisang "expand widgets pemplate"
• kemudian cari dan temukan code skript seperti ini <data:post.body/>
• 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>
• pilih save template

setelah langkah membuat related post selesai maka template akan lebih seo friendly.


6. menambah kode   ‘rel=canonical’
dengan memasang kode tersebut konten/artikel kita akan terhinda dari duplicate content. cara memansng cukup mudah, tinggal pasang kode di bawah ini setelah kode <head>

<link expr:href='data:blog.url' rel='canonical' />
setelah proses 1-6 selesai maka save template.

7. menonaktifkan archive/ arsip
dengan menonaktifkan arsip maka itu merupakan langkah kedua untuk menghindari duplicate content setelah langkah 6 tadi langkah nya adalah:
sign in blogger. >> setting>>archive>> nah disitu tempat menonaktifkan arsipnya

Artikel yang Anda Cari: