728x90 AdSpace

HEADLINE NEWS

23 September 2010

Hack Template Blogspot Agar SEO Friendly merupakan ide saya dalam postingan kali ini. banyak yang bertanya bagaimana cara membuat blog agar seo friendly, salah satu pendukungnnya adalah template. dengan template yang SEO friendly, maka pendukung agar blog tersebut mendapatkan posisi terbaik di serp semakin terbuka lebar. namun hal ini juga tidak menjadi senjata, karena konten juga berpengaruh terhadap SEO yang di terapkan. setelah pada posting sebelumnya saya posting mengenai 10 teknik SEO yang wajib diterapkan dan blogger template SEO friendly, kali ini saya akan memaparkan bagaimana cara hack template blogspot agar SEO friendly guna menjawab pertanyaan beberapa sobat blogger yang menanyakan hal tersebut melalui email dan ym.
Tag heading menentukan urutan yang lebih penting saat google mengindeks halaman blog. Berurutan dari yang terpenting menggunakan tag h1 dan seterusnya hingga tag h6. Hal ini dapat digunakan untuk menguatkan postingan kita langsung di search engine. Caranya adalah dengan memberi tag h1 untuk judul postingan. Namun, jika Anda melakukannya secara tidak teliti bisa jadi malah justru akan terjadi multiple tag h1 pada halaman Anda.
Saya sendiri berada pada kelompok orang yang setuju jika tag h1 ganda pada satu halaman akan membuat index google buruk. Saya pernah mencobanya dengan mengganti tag judul postingan menjadi h1, sementara tag judul blog juga h1 tanpa saya rubah. Ajaib, data index saya di webmaster tools bertanda silang merah. Dan posisi saya di google jauh dari yang diharapkan dan bahkan masuk posisi terbelakang.

Bagaimanakah solusi dari permasalahan tersebut?
Hack template blogspot agar seo friendly, Sebagian blogger memilih tag h1 tetap untuk judul blog sebagaimana standard aslinya. mereka mengganti tag judul postingan dari h3 ke h2. Membuat judul postingan satu list lebih penting. Namun, bagi Anda yang tetap ingin tetap menggunakan tag h1 untuk judul postingan Anda agar benar-benar menguatkan index ke postingan Anda? Anda bisa ikuti trik berikut :
  • Login Blogger
  • Tata Letak
  • EDIT HTML
  • Centang Expand Template Widget
Manipulasi Tag Heading Judul Postingan
Cari kode berikut 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 kode diatas dengan semua kode dibawah 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>
Manipulasi Tag Heading Judul Blog
Cari kode dibawah ini :
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
Ganti kode diatas dengan semua kode dibawah 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>
Lalu cari kode berikut ini :
<h1 class='title'>
      <b:include name='title'/>
    </h1>
Ganti semua kode diatas dengan kode dibawah 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>
Tahap terakhir, set CSS blog sobat
Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang mirip karena tidak semua template memiliki kode yang sama.
.post h3 {
    ..................................
    }

    .post h3 a, .post h3 a:visited{
     ..................................................
    }

    .post h3 a:hover {
    ....................................
    }
Ganti kode diatas dengan kode dibawah 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;
    }
Catatan : Jika tidak berhasil/terjadi galat, cukup ganti kode H3-nya saja
Satu langkah lagi, silakan untuk mencari kode CSS judul blog. cari yang mirip dengan kode dibawah ini, sesuaikan saja, karena kode setiap template berbeda-beda.
#header h1 {
    ............................
    }
Ganti kode diatas dengan kode dibawah ini :
#header h1, #header p {
      margin:5px 5px 0;
      padding:15px 20px .25em;
      line-height:1.2em;
      text-transform:uppercase;
      letter-spacing:.2em;
      font: $pagetitlefont;
    }
Jika semuanya telah dilakukan dengan benar, segera simpan template Anda. Jika ingin melihat trik aslinya, silahkan untuk mengunjungi http://deconstructioncode.blogspot.com. Sekarang di halaman index Anda, halaman utama blog, judul blog memiki tag h1 dan judul postingan bukan tag h1. Sementara ketika google index halaman postingan Anda, judul postingan otomatis berubah ke tag h1 dan judul blog tidak lagi menggunakan tag h1. Alhasil, tidak ada lagi tag h1 ganda yang akan menimbulkan kekhawatiran untuk peringkat Anda....
Disarankan agar menggunakan Blogger Template SEO Friendly.
Sumber : http://www.masdoyok.co.cc

----Semoga bermanfaat----
Asrizal Wahdan Wilsa

Memulai Blogging sejak tahun 2009 hingga sekarang. Aktif di bidang musik yang dinaungi salah satu label musik di Kota Bandung. Saat ini fokus melanjutkan kuliah ke jenjang S2 di Universitas Negeri Semarang (UNNES). Website: Sharing Media - Info Tips dan Trik Terbaru

  • Blogger Comments
  • Facebook Comments

6 komentar:

  1. bermanfaat sekali tutorialnya .... bisa jadi lebih seo friendly templatenya

    BalasHapus
  2. hack template, ntar laen x ku coba sob

    BalasHapus
  3. makasih bwat info'a,

    tambah ilmu hheehe

    BalasHapus
  4. secangkir kopi untuk tips nya :)

    BalasHapus
  5. aman gak nih buat adsanse kakak? trims :a:

    BalasHapus

Berkomentarlah dengan bijak, relevan dengan artikel, komentar spam dan promosi akan kami hapus, terimakasih.

Kami akan menjawab komentar anda secepat mungkin, opsi lain silakan berkomentar di halaman facebook/melalui twitter kami.

Item Reviewed: Hack Template Blogspot Agar SEO Friendly Description: Rating: 5 Reviewed By: Asrizal Wahdan Wilsa
Scroll to Top