Optimasi Tag Heading Pada Judul Postingan Blog

Selain menjalankan mengembangkan secara maksimal pada keyword dan meta tag, mengembangkan secara maksimal pada heading judul artikel di SEO On Page. Hal ini menjadi krusial bagi suatu postingan agar sanggup maksimal dalam SEO On Page alasannya yakni search engine membaca struktur heading pada suatu web atau blog, Heading yang paling utama atau yang disebut H1 menginformasikan terhadap search engine wacana gunjingan utama dari suatu halaman.

Optimasi Tag Heading Judul Artikel

Mengapa kita perlu menjalankan optimasi tag heading pada judul postingan blog, utamanya blogger atau blogspot? Karena secara default, pada setiap halaman yang ada di blog dengan engine blogspot memakai heading H1 untuk nama blog, sedangkan judul postingan "hanya" dikasih takaran selaku H3. Hal ini bukanlah suatu duduk kasus bila halaman yang ditampilkan yakni halaman utama atau home page, namun bila halaman yang ditampilkan yakni halaman wacana suatu postingan hal ini sanggup menjadi kurang baik untuk mengembangkan secara maksimal on page kita.


Kaprikornus yang hendak kita laksanakan untuk optimasi tag heading judul postingan blog adalah:

H1 pada home page yakni judul blog, sedangkan pada halaman postingan atau posting, H1 kita set ke judul tersebut dan mengganti judul blog ke H2 agar tidak terdapat dobel H1 pada heading halaman blog kita.

Ya sudah, eksklusif saja kita laksanakan penyesuaian untuk optimasi tag heading pada judul artikel. Ikuti langkah2 di bawah ini:

• Seperti biasa, login dan menuju ke Rancangan, Edit HTML dan jangan lupa centang Expand Template Widget. Jangan lupa juga untuk memback up template teman dekat untuk jaga2.
• Cari isyarat berikut pada template teman dekat :
  

      <div id="header-inner">
    <div class="titlewrapper">
    <h1 class="title">
    <b:include name="title">
    </b:include></h1>
    </div>
    <b:include name="description">
    </b:include></div>

  
  Jika telah ketemu, ganti dengan isyarat berikut ini:
     

  <!--No header image -->
    <div id='header-inner'>
    <div class='titlewrapper'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <H1 class='title'>
    <b:include name='title'/>
    </H1>
    <b:else/>
    <p class='title'>
    <b:include name='title'/>
    </p>
    </b:if>
    </div>
    <b:include name='description'/>
    </div>

  
  
• Langkah di atas telah ialah salah satu point dari optimasi tag heading h1, namun itu cuma untuk judul blog. Langkah selanjutnya, kita akan mengganti judul postingan atau posting agar memakai H1 dikala halaman postingan tersebut ditampilkan. Cari isyarat berikut pada template sobat:
  

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

  
  Jika telah ketemu, ganti isyarat tersebut dengan isyarat seumpama di bawah ini:
  

  <b:if cond='data:blog.pageType != &quot;item&quot;'>
<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' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H1>
</b:if>

Sampai di sini teman dekat telah menjalankan tindakan untuk optimasi tag heading pada judul artikel dan bersifat dinamis, namun akan memiliki pengaruh pada berubahnya ukuran font judul blog teman dekat alasannya yakni judul blog dikala tidak di halaman utama memakai style p seumpama yang telah di sebutkan di atas.

Untuk itu, teman dekat perlu menjalankan sedikit penyesuaian lagi yakni dengan cara menyertakan p style pada css template teman dekat dan mesti sama persis dengan style H1 yang ada di template sobat, umpamanya seumpama ini:
#header h1{elemen/ukuran css title blog kamu}
#header h1 a{Disini elemen/ukuran css title blog kamu}

Maka tambahkan css seumpama berikut ini:

P.title {Nah Disini mesti sama dengan elemen/ukuran css title H1 blog}
P.title a{Disini juga mesti sama dengan H1 a judul blog}

Untuk semakin jelasnya kita coba dengan css berikut ini:
Jika css header kau seumpama ini:

#header h1{font-size:23px;font-weight:700;float:left;width:40%;text-shadow:1px 0 #2B4462;letter-spacing:-1px}
#header h1 a{color:#fff;text-decoration:none}

Maka tambahkan dibawahnya dengan isyarat css:

P.title {font-size:23px;font-weight:700;float:left;width:40%;text-shadow:1px 0 #2B4462;letter-spacing:-1px}
P.title a{color:#fff;text-decoration:none}

Kalau telah selesai, silahkan save :) yang perlu dicatat, jangan hingga ada dobel H1 pada tiap halaman blog sobat. Untuk cek heading di blog, teman dekat sanggup gunakan tools di sini

Semoga postingan wacana optimasi tag heading pada judul postingan blog ini bermanfaat. Bagi pengguna WordPress silahkan baca : tag heading dinamis untuk wordpress. Gimana? telah dirubah kah setingan template sobat? Jika kurang paham teman dekat sanggup mengajukan pertanyaan lewat kolom komentar.

Share this post