CARA MEMBUAT BLOGSPOT SEO FRIENDLY

Post kali ini sy akan membongkar Tag Heading Post dan Header dr sang Master SEO yang mempunyai PR 4 n Link Popularyti 50 Ribuan agar template blogspot kita sangat seo friendly

Modifikasi trik tag h1 di jabarkan seperti ini: jika blog anda pada posisi home page maka title blog atau judul blog memiliki atribut tag h1 dan posting memiliki atribut h2 sedangkan seidbar dan lainnya mengikuti. Jika anda masuk dalam sebuah artikel maka perubahan tag dimulai header anda menjadi no atribut tag h1 sebab secara otomatis tag h1 di pakai title posting. Dari modifikasi ini maka pastinya judul artikel anda menjadi lebih utama di bandingkan title blog anda, tetapi title blog anda tidak akan kehilangan eksistensi tag h1.

Langkah pertama Modifikasi Header:

 <h1 class='title' style='background: transparent; border-width: 0px'>
       <b:include name='title'/>
    </h1>

Jika sudah ganti dengan kode berikut ini:

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
    <b:else/>
              <p class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </p>
    </b:if>

Kemudian cari kode berikut ini:

    <h1 class='title'>
    <b:include name='title'/>
    </h1>

Ubah dengan kode ini:

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <h1 class='title'>
    <b:include name='title'/>
    </h1>
    <b:else/>
    <p class='title'>
    <b:include name='title'/>
    </p>
    </b:if>

    Langkah kedua modifikasi pada posting:

    Cari kode 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 dengan kode ini:

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.title'>
    <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>
    </b:if>
    <b:else/>
    <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>

Langkah ketiga sesuaikan CSS:

Cari koode ini:

    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:$titlecolor;
    }

    .post h3 a, .post h3 a:visited, .post h3 strong {
    display:block;
    text-decoration:none;
    color:$titlecolor;
    font-weight:normal;
    }
    .post h3 strong, .post h3 a:hover {
    color:$textcolor;
    }

Code css post setiap template berbeda jadi lihat code .post anda dan rubah menjadi seperti ini:

    .post h1, .post h2 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:$titlecolor;
    }

    .post h1 a, .post h1 a:visited, .post h1 strong,  .post h2 a, .post h2 a:visited, .post h2 strong{
    display:block;
    text-decoration:none;
    color:$titlecolor;
    font-weight:normal;
    }

    .post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
    color:$textcolor;
    }

Cari kode ini css header:

    #header h1 {
    margin:5px 5px 0;
    padding:15px 20px .25em;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: $pagetitlefont;
    }

Ganti kode tersebut menjadi:

    #header h1, #header p {
    margin:5px 5px 0;
    padding:15px 20px .25em;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: $pagetitlefont;
    }

Pada kode css pada setiap template tidak sama dan yang paling terpenting adalah bagaimana anda mengetahui code css posting dan code css header sehingga anda nanti mengetahui cara modifikasi code css agar sama dan rapi.

Ranking: 5

Judul: CARA MEMBUAT BLOGSPOT SEO FRIENDLY
Rating: 100% out of 100% based on 100000 ratings. 100000 user reviews.
Ditulis Oleh Seo Blogger
Terima Kasih Atas Kunjungan Anda...

Artikel Terkait :