Tempat belajar blogspot

Cara Optimalisasi Heading Tags Judul Blogspot SEO Friendly


Optimalisasi Heading Tags Judul Blogspot SEO Friendly

Heading tags bukanlah tags yang digunakan untuk membuat huruf - huruf menjadi lebih besar, tetapi heading tags memiliki fungsi yang bermanfaat untuk kualitas konten di mata robot mesin pencari. Artikel ini akan membahas mengenai "Optimalisasi Heading Tags" untuk template platform Blogger. Tentunya kita yang ingin melakukan optimalisasi pada heading tags judul artikel dan judul blog pasti mengerti fungsi dari heading tags tersebut kan? Sebetulnya ini sebuah trik untuk menukar heading tags khususnya heading tags H1 pada judul blog dan judul artikel, dimana kita tahu dalam SEO yang baik pada setiap halaman wajib memiliki satu buah heading tags H1 dan heading tags H1 tersebut terdapat pada judul.

Mungkin kita pengguna platform Blogger pernah berpikir seperti ini, "kalau disebuah halaman artikel atau postingan, yang harus menggunakan H1 itu yang mana ya? Judul blog atau judul artikel?". Menurut saya itu pertanyaan yang sangat bagus, karena kita tahu dalam template Blogger umunya hanya judul blog saja yang menggunakan tag H1 sedangkan judul artikel menggunakan tag H3 atau bisa juga tag H2.

Tapi perlu kita ketahui bahwa dalam dunia SEO heading tags H1 memiliki prioritas lebih tinggi dari sebuah kalimat deskripsi atau isi artikel, dan setidaknya bisa sedikit membayangkan cara orang lain atau bahkan kita sendiri dalam mencari sebuah informasi seperti gimana.
Pencarian sebuah informasi umum atau spesifik mayoritas orang akan mencari langsung dengan menggunakan keyword, sangat jarang sekali pencarian langsung menggunakan judul sebuah halaman blog atau website terkecuali blog atau website tersebut sudah terkenal sebagai gudang informasi. Inilah hal yang perlu diperhatikan yaitu cara membuat judul artikel blog diprioritaskan oleh mesin pencari dengan menempatkan tag H1 pada judul artikel, dengan tujuan untuk memudahkan judul artikel kita mengenai keyword yang diketikan oleh calon pembaca.

INGAT UNTUK MELAKUKAN BACKUP TEMPLATE TERLEBIH DAHULU SEBELUM MELAKUKAN PERUBAHAN.
DWYOR (Do With Your Own Risk), KEGAGALAN ATAU KESALAHAN YANG TERJADI ADALAH TANGGUNG JAWAB MASING - MASING PEMILIK BLOGSPOT.

Beberapa hal yang wajib diketahui sebelum mencoba cara optimalisasi judul ini.
  • Langkah - langkah dibawah ini sebatas perubahan struktur kode HTML untuk date header, judul blog, dan judul artikel agar lebih optimal di mata robot mesin pencari.
  • Penerapan CSS sangat di wajibkan, dikarenakan perubahan struktur kode HTML pada heading tags.
    Contoh apabila sebelumnya menggunakan heading tags H3 atau H4 maka selektor CSS harus disesuaikan dengan heading tags yang diperbarui.
Baca juga : Apa itu CSS Syntax dan Selector

Mengubah heading tags date header

Date header secara default memiliki heading tags, kita tahu bahwa sebuah heading tags sangatlah penting dalam SEO dengan catatan penggunaan yang tepat. Date header yang hanya menampilkan sebuah informasi tanggal publikasi artikel seharusnya tidak diwajibkan harus menggunakan heading tags, cukup menggunakan div saja karena terlalu banyak heading tags pada sebuah halaman juga tidak baik untuk SEO. Cara mengganti heading tags pada date header bisa dilakukan dengan mencari kode dibawah ini.

class='date-header'

Mungkin kita akan menemukan lebih dari satu atau bahkan sampai tiga kali, tidak masalah itu tergantung template blogspot kita.
Apabila pada kode tersebut menggunakan heading tags H1 atau H2 atau H3 dan seterusnya, kita harus mengganti heading tags tersebut menjadi div dan tentunya tag penutup pun juga harus menggunakan /div.
Lebih jelasnya bisa dilihat pada kotak kode dibawah ini.

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

Memberi conditional tag pada heading tags judul blog

Heading tags untuk judul pada widget header secara default adalah tag H1. Pada tahap ini kita memberikan conditional tag atau tag kondisional, yang berarti kode di dalam tag kondisional tersebut hanya berlaku sesuai kondisi yang telah ditentukan. Fungsi utama dari kode ini adalah merubah heading tags judul halaman blog pada widget header menjadi tag "p" pada saat di halaman artikel dan sebaliknya jika pada halaman beranda yang menampilkan daftar postingan maka heading tags judul blog pada widget header akan kembali menjadi tag H1.

Cari kode dibawah ini, kode dibawah ini harusnya terletak di dalam widget header dan kode ini bisa kita temukan sebanyak dua kali
<h1 class='title' style='background: transparent; border-width: 0px'>
  <b:include name='title'/>
</h1>

Ganti kode tersebut dengan kode dibawah ini, apabila menemukan dua kali maka ganti semua kode tersebut.
<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>

Masih pada poin heading tags untuk judul blog, cari lagi kode dibawah ini dan lokasi kode ini juga masih di dalam widget header.
<h1 class='title'>
  <b:include name='title'/>
</h1>

Kemudian ganti kode diatas menggunakan 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>

Memberi conditional tag pada heading tags judul artikel blog

Cari kode dibawah ini untuk memberi tag kondisional di judul artikel blog, kode dibawah ini akan ditemukan lebih dari satu kali.
Untuk mempermudah pencarian gunakan kode ini class='post-title entry-title' sebagai keyword pencarian dan penampakan susunan kode standart template blogger tersebut kurang lebih seperti dibawah ini.
(untuk mempermudah mengenali mana yang kode pertama dan kode kedua, perhatikan perbedaan pada kode yang memiliki tanda tanya "?" seperti "data:post.link ? data:post.link" itu adalah kode kedua.)

Langkah untuk kode pertama

Kode standart template blogger yang pertama.
<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>

Ganti kode ditas dengan 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' expr:title='data:post.title' ><data:post.title/></a>
          <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
            <b:else/>
          <a expr:href='data:post.link' expr:title='data:post.title' ><data:post.title/></a>
       </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' expr:title='data:post.title' ><data:post.title/></a>
        <b:else/>
          <b:if cond='data:post.url'>
            <a expr:href='data:post.link' expr:title='data:post.title' ><data:post.title/></a>
          <b:else/>
        <a expr:href='data:post.link' expr:title='data:post.title' ><data:post.title/></a>
      </b:if>
    </b:if>
  </h1>
</b:if>

Langkah untuk kode kedua

Kode standart template blogger yang kedua.
<b:if cond='data:post.title'>
  <h2 class='post-title entry-title'>
    <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
      <a expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title'><data:post.title/></a>
    <b:else/>
      <a expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title'><data:post.title/></a>
    </b:if>
  </h2>
</b:if>

Ganti kode ditas dengan 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 or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title' ><data:post.title/></a>
          <b:else/>
        <a expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title' ><data:post.title/></a>
      </b:if>
    </h2>
  </b:if>
<b:else/>
  <h1 class='post-title entry-title' >
    <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
      <a expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title' ><data:post.title/></a>
        <b:else/>
      <a expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title' ><data:post.title/></a>
    </b:if>
  </h1>
</b:if>

Cara memastikan optimalisasi heading tags tersebut berjalan

Kita bisa membuka halaman blogspot kita sendiri kemudian lakukan inspect page pada judul blog atau judul pada postingan artikel, pada saat di beranda seharusnya heading tags untuk judul postingan artikel adalah H2 dan sebaliknya pada saat di halaman postingan artikel maka heading tags untuk judul artikel adalah H1. Perubahan tersebut juga berlaku untuk heading tags pada judul blog.

Berikut beberapa contoh screenshot hasil optimalisasi heading tags pada judul blog dan judul artikel blogspot.


Gambar diatas menunjukan pada halaman artikel, heading tags pada judul artikel adalah H1.


Gambar diatas menunjukan pada halaman beranda atau index, heading tags pada judul artikel menggunakan H2.


Gambar diatas menunjukan pada halaman beranda atau index, heading tags pada judul blog menggunakan H1.


Gambar diatas menunjukan pada halaman artikel, pada judul blog menggunakan tag p.

Sampai disini dulu informasi seputar cara membuat judul artikel dan judul blogspot lebih mudah terindex oleh Google, tapi jangan lupa untuk tetap melakukan update atau pembaruan konten agar tidak sampai Google mengabaikan halaman blog kita karena jarang melakukan update konten.

Artikel ini ditulis oleh :
Perbloggeran

No comments:

Post a Comment

1. Berkomentarlah dengan sopan.
2. Berdiskusilah dengan bijak.
3. Dilarang SPAM.
4. Dilarang SARA.
5. Dilarang menuliskan tautan link.

Featured Post

Apa itu CSS Syntax dan Selector

CSS ( Cascading Style Sheet ) sudah dijelaskan mengenai pengertian CSS pada artikel sebelumnya Apa itu CSS , namun pada artikel yang sekara...