Pages

Rabu, 20 Agustus 2014

Cara Pasang Meta Description, Title Tag, dan Heading Tag Berbeda tiap artikel

Title Tag, Heading Tag dan Meta Description harus berbeda untuk setiap postingan. Tulisan ini adalah update dari artikel sebelumnya tentang memasang title tag dan meta description pada tampilan lama blogger.com (blogspot). Berhubung editor lama akan segera dinonaktifkan dan banyaknya keluhan bahwa metodenya merepotkan, maka mari kita belajar cara memasang title tag dan meta description yang lebih praktis pada tampilan baru blogspot. Ini jauh lebih mudah.

TITLE TAG

Untuk memasang title tag yang beragam, maka pastikan Title Tag blog saudara seperti contoh berikut ini:

    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <title><data:blog.pageName/></title>
    </b:if>
Untuk melihat kode title tag pada template anda silahkan lakukan prosedur berikut:
  • Masuk ke menu TEMPLATE
  • Klik tombol EDIT HTML
  • Akan muncul pop-up, silahkan klik tombol LANJUTKAN
  • Akan muncul kotak berisikan HTML dasar blog anda
  • Gunakan ctrl+f untuk mencari kode <title>
  • Silahkan periksa apakah kode yang berada antara <title> dan </title> pada blog anda sudah sama seperti di atas?
  • Jika belum silahkan hapus semua kode HTML dari <title> sampai </title>, dan copy paste kode merah di atas sebagai penggantinya.
  • Klik SIMPAN untuk menyimpan perubahan yang anda lakukan
Kalau belum punya title tag bagaimana? Mudah saja, copy kode di atas dan taruh tepat di bawah kode <head> setelah itu simpan perubahan.

META DESCRIPTION

Untuk mempermudah memasang meta description pada setiap postingan blogspot ikuti prosedur berikut:
Membuat meta description aktif
  1. Masuk ke menu SETELAN
  2. Pilih Submenu PREFERENSI PENELUSURAN
  3. Aktifkan opsi TAG META description
  4. Isikan description Blog Saudara pada kolom yang tersedia
  5. Klik SIMPAN PERUBAHAN
Setelah anda melakukan 5 langkah mudah di atas, silahkan masuk ke menu ENTRI BARU atau EDIT ENTRI untuk membuat artikel baru atau mengedit artikel lama. Pada bagian kanan kotak pengetikan akan bertambah satu menu yaitu description PENELUSURAN. Isikan meta description dari artikel anda dengan mengklik menu tersebut. Akan muncul dropdown box tempat anda memasukkan meta description. Klik SELESAI, dan setelah itu anda cukup mengklik PUBLIKASIKAN atau PERBAHARUI pada bagian atas layar. (lihat gambar berikut)

HEADING TAG

Menambahkan heading tag pada artikel juga sekarang sudah sangat mudah. Pada icon editor artikel sudah ada pilihan heading tag. Perhatikan gambar berikut.
Anda cukup memilih HEADING untuk H2, SUB HEADING untuk H3, dan MINOR HEADING untuk H4. Dengan demikian kita sudah lebih mudah memasukkan berbagai heading ke dalam artikel.
Dengan demikian menambah Title Tag, Meta Description, dan Heading Tag untuk setiap postingan sudah sangat mudah. Jadi harap membiasakan menambahkan meta description ini
Read more...
Diposting oleh Unknown di 14.04 0 komentar

cara membuat dynamic heading

Bagaimana cara membuat Dynamic Heading? Semakin banyak blogger yang ingin menggunakan trik ini, karena ini adalah satu dari beberapa kriteria template SEO friendly saat ini. Jadi trik mudah SEO akan sedikit berbagi dasar untuk mengubah heading di blog kita menjadi dynamic heading. Sekarang perhatikan gambar di bawah ini.
Pada gambar di atas saudara bisa melihat tiga bagian penting pada halaman artikel saya, yaitu:
1. Title Tag
2. Header Halaman
3. Judul Artikel
Ketiga komponen inilah bagian terpenting dari sebuah webpage, jangan sampai anda menyia-nyiakan ketiga komponen ini dengan pengaturan yang salah. Jadi mari belajar dasar untuk mengatur setelan template menjadi SEO friendly

 Mengatur Title Tag

Banyak blog yang membiarkan title tag blognya dalam keadaan standar saja. Misalnya blog "Agung Computer" membuat artikel "Bagaimana cara memperbaiki komputer?". Maka title tag-nya akan menuliskan "Agung Computer: Bagaimana cara memperbaiki komputer?" Kita bisa lihat bahwa tempat terbaik dalam title tag, yaitu bagian terdepan dari title tag diisi dengan nama blognya. Padahal sangat sedikit, bahkan nyaris tidak ada yang mau mencari keyword "Agung Computer".
Setidaknya title tag blog itu harus menuliskan "Bagaimana cara memperbaiki komputer? | Agung Computer". Bahkan jika perlu hilangkan saja nama blog dan tuliskan "Bagaimana cara memperbaiki komputer?" Karena setiap penambahan kata dalam title tag akan mengurangi persentase kepadatan kata kunci tersebut.

Mengatur Header Halaman

Kita menginginkan agar header halaman ini menuliskan nama blog saat berada di homepage, dan menuliskan judul artikel saat berada di halaman artikel. Oleh karena itu kita perlu membuat beberapa pengaturan pada HTML blog. Untuk melakukan itu lakukanlah prosedur berikut ini:
  • Masuk ke akun blogger saudara
  • Pilih blog yang akan diedit, dan masuk ke dalam menu TEMPLATE
  • Klik tombol EDIT HTML
  • Buka semua kode template caranya... Klik di sembarang tempat di dalam kode. Tekan CTRL+A, lalu tekan CTRL+C, lalu tekan DEL, dan terakhir paste dengan menekan CTRL+V.... Semua kode akan terbuka penuh....
  • Cari kode <b:include name='title'/> dengan menggunakan control+f pada saat kursor aktif di kotak edit kode HTML. Biasanya akan ada 3 kode seperti ini. Jadi kita lakukan trial dan error saja, tapi saran saya mulailah dari yang paling bawah.
  • 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>
  • Simpan perubahan dan lihat apakah sudah berubah judul pada halaman artikel. Jika belum ubah kembali kode di atas menjadi <b:include name='title'/>, dan ulangi penggantian kode pada <b:include name='title'/> yang lainnya.

Mengatur Judul Artikel

Secara default biasanya template memberikan heading H3 untuk judul posting. Ini sebenarnya kurang SEO friendly. Apalagi secara default template blogger memberikan heading H2 juga untuk nama gadget. Jadi di sini kita ingin mengubah judul artikel menjadi heading H2.
Ikuti prosedur di bawah ini untuk mengubah judul artikel:
  • Masih di mode EDIT HTML sekarang gunakan control+f pada browser untuk mencari kode h3.post (pastikan kodenya tidak ada embel-embel mobile)
  • Kode seperti ini bisa lebih dari satu, tergantung template yang anda gunakan. Sekarang ubah semuanya menjadi h2.post
  • Jika sudah, sekarang dengan control+f carilah semua kode <h3 class='post
    Ubah semuanya menjadi <h2 class='post
  • Ubah juga end tag </h3> menjadi </h2>
  • Simpan perubahan pada template

TAMBAHAN: MENGUBAH JUDUL WIDGET JADI H3

Sekarang template blog saudara sudah menggunakan dynamic heading. Tinggal mengubah judul gadget menjadi h3....
  • Masih di mode EDIT HTML pada menu TEMPLATE, 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>
  • Silahkan diubah kode berwarna biru di atas menjadi <h3><data:title/></h3>
  • Jika semua kode pada widget sudah diubah menjadi h3 silahkan simpan lagi template blog saudara
Ok, selesai sudah pengaturan semua komponen penting pada blog saudara. Sekarang blog saudara sudah lebih SEO friendly. Mudah-mudahan dynamic heading ini bisa membantu memperbaiki peringkat artikel-artikel blog saudara di Google.
Read more...
Diposting oleh Unknown di 13.47 0 komentar
Label: