thumbnail
Blogging SEO tutorial

Cara SEO Agar Title Dengan Gambar Terdeteksi H1 (Lanjutan)

Cara SEO Agar Title Dengan Gambar Terdeteksi H1 (Lanjutan)

Cara SEO Agar Title Dengan Gambar Terdeteksi H1

Cara SEO Agar Title Dengan Gambar Terdeteksi H1 | Ini merupakan artikel lanjutan dari Cara SEO Agar Title Dengan Gambar Terdeteksi H1 pada artikel sebelumnya tentang bagaimana membuat template blogspot menjadi lebih SEO friendly di mata google search engine.

Setelah membaca artikel sebelumnya tentang Cara SEO Agar Title Dengan Gambar Terdeteksi H1 pastinya anda akan menemui beberapa masalah, contohnya pada halaman postingan anda akan mengalami masalah yaitu terdeteksinya H1 lebih dari satu. Jika kita mengeceknya di chkme.com tentu kita akan mendapatkan peringatan, walaupun itu sebenarnya tidak masalah selama tag heading 1 tidak lebih dari 2.

Bagi saya hal itu merupakan masalah yang mungkin agak serius. Ibaratkan jika kita mempunyai kepala lebih 1 apa yang akan terjadi pada orang-orang yang kita temui dijalan? Hahahaha,, (khayalan terlalu mustahil) ^_^ , tentunya orang-orang akan terkejut dan bingung, bukan?

Demikian juga search engine, apalagi Google yang selalu dan sering saja mengeluarkan pembaharuan-pembaharuan setiap saat dengan algoritma-algoritmanya yang konon katanya sangat ketat. Ambil contoh : Panda, Pinguin, dan lain-lainnya.

Pada artikel ini saya akan mencoba mengembangkan sedikit artikel sebelumnya dengan judul yang sama, walaupun saya bukan pakar dibidang ini, namun bagi saya tidak ada rotan akarpun jadi, hahahhaha...

Cara SEO Agar Title Dengan Gambar Terdeteksi H1 (Lanjutan)

Langsung saja, jika anda pernah menyimak artikel sebelumnya tentang cara agar title terdeteksi H1 di blogspot, tinggal menambahkan saja sedikit. Mudah, bukan?

Pada tutorial sebelumnya sudah dijelaskan caranya seperti berikut,

1. Silahkan cari kode di bawah berikut ini (cara mudahnya dengan cntrl+F, cari <div id='header-inner'>, namun pastikan kursor berada dalam area edit HTML):

<img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>

Biasanya didalam <div id='header-inner'>

2. Kemudian tambahkan <h1> didepan dan penutup </h1> dibelakang pada kode di atas, sehingga lengkapnya menjadi seperti di bawah ini:

<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <h1><img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/></h1>
        </a>

Selesai.

Jika anda menerapkan artikel modifikasi heading blog agar lebih SEO, maka anda akan menemui masalah H1 lebih dari 1. Dan pemecahan masalahnya versi saya adalah sebagai berikut.

1. Silahkan cari kode di bawah berikut ini (cara mudahnya dengan cntrl+F, cari <div id='header-inner'>, namun pastikan kursor berada dalam area edit HTML):

<img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>

Biasanya didalam <div id='header-inner'>

2. Kemudian tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> sebelum <a expr:href='data:blog.homepageUrl' style='display: block'> dan kode <h1> didepan dan penutup </h1> dibelakang pada kode di atas, sehingga lengkapnya menjadi seperti di bawah ini:

<div id='header-inner'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <h1><img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/></h1>
        </a>
</b:if>

3. Agar tidak terjadi masalah di halaman postingan tambahkan lagi kode berikut di bawah kode di atas.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <h2><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:title='data:title' expr:width='data:width' style='display: block'/></h2>
        </a>
</b:if>

jadi versi lengkapnya adalah sebagai berikut.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:title='data:title' expr:width='data:width' style='display: block'/></h1>
        </a>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <h2><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:title='data:title' expr:width='data:width' style='display: block'/></h2>
        </a>
</b:if>

Selesai. ^_^

Mungkin cukup sekian tutorial lanjutan Cara SEO Agar Title Dengan Gambar Terdeteksi H1, semoga bisa bermanfaat. Terima kasih telah membaca artikel ini dan jangan lupa baca artikel menarik lainnya ;)

Cara SEO Agar Title Dengan Gambar Terdeteksi H1 (Lanjutan)