Title & Heading Tag SEO Friendly untuk Blogger - Agar Blog Banyak Pengunjung

Baca Juga

Mengganti kode title tag dan heading tag sangat penting untuk Pengoptimalan Mesin Pencari (SEO).

Penerapan kode judul blog dan mengatur heading tag judul postingan di halaman depan dan halaman dalam (single post) dimaksudkan agar konten blog kita muda dan cepat terindeks mesin pencari, khususnya Google.

Title Tag adalah judul atau nama blog dan deskripsi singkatnya. Title tag ini akan dikenali Google saat melakukan perambahan (crawling) dan indexing untuk menentukan peringkat di halaman hasil pencarian (SERP).

Kode heading tag berikut ini akan mengatur heading judul (title post) halaman depan menjadi H2 dan judul artikel di halaman dalam menjadi H1. Ini untuk mempercepat indeks Google sehingga tampil di halaman depan dan blog banyak pengunjung.

Tips SEO tentang Title Tag dan Heading Tags berikut ini berlaku khususnya untuk blogger pengguna template bawaan Blogger. Template Premium biasanya sudah dioptimalkan Title Tag dan Heading Tagnya.

Cara Memasang Title & Heading Tags SEO Friendly

Cara Memasang Title Tags

1. Tema > Edit HTML
2. Temukan kode berikut ini:

<title><data:blog.pageTitle/></title>

3. Hapus kode tersebut dan ganti dengan kode title tags SEO Friendly berikut ini:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> | Your Blog Description Here</title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Ganti kata-kata warna merah dengan kata-kata Anda sendiri, misalnya Blog tentang Internet dan Media Sosial.

4. Save!

Cara Memasang Title Tags

1. Tema > Edit HTML
2. Temukan kode berikut ini:

<a expr:name='data:post.id'/>
<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>

3. Hapus kode tersebut dan ganti dengan Heading Tags SEO Friendly berikut ini:

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 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>
</h1>
</b:if>
<b:else/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 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>
</h2>
</b:if>
</b:if>

4. Save! Simpan template.

Jika ukuran huruf judul depan dan dalam mengalami perubahan, maka ganti semua kode h3.post-title dengan h1.post-tile

Atur ukuran hurufnya di dengan menyimpan kode berikut ini di atas kode ]]></b:skin>

h2.post-tile {font:20px;margin:5px 0}
h1.post-title {font:25px;margin:5px 0}

Demikian Title & Heading Tag SEO Friendly untuk Blogger - Agar Blog Banyak Pengunjung. Good Luck & Happy Blogging! (www.contohblog.com).*