» » Tutorial Singkat Membuat Blog Menjadi Seo Friendly

Rabu, 16 April 2014

Tutorial Singkat Membuat Blog Menjadi Seo Friendly

Diposting oleh
http://goblog404.blogspot.com/
http://goblog404.blogspot.com/
Malam gan kaliini saya akan memberikan sedikit info tentang cara membuat blog menjadi seo friendly.
PERTAMA-TAMA
1. Meta Tag
Yang harus anda lakukan pertama agar template anda seo ready adalah memasang meta tag yg cocok dan usahakan memilih meta tag yg terbaru atau baru saja di update dan sudah terbukti kemampuan dan keunggulannya, dan satu lagi usahakan memilih meta tag yg bersumber dari situs situs terpercaya.
2. Membetulkan Tag Heading H1 H2 H3
Ini juga perlu di lakukan agar search engine mudah merayapi blog kita dan juga agar blog bisa lebih seo ready.  
    1. Login Ke Blogger
    2. Pilih Template 
    3. Lalu pilih Edit HTML 
    4. Sobat cari script seperti ini di template blog sobat.
      5. <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>
      Ganti H3 Menjadi H2, Sehingga akan menjadi seperti ini :

       <h2 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>
      </h2>
    5. Setelah itu sobat cari kode seperti ini :
      6. <h3 class='mobile-index-title entry-title'> <data:post.title/> </h3>
    6.  Ganti H3 Menjadi H2, Sehingga akan menjadi seperti ini :
      7. <h2 class='mobile-index-title entry-title'> <data:post.title/> </h2>
    7.  Next, Sekarang kita mengubah Tag Heading pada widget
    •  Cari kode seperti ini :
      • <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2class='title'><data:title/></h2> </b:if>
    • Ganti H2 Menjadi H3 Sehingga akan menjadi seperti ini :
      • <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h3 class='title'><data:title/></h3> </b:if>
    Banyaknya Kode di atas tergantung pada widget yg sobat pasang di homepage blog sobat. bila ada 5 widget, ya ubah semuanya.
       dan yang terakhir
        Simpan template sobat
3. Memasang Rel Canonical
Memasang Rel Canonical di Blog memang sangat penting terutama jika sobat ingin menghindarim terserapnya halaman dengan isi yang sama. Selain itu dengan Memasang Rel Canonical di Blog template blog akan lebih seo.
  • Login ke Blogger 
  • Pilih Template 
  • Pilih Edit HTML  
  • Sobat cari kode <head> Untuk mempermudah sobat bisa gunakan Ctrl+F atau F3 
  • Letakan kode berikut ini di bawah kode <head>
    • <link expr:href='data:blog.url' rel='canonical'/>
  • Dan Simpan
 4.  Memasang Breadcumb SEO Friendly 
Memasang breadcumb memang sangat penting, terutama agar pengunjung lebih mudah mencari artikel artikel di blog kita, berikut cara memasang bradcumb di blog.
  • Login ke Blogger 
  • Pilih Template 
  • Lalu pilih Edit HTML 
  • Cari kode ]]></b:skin> Untuk mempermudah sobat bisa gunakan F3 atau Ctrl+F 
  • Copy lalu pastekan kode di bawah ini tepat di atas kode ]]></b:skin>
    • .breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
  • Setelah itu cari kode <b:includable id='main' var='top'> 
  • Setelah ketemu, ganti kode <b:includable id='main' var='top'> Dengan kode di bawah ini :
    • <b:includable id='breadcrumb' var='posts'>
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- breadcrumb for the post page -->
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
    <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast == &quot;true&quot;'>
    &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
    </b:if>
    </b:loop>
    &#187; <span><data:post.title/></span>
    </div>
    <b:else/>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
    </b:if>
    </b:loop>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <!-- breadcrumb for the label archive page and search pages.. -->
    <div class='breadcrumbs'>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
    </div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div class='breadcrumbs'>
    <b:if cond='data:blog.pageName == &quot;&quot;'>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
    <b:else/>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
    </b:if>
    </div>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:includable>
    <b:includable id='main' var='top'>
    <b:include data='posts' name='breadcrumb'/>
  • Terakhir Simpan Template Sobat
5. Memasang Artikel Terkait
Widget ini sangat di perlukan jika anda menginginkan meningkatnya pageview blog anda, karna selain dapat mempercantik blog widget ini juga akan membuat pengunjung unutk mengetahui artikel lain yg ada di blog kita. berikut cara Memasang Artikel Terkait di blog.
  •  Login Ke Blogger
  • Pilih Template 
  • Lalu Pilih Edit HTML
  • Letakan kode berikut ini di bawah kode ]]></b:skin>
    • <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
    #related-post{float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px}
    #related-post h2{font-size:14px; margin:5px 0px 0; padding:0 0 5px; font-weight:normal}
    #related-post a{color:black; border-left:1px #EEE solid; border-right:1px #EEE solid}
    #related-post a:hover{color:black}
    #related-post a:hover{background-color:#F8F8F8}
    </style>
    <script type='text/javascript'>
    var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrukCdnA0zxMn3vWVVUPSL-9qRS5T1s0a7OjYTsJAhYm9c6H7KHQeSosXm0gggWcV6r8SpoacZlRZFJTH6Y2stHROAW0eQAthyphenhyphenVZUE-7P4KveIF24mqoa0zrKpc15gCiYanaxF7pjC5l8/s400/noimage.png&quot;;
    var maxresults=6;
    var splittercolor=&quot;#d4eaf2&quot;;
    var relatedpoststitle=&quot;Related Posts :&quot;;
    </script>
    <script src='https://luhurfatah-code.googlecode.com/files/artikel-terkait-bergambar.js' type='text/javascript'/>
    </b:if>
  •  Setelah itu cari kode <data:post.body/> ( apa bila ada beberapa kode tersebut, bisa di coba satu-satu :v)
  • Letakan kode berikut di bawah kode <data:post.body/>
    • <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-post'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=8&quot;' type='text/javascript'/></b:loop>
    <script type='text/javascript'>removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);</script>
    </div>
    <div style='clear:both'/>
    </b:if>
  • Simpan Template Sobat
6. Mematikan fungsi Archive / Arsip
Ini sangatlah penting dilakukan terutama jika sobat ingin menghindari terjadinya duplikat konten pada blog sobat. berikut Cara Mematikan fungsi Archive / Arsip.
  • Login Ke Blogger 
  • Pilih Template 
  • Lalu pilih Edit HTML 
  • Cari kode <head> dan letakkan kode berikut dibawah kode <head>
    • <b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>
 7. Mematikan Versi Mobile
Cara Memaikan Versi Mobile adalah Masuk ke Dasbor >>Setelan >> Seluler Dan E-mail >>Di Kolom Mempublikasikan entri menggunakan email Conteng Dinonaktifkan


Demikian Tutorial Dari Saya Semoga Bermanfaat




Like This Article ? :

4 komentar

avatar
Anonim DeleteReply

Betul Sakali Kang Teja :)

avatar
semut merah DeleteReply

Muhun Atuh Kang

ha h aha h ah aha ha ha
nuhun templatena kang

avatar
Anonim DeleteReply

Nyak, Tos Abi Perbaiki Sarerea

avatar
Unknown DeleteReply

Sangat membantu sekali...
Salam dari terangbulanweb.blogspot.com

Langganan: Posting Komentar (Atom)