CARA MERUBAH BLOG BLOGGER MENJADI SEO FRIENDLY

, ,
Ping
Buat Related Posts ( Artikel Terkait ) :
1. Login ke blogger.com atau draft.blogger.com
2. Klik Design, klik Edit HTML
3. Klik Expand Template Widget
4. Copy kode dibawah ini dan paste tepat dibawah kode  
    <p>data:post.body/><P>


    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='similiar'>
    <div class='widget-content'>
    <h1>Related Posts</h1><br/>
    <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>

 bisa mengganti mengganti tulisan Related Posts pada kode diatas dengan kata-kata yang kamu inginkan. Contoh : "Artikel yang berkaitan"


Page Title
Modifikasi Template Blogspot Agar SEO Friendly Page TitleJudul halaman standar untuk single post pada Blogger adalah BLOG TITLE : POST TITLE. Anda dapat meningkatkan SEO dengan merubahnya menjadi POST TITLE | BLOG TITLE. Cari kode dibawah ini di Template Anda :

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

Setelah ketemu, gantilah kode diatas dengan kode dibawah ini

    <b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title></b:if>

Jika perlu, tambahkan keyword ke judul homepage. Contohnya :

    <b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/> | TV Episode Guide | TV Show Info</title> </b:if>

Meta Keyword dan Meta Description

Meta Descriptions Meta Keywords

Beberapa pakar blogger  memberikan penjelasan dan panduan bagaimana bikin meta keyword dan meta description. Jika  belum menambahkan meta keyword dan meta description di blog A, silahkan letakkan kode dibawah ini tepat diatas kode <b:skin><![CDATA[/*

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta name='description' content='Deskripsi Blog Anda'/>
    <meta name='keywords' content='Keyword1, Keyword2, Keyword3, dst' /> </b:if>

Contohnya :

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta name='description' content='SeasonEpisode TV News - TV Episode Guide' />
    <meta name='keywords' content='tv news, season episode, episode guide, tv listing' /></b:if>


Heading
Tag heading juga sangat penting untuk SEO. Tag heading pada blogspot biasanya memakai  tag H2 atau H3. Untuk meningkatkan SEO, Anda harus menggunakan Tag H1 untuk judul posting. Cari kode berikut di HTML kode template blog Anda :

    <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 kode tag H3 diatas menjadi H1, sehingga hasilnya seperti dibawah 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>


Tambahkan juga kode ini dibawah ini untuk mengubah ukuran font posting, tepatnya sebelum kode  ]]></b:skin>

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



buat Navigasi Breadcrumb  adalah  navigasi yang berfungsi sebagai 'user interface'. Breadcrumb memungkinkan pengunjung untuk tetap dapat mengetahui lokasi halaman  dalam sebuah blog  yang sedang mereka baca.

biasanya breadcrumb berbentuk hierarki yang menjelaskan posisi dan keberadaan sebuah artikel didalam blog. Struktur dasar breadcrumb terdiri dari Halaman depan, Label/Kategori dan Isi artikel, serta dipisahkan oleh tanda >> atau tanda >. Struktur sebuah breadcrumb dapat dilihat seperti berikut :

    Halaman depan >> Label/Kategori >> Isi Artikel. Atau
    Halaman depan > Label/Kategori > Isi Artikel

Pada bagian Halaman depan dan Label akan diberi link yang berfungsi sebagai tombol kembali sehingga dapat mempermudah  untuk memilih Artikel  yang lain.

Cara membuat breadcrumb
    Klik Design
    Klik Edit HTML
    Klik Expand Widget Templates
    Copy kode CSS dibawah ini diatas kode ]]></b:skin>

        #breadcrumbs {
        padding:5px 5px 5px 0px;
        margin: 0px 0px 15px 0px;
        font-size:10px;
        line-height: 1.4em;
        border-bottom:1px dotted #CCCCCC;
        }

    Cari Kode <div class='post hentry uncustomized-post-template'> kemudian paste kode dibawah ini diatasnya.

        <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &gt; <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &gt; <data:post.title/></div> </b:if> </b:if>

  

Matikan setting archive ( arsip )
Google sangat benci dengan  namanya duplicate content. ketika kita mengaktifkan opsi arsip,  seperti ini  misalnya:
Anda membuat sebuah blog di blogger.com. lalu bikin 3 posting, 1 buah tiap hari. Maka di halaman utama atau homepage  akan ada 3 post dan sebuah link arsip kaya gini, http://BLOG-ANDA.blogspot.com/2011/03/1/rchive.html, pada halaman arsip tersebut akan muncul 3 posting yang sama dengan yang di munculkan oleh homepage.
Intinya, 2 buah link yang menuju 2 halaman yang beda tapi punya konten yang sama. Bagi search engine apa lagi google ini merupakan masalah serius.  karenanya  kita sebaiknya me-non-aktifkan opsi arsip, caranya :  login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive. >> selesai simpan setting.

Atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode <head> :

<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

Menambahkan kode ‘rel=canonical’
Fungsi dari menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena google sangat tidak dapat mentolerir sebuah duplicate content ( * buat yang kerjanya Cuma  ngopas hati-hati  sebelum didepak dari gugel..awas pendepakan bukan terjasi hanya karena ada niat dari mbah google tetapi juga karena ada yg ngopas,waspadalah-waspadalah*).  editlah  htmlnya dan tambahkan kode berikut setelah kode <head>

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

Save template dan selesai

Pasang Facebook Like dan twetter  atau jejaring sosial lainnya di tiap posting blog agar blog  kita lebih terkenal, tips berikut ini dengan contoh seperti di

1. login ke Blogger
2. pilih Rancangan kemudian jangan lupa klik Edit html
3. pada kotak centang expand widget
4. kemudian cari kode ini <div class='post-header-line-1'/> kalo tidak ketemu bisa juga cari kode ini <data:post.body/>
5. untuk kode <div class='post-header-line-1'/> kode script letakan diatasnya sedangkan bila menggunakan <data:post.body/> letakan setelahnya.
Nich kode scriptnya :

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ebcec7b0e99b27e"></script>
<!-- AddThis Button END -->

lalu save template,dan jadi deh...!

0 comments:

Post a Comment

Gajah mati boleh meninggalkan gading, Harimau mati meninggalkan belang,Tetapi janganlah Anda pergi dengan meninggalkan SPAM komentarlah yang baik secara otomatis anda akan mendapatkan backlink dari link komentar Dofollow saya !

BackLink

BackLink !!!!