Mengubah Tag HTML Judul Artikel Template Contempo Blogger Menjadi H1

Mengubah Tag HTML Judul Artikel Template Contempo Blogger Menjadi H1
Langitsaya

Template Contempo memang terlihat bagus dan menarik serta minimalis dengan widget bilang sisi yang tersembunyi. Ditambah letak postingan yang berada tepat di tengah layar membuat tampilan semakin aduh hai. Namun saat saya ingin mengubah warna icon berbagi saya menemukan sesuatu yang fatal pada template contempo ini.

Saya mengurungkan niat untuk mengubah warna icon berbagi dan memilih untuk memperbaiki masalah yang fatal ini. Ya, masalah yang fatal ini adalah template contempo malah menggunakan tag html untuk judul menggunakan tag html <h3>.

Masalah ini benar-benar fatal, menurut pedoman SEO kita di haruskan menggunakan tag html untuk judul yaitu <h1> bukan <h3>. Ini masalah yang serius yang akan mempengaruhi bagaimana mesin pencari memperlakukan blog kita dan menemukan blog kita.

Namun tidak perlu kawatir, saya akan memberikan tutorial bagaimana mengubah tag html untuk judul artikel menjadi <h1>. Caranya cukup mudah, hanya perlu menemukan kode yang menaungi tag html untuk judul artikel dan mengubahnya menjadi <h1>.

Langkah-langkah mengubah tag html untuk judul artikel menjadi h1

  1. Pertama kalian buka menu theme/tema.
  2. Kemudian pilih edit html
  3. Lalu klik pada kolom html dan tekan CTRL+F
  4. Setelah kolom pencarian muncul, kemudian ketikan entry-title
  5. Maka kalian akan menemukan kode kurang lebih seperti ini:
    <h3 class='post-title entry-title'>
       <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
         <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
       <b:else/>
         <data:post.title/>
       </b:if>
     </h3>
  6. Lalu ubah kode <h3> dan </h3> menjadi <h1> dan </h1>. Maka hasilnya seperti di bawah ini:
    <h1 class='post-title entry-title'>
        <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
            <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
        <b:else/>
            <data:post.title/>
        </b:if>
    </h1>
  7. Kemudian klik simpan.
  8. Selesai
Untuk melihat hasilnya, kalian bisa buka halaman blog kalian di browser lalu klik kanan dan pilih inspect element. Kemudian klik anak panah dan arahkan ke judul artikel, maka kamu akan mendapati kode tag html untuk judul artikelmu menjadi <h1>.

Penutup

Kode tag html <h1> untuk judul artikel sangat lah penting karena akan mempengaruhi optimasi SEO On Page blog kita. Banyak para suhu SEO mewajibkan menggunakan kode tag html <h1> untuk judul artikel.

Tidak ada komentar untuk "Mengubah Tag HTML Judul Artikel Template Contempo Blogger Menjadi H1"