Membuat tag heading menjadi seo friendly

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Jangan lupa backup dulu template anda sebelum melakukan perubahan.

4.    Cari kode seperti dibawah ini :
        <!--No header image -->
        <div id='header-inner'>
        <div class='titlewrapper'>
        <h1 class='title'>
        <b:include name='title'/>
        </h1>
        </div>
        <b:include name='description'/>
        </div>

5.   Kemudian ganti dengan kode 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:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include name='title'/>
<b:else/>
<data:blog.pageName/>
</b:if>
    </h1>
    <b:else/>
    <p class='title'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include name='title'/>
<b:else/>
<data:blog.pageName/>
</b:if>
    </p>
    </b:if>
    </div>
    <b:include name='description'/>
    </div>

6.   Selanjutnya cari lagi kode seperti dibawah 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/>
        <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>

7.   Dan ganti dengan kode berikut ini :


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

Kemudian Pastekan Kode beerikut di atas ]]></b:skin>

        #header h1{
        font-size: 20px;
        color: #666666;
        }
        #header h1 a{
        text-align:left
        }

        P.title {
        font-size: 26px;
        color: #666666;
        }
        P.title a{
        text-align:left
        }

8.   Selanjutnya cari kode dibawah ini :
<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>
Seharusnya judul/title posting menggunakan tag h2, jadi ubahlah tag h3 diatas, menjadi h2. Jika pada templatemu sudah menggunakan tag h2, biarkan saja(gak usah dirubah).

9.    Lanjutkan cari lagi kode dibawah ini
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
        </h3>
Sama seperti diatas tadi, ganti tag h3 menjadi h2.

10.    Lalu cari kode Gadget/widget seperti dibawah ini :
<!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
Ubah tag h2 menjadi h3, mungkin masing-masing template memiliki widget yang banyak atau sedikit, jika ada 4 widget maka kode tersebut akan ada 4, maka cari ke-4 kode gadget tersebut dan ganti semuanya dengan h3.

Jangan lupa juga untuk mengatur CSS agar sesuai dengan yang telah di rubah di atas.
Misal : Cari kode css .post h3, .post h3 a, .post h3 a:visited, .post h3 a:hover. Rubah juga h3 menjadi h2.  dan .sidebar h2  rubah menjadi h3. yaitu menyesuaikan dengan tag yang telah dirubah tadi.

Membuat tag heading menjadi seo friendly

Posted by: Risalahati Dedic Ahmad Updated at: 21:38