akan memberikan sedikit pengetahuan mengenai cara yang baik dan seo friendly dalam pengaturan tag heading dalam suatu web/blog.
Untuk mencapai posisi tertinggi dalam suatu search engine, yang Anda butuhkan adalah SEO, karena dengan seo tersebut seluruh isi dalam blog akan disenangi dan mendapat perhatian lebih dari search engine. Mulai dari artikel yang Memasang Meta Keyword dan Deskripsi pada Blog, Memasang Rel Canonical pada Web/blog serta beberapa pengaturan lain pada Templete SEO. Kali ini saya akan membahas mengenai pembenahan templete yaitu Cara Baru Mengganti Meta Tag Heading Seo Friendly.
Sebelum Anda sampai pada artikel saya ini, pasti Anda juga sering melihat topik yang sama dengan yang saya terbitkan ini. tetapi setiap kode script yang diberikan terkadang berbeda-beda. Itu memang biasa terjadi, karena struktur kode script dalam setiap templete berbeda-beda. Silahkan simak lebih lanjut mengenai tutorialnya berikut. Tetapi ingat, Simpan / back up dahulu templete dasar Anda untuk menghindari jika nantinya terjadi kesalahan dalam proses perubahannya.
Cara Mengganti Meta Tag Heading Seo Friendly
1. Buka dahulu akun blogspot.com Anda
2. Klik “Templete”
3. Klik “cadangkan/pulihkan” – lalu klik “Unduh”. Cara ini untuk menghindari adanya kesalahan dalam proses, jadi Anda bisa mengembalikan templete seperti semula.
4. setelah selesai, klik “Edit HTML” dan Centang kotak sebelah atas yang bertuliskan “Expand Widget”
5. Mengganti Judul Blog menjadi H1 pada homepage dan H3 pada semua halaman posting
- Cari kode <div class='titlewrapper' ( anda bisa menggunakan CTRL+F pada keyboard, lalu paste kode diatas pada kotek pencariannya.
- Jika ketemu, block kode diatas sampai kode </div>
- Ganti semua kode tersebut dengan Kode dibawah ini:
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h1>
<b:else/>
<h3 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h3>
</b:if>
</div>
Jika dalam templete anda terdapat banyak kode <div class='titlewrapper' , maka ganti semua kode tersebut dengan kode script diatas.
6. Mengubah Meta tag Deskripsi pada blog menjadi H2
- Cari kode <div class='descriptionwrapper'> dan block kode tersebut sampai kode </div>
- kemudian ganti kode yang anda block tersebut dengan kode seperti di bawah ini:
<div class='descriptionwrapper'>
<h2 class='description'><span><data:description/></span></h2>
</div>
Seperti halnya langkah nomor 5, jika terdapat banyak kode <div class='descriptionwrapper'> dalam templete anda, gantilah semuanya
7. Merubah Judul posting artikel Menjadi H1 pada single post dan H3 pada Homepage
Cari Kode <div class='post hentry uncustomized-post-template', kemudian pada beberapa baris dibawahnya, anda akan menemukan kode seperti berikut
<h? class='post-title entry-title' itemprop='name'>
kode,, kode,, kode,,
kode,, kode
kodee,,
</h?>
ganti h? nya dengan h3
( jika sudah h3, biarkan saja tidak perlu diedit
Setelah selesai dengan Cara Baru Mengganti Meta Tag Heading Seo Friendly diatas, selanjutnya adalah sebagai berikut:
Cari kode yang berwarna merah berikut ini, yang diatasnya terdapat kode pada warna biru berikut ini:
<b:includable id='post' var='post'> kode bla...bla...bla...
kode bla...bla...bla... <a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
kode bla...bla...bla...
kode bla...bla...bla...
</h3>
</b:if> <div class='post-header'>
kode bla...bla...bla... <a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
kode bla...bla...bla...
kode bla...bla...bla...
</h3>
</b:if> <div class='post-header'>
Ganti hanya kode yang berwarna merah dengan kode dibawah ini.
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h3 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>
</h3>
</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>
9. Klik “save”
Setelah berhasil, ukuran huruf dalam judul blog, deskripsi dan judul posting anda akan berubah. Disini admin tidak memberikan kode CSS nya disebabkan kode CSS untuk setiap template itu tidak sama, tapi sekedar petunjuk dasar, anda bisa mengatur ukuran tag h1 h2 dan h3 nya sesuai selera pada elemen h1{ h2{ dan h3{
