Cara Mudah Membuat Dynamic Heading SEO di Blogger

Dynamic Heading merupakan salah satu tekhnik SEO OnPage yang akan membawa pengaruh besar pada blog...

Dynamic Heading merupakan salah satu tekhnik SEO OnPage yang akan membawa pengaruh besar pada blog Anda dihasil pencarian google. Tekhnik ini berguna untuk memaksimalkan penggunaan Heading Tag H1 baik pada Halaman depan Blog maupun pada Halaman Artikel. Dengan membuat Judul Blog yang dinamis akan membuat Blog Anda semakin SEO Friendly.

Setelah kita memahami mengenai Meta Tags SEO Friendly dan Cara Mengatur Heading Tag H1 H2 H3 H4 H5 dan H6. Maka tekhnik SEO OnPage yang wajib kita ketahui selanjutnya adalah mengenai Dynamic Heading. Karena dengan Optimasi ketiga elemen tersebut, akan membuat blog kita semakin ramah dengan mesin pencarian terutama google.

Dynamic Heading SEO

Cara Membuat Dynamic Heading SEO Friendly

Header Halaman sebuah Blog pada umumnya menggunakan tag H1 pada Judul Blog di Halaman depan blog dan tag H2 pada Judul Posting di Halaman Artikel Blog. Hal ini sebetulnya bisa kita rubah menjadi lebih SEO Friendly, dengan menggunakan Dynamic Heading tag H1 pada Judul Blog dibagian homepage dan menggunakan tag H1 pada Judul Artikel di Halaman Posting Blog. Agar tidak membingungkan silahkan Anda perhatikan gambar dibawah ini :

Cara Membuat Dynamic Heading SEO Friendly Pada Judul Home Page Blog
Dynamic Heading : Hasil Inspeksi Elemen bagian Header Blog di Halaman Depan menggunakan Heading Tag H1

Cara Membuat Dynamic Heading SEO Friendly Pada Judul Artikel Blog
Dynamic Heading : Hasil Inspeksi Elemen bagian Header Blog Halaman Artikel menggunakan Heading Tag H1
Pada Gambar diatas merupakan contoh blog dummy yang sudah menggunakan Dynamic Heading. Apabila kita perhatikan terlihat bahwa terjadi perubahan Nama Judul Blog menjadi Judul Posting pada Halaman Artikel. Bagimana cara membuat Dynamic Heading SEO Friendly seperti gambar diatas?

Ada 2 Tutorial Membuat Dynamic Heading Yakni
  • Membuat Dynamic Heading Pada Header Blog yang menggunakan Title Text.
  • Membuat Dynamic Heading Pada Header Blog yang menggunakan Logo.
Silahkan Anda Simak tutorial-nya dibawah ini :

Cara Membuat Dynamic Heading Pada Header Title Blog

Dynamic Heading ini membuat Header Halaman atau Heading Tag H1 menjadi nama blog saat berada di Home Page, dan menjadi Judul Posting saat berada di Halaman Artikel. Berikut Tutorial Cara Membuat Dynamic Heading Pada Header Title Blog :
Sebelum melakukan Editing Template sebaiknya Backup terlebih dahulu Template Blog Anda. Hal ini untuk mengantisipado Apabila terjadi kesalahan dalam pengeditan kode.
  • Pada Menu Dashboard Blogger Pilih "Template"
  • Lalu Pilih "Edit HTML"
  • Tekan CTRL + F (Pada Keyboard), Kemudian Cari kode <!--No header image -->.
<!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
  • Ganti kode berwarna merah <b:include name='title'/> dengan kode di bawah ini:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include name='title'/>
<b:else/>
<data:blog.pageName/>
</b:if>
  • Simpan Template dan Lihat Hasilnya.
Periksa Heading Tag menggunakan Inspeksi Elemen, Apabila pada bagian Home Page dan Halaman Artikel telah berubah seperti seharusnya yakni sama-sama menggunakan tag H1. berarti Anda telah berhasil membuat Dynamic Heading di Blog Anda.

Cara Membuat Dynamic Heading Pada Header Logo Blog 

Kita sudah mengetahui cara membuat Dynamic Heading pada Header Blog berupa Text atau Judul blog yang tidak menggunakan gambar. Lalu bagimana jika pada Blog yang kita miliki menggunakan Gambar atau Logo? Sepertinya belum banyak blog yang membagikan hal ini, padahal Blog pada umumnya saat ini menggunakan logo sebagai identitas blog. 

Namun kabar baiknya DaftarBlog.com berhasil membuat Dynamic Heading pada Header Logo Blog. Sobat bisa memeriksa melalui Inspeksi Elemen pada bagian Header Blog yang digunakan Blog ini. Pada bagian Homepage Logo menggunakan Alt Text Judul Blog, sedangkan pada bagian Halaman Posting Alt Text logo berubah menjadi Judul Artikel. Mau tau caranya? silahkan simak tutorial berikut ini :
Sebelum melakukan Editing Template sebaiknya Backup terlebih dahulu Template Blog Anda. Hal ini untuk mengantisipado Apabila terjadi kesalahan dalam pengeditan kode.
  • Pada Menu Dashboard Blogger Pilih "Template"
  • Lalu Pilih "Edit HTML"
  • Tekan CTRL + F (Pada Keyboard), Kemudian Cari kode <!--Show the image only-->.
Pada Template yang Anda gunakan, mungkin saja Ada perbedaan kode yang digunakan, Apabila Anda tidak menemukan kode diatas silahkan Anda cari yang menyerupai kode dibawah ini :
<!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>

  • Silahkan Anda Ganti kode berwarna merah dengan kode dibawah ini

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

  • Simpan Template dan Lihat Hasilnya
Apabila Anda berhasil Membuat Dynamic Heading Pada Header Logo Blog, maka seharusnya tampilan Blog Anda Akan tampak seperti gambar dibawah ini :

Dynamic Heading : Pada bagian Logo Header di Home Page Blog menggunakan Heading Tag H1
Dynamic HeadingPada bagian Logo Header di Halaman Artikel Blog menggunakan Heading Tag H1
Bagimana Mudah Bukan? Demikian pembahasan kita mengenai Cara Membuat Dynamic Heading SEO Friendly di Blogspot. Semoga bisa membantu memaksimalkan Blog Anda di hasil pencarian Google, Terima Kasih.
Reaksi: 

Related

SEO 4986694325708826159

Post a Comment

  1. Gan kalau caranya buat h1 di home page saja gimana ?. Jadi di post page cuma judul artikel saja yang kedetek h1, logo blog tidak kedetek h1.

    ReplyDelete

emo-but-icon

item