Optimasi Tag Heading Pada Blogspot

Optimasi Tag Heading Pada Blogspot - Struktur heading pada suatu blog merupakan hal yang cukup penting, heading yang terstruktur akan lebih optimal dalam seo on page. Karena search engine membaca struktur heading pada suatu blog. Tentunya ini akan meningkatkan skor seo pada blog kita.

Sebelumnya cek dahulu struktur heading pada blog anda(gunakan seoquake), baik home page maupun halaman posting. Optimalnya pada home page judul blog h1 dan judul artikel di home page h2. Kemudian pada halaman posting h1 pada judul artikel dan judul blog menggunakan kode <p ....> saja.

Untuk optimasi tag heading pada blogspot, mengubah judul blog dan judul artikel pada home page menjadi h1 dan h2, kemudian <p .....> dan h1 pada halaman posting, berikut caranya saya contohkan pada template default blogger, jika anda tidak menggunakan template default blogger, setelah anda cek tag heading silahkan disesuaikan saja kodenya, dan ganti dengan kode yang saya berikan

Seperti biasa, pertama masuk pada menu template > edit html. Kemudian centang expand template widget.

Cari kode ini (tekan Cntrl+F untuk memudahkan pencarian)

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

Jika anda menemukan dua kode seperti diatas. Cari kode untuk template desktop biasanya yang kedua. Yang pertama kode untuk template mobile. Saya asumsikan anda sudah bisa menemukan kode untuk template desktop, ganti dengan 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 ini

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

Ganti dengan

<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>

Sampai disini anda sudah melakukan optimasi pada judul blog, dengan mengubah judul blog h1 pada home page dan <p .....> pada halaman posting.


Selanjutnya mengubah judul artikel, h1 di home page dan h2 di halaman posting. Cari kode yang seperti 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 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>

Nah, dengan begitu tag heading anda sekarang sudah optimal pada judul blog dan judul artikel. Seperti pada posting sebelumnya tentang menggunakan meta tag dinamis, yang juga merupakan poin dari seo on page. Disini kita juga menggunakan kode <b:if ...> dan <b:else/> untuk pengecualiannya.

Karena tampilan tanggal pada template default blogger menggunakan tag h2 anda perlu mengubahnya, cari kode

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

Ganti dengan

<div class='date-header'><span><data:post.dateHeader/></span></div>

Selesai sudah, hanya tinggal menyesuaikan dengan style cssnya agar tampilan tidak berantakan karena ukuran font.
Kalau pada template default blogger struktur headingnya yaitu pada halaman home page h1 judul blog, h2 tanggal, h3 judul artikel.
Kemudian pada css template anda cari style untuk header dan post title.

Contoh untuk header seperti ini:

.Header h1 { style css anda }

.Header h1 a { style css anda }

Ubah menjadi

.Header h1, .Header p { style css anda }

.Header h1 a, .Header p a { style css anda }

Kemudian pada judul artikel yang sudah berubah menjadi h2 dan h1.
Contoh seperti ini

h3.post-title { style css anda }

Ubah seperti ini

h2.post-title, h1.post-title { style css anda }

Demikian untuk optimasi tag heading pada blogspot sehingga lebih seo friendly, sesuaikan saja kodenya. anda juga bisa melakukan optimasi keyword pada awal paragraf maupun keyword density dan yang lainnya. Jika penjelasan saya kurang bisa dipahami, silahkan bertanya melalui komentar dibawah.