Home » » Cara Membuat Dynamic Heading Di Blogspot

Cara Membuat Dynamic Heading Di Blogspot

Written By syofyan agung on Minggu, 27 Oktober 2013 | 00.12

Cara Membuat Dynamic Heading Di Blogspot
Seperti yang dilansir di trikmudahseo.blogspot.com bahwa "menggunakan dynamic heading merupakan salah satu kriteria template SEO jaman sekarang" proses menjadikan blog kita berdynamic heading juga tidak begitu rumit.

Blog mestiqui ini sendiri juga menggunakan Dynamic Heading agar blog ini tambah SEO lagi, dan Alhamdulillah memang saya merasakan dengan memasang Dynamic Heading ini trafick blog ini jadi naik.

Saya sudah mengambil contoh gambar dinamic heading yang ada di blog trikmudahseo.blogspot.com dan contoh dynamic heading seperti dibawah ini

Contoh Penggunaan Dynamic Heading
gambar oleh : trikmudahseo.blogspot.com

Jika anda sudah lihat gambar diatas, maka anda bisa melihat pada halaman artikel blog trikmudahseo.blogspot.com, yaitu :
  1. Title Tag 
  2. Header Halaman 
  3. Judul Artikel 
Seperti yang dilansir lagi oleh blog trikmudahseo bahwa ke 3 komponen itu adalah bagian terpenting dari sebuah blog / webpage, dan juga anda jangan sampai salah menggunakan ke 3 komponen ini.

Cara Membuat Dynamic Heading Di Blogspot


Mengatur Header Halaman Blog


Dengan mengatur dynamic heading di blog anda, maka saat anda berada di halaman utama blog anda tulisannya hanya akan nama blog anda, tetapi jika anda berada di halaman artikel /  postingan, maka yang akan tampil di header blog anda merupakan judul dari artikel / postingan. Untuk membuat dynamic heading di header anda harus melakukan langkah-langkah :

1. Login ke blogger.
2. Masuk ke Template > backtup template terlebih dahulu > Edit HTML.
3. Anda cari kode <b:include name='title'/> dengna menggunakan ctrl + f dan biasanya kode ini akan berjumlah 3 atau lebih. Jadi anda mulailah dari yang paling bawah dahulu.
4. Anda ganti kode <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>
5. Simpan template anda.

Anda periksa apakah penggunaan dynamic heading di header blog anda sudah sukses atau belum, coba anda lihat pada halaman postingan blog anda apakah judul blog di header sudah berubah menjadi judul artikel, jika judul blog di header sudah menjadi judul artikel, maka anda sukses menerapkan cara yang satu ini. tetapi jika anda belum berhasil menerapkan cara ini, coba ganti <b:include name='title'/> yang lainnya.

Mengatur Judul Artikel

Template blogspot / blogger secara default biasanya menggunakan / memberikan headin H3 untuk judul artikel. Dan seperti yang dilansir di trikmudahseo.blogspot.com bahwa ini sebenarnya kurang SEO friendly. Dan bukan hanya default judul artikel saja, melaikan penggunaan tag heading H2 untuk nama gadget. Jadi sekarang kita akan mengubah judul artikel menjadi heading H2. Caranya :

  1. Masuk ke Template > Edit HTML.
  2. Anda cari kode h3.post dan anda pastikan tidak ada embel-embel mobile
  3. Sekarang anda ubah semua kode h3.post menjadi h2.post 
  4. Jika anda telah mengubah semua kode tadi, sekarang anda cari kode <h3 class='post dan ubah semua kode <h3 class='post menenjadi <h2 class='post 
  5. Ubah juga end tag </h3> menjadi </h2>
  6. Save Template
Mengubah Judul Widget Menjadi H3

Sebenarnya dengan langkah diatas blog anda sudah menggunakan Dynamic Heading, tetapi kita juga bisa mengubah judul widget menjadi H3 untuk menambah SEO blog kita. Caranya :

1. Anda masih berada di Edit Template
2. Carilah semua kode HTML untuk widget blog anda. Kita ambil contoh pada widget Arsip Blog seperti pada kode di bawah:

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
3. Anda ubah kode warna merah dengan kode <h3><data:title/></h3>
4. Jika semua kode widget sudah menjadi H3 maka simpan template blog anda.

Nah, dengan 3 cara diatas, anda sudah sukses mengatur komponen penting pada blog. Dengan Membuat Dynamic Heading Di Blogspot maka blog anda lebih SEO Friendly, dan semoga dengan blog anda menerapkan cara dynamic heading ini bisa meningkatkan blog kita di SERP google, semoga artikel cara membuat dynamic heading di blogspot bermanfaat.

Source : trikmudahseo.blogspot.com

0 komentar:

Posting Komentar

Iklan