Cara Mengubah Judul Posting Blog Menjadi H1 agar Lebih SEO Friendly

Baca Juga

Judul tulisan atau postingan blog hendaknya menggunakan heading tag H1. Hal itu agar judul terindeks Google sebagai elemen terpenting, sehingga kata kunci yang dibidik dapat berhasil di halaman hasil pencarian.

Pengoptimalan Judul Posting Blog agar lebih SEO Friendly dapat dilakukan dengan mengubahnya, atau memastikannya, menggunakan H1. Dalam bahasa Inggris: optimizing Post Title Headline Tags H1.

Heading tag H1 di halaman depan (homepage) adalah judul atau nama blog, sedangkan judul postingn menggunakan H3 atau H2. Saat di halaman dalam (single post), H1 menjadi ada di judul.

Cara Mengubah Judul Posting Blog Menjadi H1

Tahapannya:
1. Temae > Backup your template!
2. Klik  "Edit HTML"
3 Cari kode berikut ini:

class='post hentry'

Akan ditemukan rangkaian kode dimulai dengan <div class='post hentry'> s.d. kode penutup </div>

4. Ganti dengan kode ini:

<div class='post hentry' itemprop='blogPost' itemscope='itemscope'itemtype='http://schema.org/BlogPosting'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>

5. Temukan kode ini:

<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/>
<data:post.title/>
</b:if>
</h3>
</b:if>

atau seperti ini:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<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'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

Ganti dengan kode yang sudah SEO Friendly sebagai berikut:

<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<h2 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
<b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>
<h2 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<data:post.title/>
<b:else/>
<b:if cond='data:post.url'>
<data:post.title/>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>

6. Save your template! You are done!

Akan ada perubahan ukuran dan warna huruf judul. 

Paste kode berikut ini di atas kode  ]]></b:skin>

.post h2 a,.post h2 a:visited, .post h1{
display:block;
text-decoration:none;
color:#242729;
font-family:arial;
font-size:27px;
line-height:36px}
.post h2 a:hover{
color:#828282;
text-decoration:none}

Replace: 242729 with Title color
Replace: 828282 with Title Color when mouse is hovered on it

Save your template and all done!

Demikian Cara Mengubah Judul Posting Blog Menjadi H1 agar Lebih SEO Friendly. Good Luck & Happy Blogging! (www.contohblog.com).*

Sumber