Cara Ubah Tag H1 dan H2 Dalam Blogspot

As-Salam. Ada blogger yang hadapi masalah apabila blognya terdapat berbilang tag H1 yang merujuk kepada tajuk entri-entri dalam blog di muka hadapan, yang mana sepatutnya ia diberikan tag H2. Ramai blogger berpengalaman dalam SEO mengatakan adalah lebih baik sesebuah blog punyai 1 H1 tag dan berbilang tag H2 atau H3.

H di sini bermaksud header atau kepala atau lebih mudah dikenali sebagai tajuk. Sebuah blog yang baik akan punyai satu tajuk besar (H1) dan beberapa tajuk kecil (H2) dalam satu kategori atau kata kunci yang sama. Dalam blogspot, ada cara mudah untuk berikan tag ini dalam blog (klik sini).

Cara Ubah Tag H1 dan H2 Dalam Blogspot

Jika blog anda yang mempunyai bentuk layout seperti magazine - banyak tajuk kecil dipaparkan pada laman utama, seperti contoh blog ini di laman pemuka - www.hasrulhassan.com, maka anda seharusnya membuat sedikit ubahsuaian pada HTML template blog anda.

Ubahsuaian ini adalah untuk memastikan bahawa apabila blog anda dipaparkan di laman pemuka, ia akan jadikan Tajuk Blog sebagai H1 manakala Tajuk-Tajuk Entri sebagai H2. Dan apabila berada di laman entri, Tajuk Entri menjadi H1 manakala tajuk kecil dalam entri menjadi H2 atau H3 ... mahupun H4 jika ada. Anda boleh cuba ikuti, salin dan gunakan kod HTML yang saya kongsikan ini kepada anda.

<div class='post hentry'> <a expr:name='data:post.id'/> <!-- Tukar H1 tag Tajuk Blog kepada Tajuk Entri bila Entri Dipaparkan --> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.title'> <!-- Untuk H2 tag di paparan utama --> <h2 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.url'><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/> <!-- Untuk H1 tag di paparan entri --> <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'> <span itemprop='itemreviewed'><span itemprop='description'><data:post.title/></span> </span> </b:if> </b:if> </h1> </div> </b:if>

Pastikan anda masukkan kod HTML di atas di tempat yang betul. Cari dan lihat pada div class=post hentry dalam HTML blog anda.

Penambahan kod HTML di atas mungkin berjaya, mungkin tak berjaya, tapi anda boleh cuba kerana percubaan saya lakukan pada blog-blog lain menggunakan template bukan Thesis telah berjaya.

Kalau tidak berjaya, anda boleh dapatkan konsultansi daripada saya, untuk melihat kod HTML blog anda dan lakukan ubahsuai yang diperlukan untuk ubah penetapan tag-tag ini.

Selamat mencuba.