Friday, February 12, 2016

Cara Membuat Dynamic Heading Blog untuk SEO

Cara Membuat Dynamic Heading Blog
Dynamic Heading Tag (Heading Dinamis) yaitu judul postingan menjadi Judul Blog (Blog Title) atau menjadi H1 dalam halaman postingan (single post/page). Ini salah satu trik SEO.

Heading Tag ini pula yang menjadi rahasia ke-SEO-an template-template blog yang selama ini dikenal SEO Friendly seperti Johny Wuss, Seo Thesis, dll. (Baca: Rahasia SEO Template Johny Wuss).

Template default blogger biasanya menggunakan heading sebagai berikut:
  • H1: Judul atau Nama Blog.
  • H2: Tanggal publish posting blog
  • H3: Judul Postingan Blog.

Agar lebih SEO, maka heading H1 bisa diubah menjadi Nama Blog saat di Homeage dan menjadi Judul Posting saat di Single Post (Halaman Posting). Dengan begitu, judul posting dinilai lebih penting dari nama blog.

Cara mengetahui apakah judul posting kita menggunakan H1 atau H2:
1. Blok judul posting
2. Klik kanan > Inspect Element
3. Akan muncul seperti ini:

atau


Dynamic HeadingTIPE 1

Heading Dinamis tipe 1 yaitu Judul Posting Jadi Header di halaman postingan (Dynamic Heading (Post Title Become h1 Title Tag)

Untuk mengubah Judul Post menjadi Header H1 (Title Tag:
1. Temukan kode
2. Ubah menjadi






5. Klik save template!

Dynamic HeadingTIPE 2

Ini hanya mengubah Judul Posting Jadi H1 di halaman dalam. Banyak sekali blogger yang membagikan tips membuat dynamic heading, entah hasil pengalaman atau copas dari posting lain. CB ambil salah satunya yang berhasil diterapkan.

1. Cari kode berikut ini dan hapus yang berwarna merah!



Maka hasilnya akan seperti ini:


2. Beberapa baris di bawah kode di atas ada kode seperti berikut ini:


Ganti atau Ubah menjadi seperti berikut ini:


3. Mengubah Heading Post Title


Ubah atau ganti dengan kode berikut ini:


Jika ukuran huruf h2 dan h1 mau disamakan, maka gunakan kode CSS berikut ini:
header h1, .header h2 { font-size: 32px; }

Trik lain membuat dynamic heading:
1. Optimisasi Tag H1 dan H2.
2. Optimize H1 for Pos Title


reff : http://www.contohblog.com/2014/07/cara-membuat-dynamic-heading-blog.html


Related video : Cara Membuat Dynamic Heading Blog untuk SEO


0 comments:

Post a Comment