Cara seo membuat dynamic heading di blog


Salah satu strategi seo terbaik untuk artikel blog anda adalah membuat judul postingan menjadi title blog atau menjadi H1 dalam halaman artikel. Sejauh yang saya pahami dari template blogger, memang team blogger telah menyediakan tags h1, h2, h3, dan h4 dalam elemen html templatenya. Tapi menurut saya tags title tersebut masih mempunyai kelemahan saat artikel blog anda nanti harus bersaing dengan artikel blog lainnya di hasil pencarian google.

Bentuk title tags default html template blogger.

Pada umumnya bentuk tags title di html template blogger anda adalah seperti di bawah ini:

H1: Judul homepage blog anda. Judul beranda blog anda akan selalu tetap jadi H1 di semua halaman posting.

H2: Tanggal publish artikel blog anda. Sangat cocok jika dipergunakan oleh anda yang mempunyai blog bertema berita. Karena pengunjung blog biasanya mencari berita terupdate. Bagaimana jika tema blog anda berisi tentang tutorial atau tips dan trick?. H2 biasanya juga berbentuk judul widget dalam blog anda bagi yang menggunakan add a gadget di layout blogger. Misalkan anda menggunakan popular post, aboutMe, HTML/Javascript dalam add a gadget layout blogger, maka setiap judul yang anda ketik akan menjadi H2 dalam setiap halaman blog.

H3: Judul postingan blog anda. Ini adalah judul artikel blog anda. Setiap judul posting blog anda menjadi H3.

H4: Biasanya merupakan orang yang berkomentar atau name/url dalam halaman artikel blog. Jika anda menyediakan kotak komentar di halaman artikel, maka orang atau link yang berkomantar di blog anda akan diletakkan sebagai H4.

Pahami search engine saat melihat halaman blog.

Jika anda ingin artikel blog bisa bersaing di hasil pencarian google, maka anda harus pahami juga bagaimana google melihat halaman blog anda. Search engine google akan menampilkan link postingan blog anda saat ada pengunjung mengetikkan kata dalam browser mereka. Link yang ditampilkan adalah link yang mempunyai relevansi paling tinggi dari apa yang telah diketikkan user tersebut.

Bagaimana google menilai suatu halaman blog mempunyai relevansi tinggi dengan kata kunci yang diketiikan user. Pertama google melihat judul dari suatu halaman. Berikutnya google melihat deskripsi dan seluruh isi suatu halaman blog. Semakin berkaitan antara judul, deskripsi, dan isi suatu halaman. Maka akan semakin besar kemungkinan google menampilkan halaman tersebut di hasil pencarian.

Selain text dalam halaman, google juga melihat struktur html dalam halaman blog. Sebagai contoh jika anda menggunakan html title tags bawaan dari blogger dengan susunan seperti yang saya sebutkan di atas. Maka judul postingan blog anda akan di letakkan di prioritas nomor 3 (karena judul posting blog adalah h3). Bayangkan jika anda menuliskan judul artikel yang telah banyak dibuat di search engine. Untuk bisa bersaing dengan artikel sejenis dari blog lain, Sudah seharusnya anda membuat judul artikel tersebut adalah prioritas nomor 1 saat dilihat oleh google.

Buat dynamic heading halaman artikel.

Anda sudah membuat artikel original yang berkualitas, deskriptif, informatif, dan bermanfaat buat pengunjung blog anda, tapi artikel blog anda tetap tidak bisa berada di posisi teratas hasil pencarian google. Apa sebabnya?, pemahaman saya mungkin judul artikel blog anda kurang search engine friendly. Sudah seharusnya anda membuat setiap judul halaman artikel blog anda menjadi h1 dan mengganti judul blog hompage menjadi h2. Berikut ini adalah cara membuat semua judul postingan menjadi h1 dalam blog anda.


1. Terlebih dahulu login ke dalam blogger.com dan pilih blog anda.

2. Pada tabs sebelah kiri silahkan pilih Template >> Edit HTML. Akan lebih baik jika anda backup template terlebih dahulu.

3. Hilangkan terlebih dahulu heading tag title h1 di html template blogger anda. Cari kode di bawah ini:

<div id='header-inner'>
  <div class='titlewrapper'>
  <h1 class='title'>
    <b:include name='title'/>
    </h1>
  </div>
  <b:include name='description'/>
</div>

Ganti dengan kode di bawah ini:

<div id='header-inner'>
  <div class='titlewrapper'>
    <b:include name='title'/>
  </div>
  <b:include name='description'/>
</div>

4. Hilangkan heading tag title h1 untuk homepage yang selalu menjadi h1 di semua halaman artikel blog. Cara ini akan membuat heading tag title di homepage menjadi h2 saat berada di halaman artikel. Cari kode berikut:

          <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>

Ganti dengan kode dibawah ini:

    <b:includable id='title'>
  <b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:blog.pageType != "static_page"'>
      <h1 class='title'>
        <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>
          <data:title/>
        </a>
      </h1>
      <b:else/>
      <h2 class='title'>
        <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>
          <data:title/>
        </a>
      </h2>
    </b:if>
    <b:else/>
    <h2 class='title'>
      <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>
        <data:title/>
      </a>
    </h2>
      </b:if>
</b:includable>

5. Langkah berikutnya adalah membuat heading atau judul artikel blog anda menjadi h2 saat di halaman homepage blog dan menjadi h1 saat berada di halaman artikel itu sendiri (otomatis homepage title yang sebelumnya h1 berubah menjadi h2). sebelumnya, saya tekankan untuk jangan mengubah kode apapun yang terdapat di antara kode:

    <b:includable id='mobile-post' var='post'>
dan
</b:includable>

Yang perlu anda lakukan hanya mengganti kode yang tedapat di bawah:

              <b:includable id='post' var='post'>


Beberapa baris di bawah nya akan terdapat kode ini:

    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>

Ganti kode tersebut dengan kode di bawah ini:

<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h2 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>

Jika anda ingin mengubah heading tag untuk tanggal postingan, silahkan cari kode di bawah ini:

        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>

Ganti tulisan h2 di atas dengan h3 atau h4 atau sesuai dengan keinginan anda. Yang terpenting susunan nya adalah h1, h2, h3, dst. Hindari menambahkan heading yang susunannya melompat-lompat. Misalkan h1, h2, tanpa ada h3, kemudian ada h4, h5, dan seterusnya.

Klik Preview terlebih dahulu dan jika tidak di temukan error silahkan klik Save Templete. Seharusnya sekarang heading blog anda sudah dinamis dan tentunya lebih search engine friendly dalam mesin pencari. Untuk mengetahui apakah judul postingan sudah berubah jadi h1, silahkan anda buka halaman artikel manapun dari blog anda. Kemudian tekan Ctrl+U, saat muncul layar tambahan klik di sembarang tempat dari layar tersebut, selanjutnya tekan Ctrl+F dan ketikkan <h1. Sekarang seharusnya anda melihat di layar tambahan tersebut kode di bawah ini:

<h1 class='post-title entry-title' itemprop='name'>
Di sinilah judul artikel blog anda.
</h1>

Lakukan cara yang sama untuk cek halaman homepage blog dan buktikan kalau title homepage berubah menjadi h2 saat berada di halaman postingan. Tolong jangan ragu-ragu untuk bertanya dengan meninggalkan komentar di bawah ini. Segala saran dan masukan dari anda akan sangat membantu saya dan sahabat blogger lainnya.