Optimasi Tag Heading Pada Judul Artikel Blog

Selain melaksanakan meningkatkan secara optimal pada keyword dan meta tag, meningkatkan secara optimal pada heading judul artikel di SEO On Page. Hal ini menjadi krusial bagi sebuah artikel semoga sanggup optimal dalam SEO On Page alasannya search engine membaca struktur heading pada suatu web atau blog, Heading yang paling utama atau yang disebut H1 menginformasikan kepada search engine wacana warta utama dari sebuah halaman.

Optimasi Tag Heading Judul Artikel

Mengapa kita perlu melaksanakan optimasi tag heading pada judul artikel blog, terutama blogger atau blogspot? Karena secara default, pada setiap halaman yang ada di blog dengan engine blogspot menggunakan heading H1 untuk nama blog, sedangkan judul artikel "hanya" dikasih porsi sebagai H3. Hal ini bukanlah suatu duduk kasus jikalau halaman yang ditampilkan yakni halaman utama atau home page, tapi jikalau halaman yang ditampilkan yakni halaman wacana suatu artikel hal ini sanggup menjadi kurang baik untuk meningkatkan secara optimal on page kita.


Kaprikornus yang akan kita lakukan untuk optimasi tag heading judul artikel blog adalah:

H1 pada home page yakni judul blog, sedangkan pada halaman artikel atau posting, H1 kita set ke judul tersebut dan merubah judul blog ke H2 supaya tidak terdapat dobel H1 pada heading halaman blog kita.

Ya sudah, pribadi saja kita lakukan modifikasi 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 sahabat untuk jaga2.
• Cari aba-aba diberikut pada template sahabat :
  

      <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 sudah ketemu, ganti dengan aba-aba diberikut 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 sudah merupakan salah satu point dari optimasi tag heading h1, tetapi itu hanya untuk judul blog. Langkah selanjutnya, kita akan merubah judul artikel atau posting supaya menggunakan H1 kadab halaman artikel tersebut ditampilkan. Cari aba-aba diberikut 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 sudah ketemu, ganti aba-aba tersebut dengan aba-aba ibarat 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 sahabat sudah melaksanakan langkah-langkah untuk optimasi tag heading pada judul artikel dan bersifat dinamis, tetapi akan berakibat pada berubahnya ukuran font judul blog sahabat alasannya judul blog kadab tidak di halaman utama menggunakan style p ibarat yang sudah di sebutkan di atas.

Untuk itu, sahabat perlu melaksanakan sedikit modifikasi lagi yaitu dengan cara menambahkan p style pada css template sahabat dan harus sama persis dengan style H1 yang ada di template sobat, misalnya ibarat ini:
#header h1{elemen/ukuran css title blog kamu}
#header h1 a{Disini elemen/ukuran css title blog kamu}

Maka menambahkan css ibarat diberikut ini:

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

Untuk makin jelasnya kita coba dengan css diberikut ini:
Jika css header kau ibarat 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 menambahkan dibawahnya dengan aba-aba 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 sudah selesai, silahkan save :) yang perlu dicatat, jangan hingga ada dobel H1 pada tiap halaman blog sobat. Untuk cek heading di blog, sahabat sanggup gunakan tools di sini

Semoga artikel wacana optimasi tag heading pada judul artikel blog ini berkhasiat. Bagi pengguna WordPress silahkan baca : tag heading dinamis untuk wordpress. Gimana? sudah dirubah kah setingan template sobat? Jika kurang paham sahabat sanggup bertanya melalui kolom komentar.

Advertisement