Optimasi Tag h1 Menjadi Judul Posting

Optimasi Tag h1 Menjadi Judul Posting – Dalam susunan Tag Heading pada HTML di ketahui memiliki beberapa level seperti, h1, h2, h3, h4, h5, h6.
Semakin kecil angka Ta g Heading tersebut, semakin penting juga di mata Search Engine, karena kabarnya Search Engine lebih condong dekat dengan h1.

Tapi dalam template Default biasanya memiliki struktur Tag heading h1 pada judul blog, h2 pada widget, h3 pada judul posting.
Nah diartikel ini saya akan menjelaskan bagaimana Merubah Judul posting menjadi Tag h1 di halaman posting, dan menjadi Tag h2 di home page.
Kata master SEO si itu bisa membuat google semakin dekat dengan blog anda

Optimasi Tag h1 Menjadi Judul Posting
1. Login ke Blog – Rancangan – Edit HTML
2. Centang  “Expand Widget Template”
3. Cari kode

<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>

4. Ganti kode diatas dengan kode

<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<b:if cond=’data:post.title’>
<h2 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>
</h2>
</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>

5. Setelah itu cari kode

<h1 class=’title’ style=’background: transparent; border-width: 0px’>
<b:include name=’title’/>
</h1>

6. Ganti lagi dengan kode berikut:

<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<h1 class=’title’ style=’background: transparent; border-width: 0px’>
<b:include name=’title’/>
</h1>
<b:else/>
<p class=’title’ style=’background: transparent; border-width: 0px’>
<b:include name=’title’/>
</p>
</b:if>
7. Sabar dulu sob, masih belum selesai

Cari kode

 <h1 class=’title’>
<b:include name=’title’/>
</h1>
8. Ganti lagi dengan kode

 <b:if cond=’data:blog.pageType != &quot;item&quot;’>
<h1 class=’title’>
<b:include name=’title’>
</b:include></h1>
<b:else>
<div class=’title’ style=’font-size: 26px; font-weight: bold; letter-spacing: -1px; line-height: normal; margin: 5px 5px 0pt; padding: 15px 20px 3px 0pt;’>
<b:include name=’title’>
</b:include></div>
</b:else></b:if>
9. Agar sesuai ukurannya
Cari lagi kode yang mirip
.post h3 {
    color: #333333;
    font-size: 16px;
    font-family: Tahoma, Arial, Verdana;
    font-weight: normal;
    text-decoration: none;
    margin: 0 0 5px;
    padding: 10px 0 0;
}
.post h3 a, #content h1 a:visited {
    color: #333333;
    font-size: 22px;
        font-weight: normal;
    margin: 0 0 5px;
    padding: 10px 0 0;
}
.post h3 a:hover {
    color: #CF152A;
    text-decoration: none;
}
10. Ganti dengan kode
.post h1, .post h2 {
color:$titlecolor;
font-size: 160%;
font-weight: normal;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 4px;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong {
color:$titlecolor;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h1 strong, .post h1 a:hover,.post h2 strong, .post h2 a:hover {
color: #333333;
}
SAVE

Untuk blog WordPress silahkan baca artikel Mengganti Tittle Tag WordPress agar SEO

Note : Nah Supaya lebih optimal, ganti tag heading pada widget anda yang biasanya Tag h2 menjadi Tag h3.
Untuk menggantinya, silahkan baca Merubah Tag Heading Pada Sidebar.

16 Comments

  1. mas kode ini nggk ketemu
    .post h3 {
    color: #333333;
    font-size: 16px;
    font-family: Tahoma, Arial, Verdana;
    font-weight: normal;
    text-decoration: none;
    margin: 0 0 5px;
    padding: 10px 0 0;
    }
    .post h3 a, #content h1 a:visited {
    color: #333333;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px 0 0;
    }
    .post h3 a:hover {
    color: #CF152A;
    text-decoration: none;

    kalo nggak dipasang apakah ngaruh dengan seonya ????

  2. maaf mas
    bukannya tag h1 itu hanya boleh ada 1 di blog, yaitu judul (nama) blog?
    mungkin lebih baik tag h2 dikasih judul postingan aja
    gimana yang benar ya mas?
    mohon bimbingan nya
    Thanks

Tinggalkan Balasan ke gustilubis Batalkan balasan

Alamat email Anda tidak akan dipublikasikan.


*