Powered by Blogger.
RSS

Pemasangan Scheme dalam Dokumen HTML Blog

 

Scheme template dalam elemen HTML untuk SEO Blogger

Untuk mengoptimalkan SEO suatu halaman website, Anda harus menempatkan keyword penting pada elemen HTML . Dengan menempatkan kata-kunci dalam elemen HTML akan membuat jelas kepada pengunjung - dan robot mesin pencari (misal Googlebots) – mengenai content halaman web Anda berisi tentang apa. Salah satu cara penempatan keyword  dengan memanfaatkan SCHEME.

Scheme adalah deskripsi dokumen XML, biasanya dinyatakan dalam struktur dan isi jenis dokumen. Dengan adanya scheme yang tersusun dengan benar dalam template maka akan memudahkan spider bot mengindeks artikel dengan klasifikasi ContenT keyword yang ditanamkan didalam scheme.

Sceme hemepage blog Website-Design

Artikel ini kelanjutan dari posting Meta Tag Language Indonesia Valid, dan saling terkait erat dalam memahami ulasan SEO. Silahkan membaca artikel tersebut.

Cara Menanam SCHEME di BLOGGER BLOGSPOT

Scheme ini sangat menentukan trafik pengunjung yang datang melalui search engine dengan keyword yang telah Anda setting dengan cermat di dalam scheme template blogger. 

Bagaimana cara kerja Scheme dalam menaikkan popularitas blog?

Scheme merupakan susunan deskripsi yang tertanam pada template blog, sifatnya valid dengan format HTML dan berbeda dengan teks biasa, sehingga keyword yang ada dalam scheme akan diprioritaskan oleh robot search engine untuk ditampilkan di Search Engine Result Pages  (SERPs).

Sebagai perbandingan. Andainya artikel blog adalah "Rich Snippets for SEO: Konsep dasar Microformats," sementara blog Anda belum dipasangi SCHEME, maka spider bot (Googlebot) hanya merekam keyword yang terdapat dalam isi artikel saja dan terpisah-pisah dan kemudian menyempurnakannya berdasarkan history di SERPs. Hal berbeda akan terjadi jika keyword dipasang langsung dalam scheme.  Spider bot akan membaca langsung semua keyword yang kita tentukan tanpa memotong (terpisah-pisah).

Contoh lain, misal judul post "Cara Menanam Padi.” Kita bisa menuliskan keyword yang ingin kita tentukan (cara menanam padi, menanam padi dengan baik, cara tepat menanam padi, et cetera).

untuk mengetahui ada tidaknya scheme tertanam dalam blog, kita bisa menggunakan add-ons Scheme Explorer. Anda bisa install add-ons tersebut dengan klik link ini. Jika ada terpasang di browser silahkan bukan suatu blog. Jika blog tersebut dipasangi scheme,  maka scheme tersebut dapat dilihat dengan adanya indikator seperti gambar mata pada pojok ADDRESS BAR seperti gambar dibawah ini :

indikator schema

Jika Anda membuka Homepage blog WEBSITE DESIGN saat ini (5 Juni 2013) dan klik indikator scheme seperti dalam lingkaran merah, maka akan tampak layar pop-up berisi keyword, description webpage yang sudah dipasang pada blog tersebut atau judul-judul posting  seperti gambar dibawah ini :

pop-up indikator scheme homepage blogger

Pada gambar pop-up indikator keyword Homepage diatas, hanya tampak SATU description berisi keyword untuk artikel bersangkutan, karena untuk pertamakalinya di blog ini saya pasangi Scheme pada post Woorank SEO Metrics Tool untuk Check SEO Blog dengan cara mengetikkan rangkaian keyword yang relevan dengan isi artikel post. Saya ketikkan dalam laman kode HTML artikel tersebut (di bagian paling atas post – sekaligus sebagai baris pembuka) snippet ini :

<span itemprop="description">Tool instant SEO review untuk blog atau website</span>

Jika kemudian Anda buka artikel tersebut (test scheme), tampilan pop-up akan berbeda saat memeriksa scheme blog. Layar pop-up yang memunculkan Scheme Description adalah seperti gambar dibawah ini :

pop-up indikator scheme sebuah artikel blog

How to Install Description and Keyword Scheme?

  • Log in Blogger
  • Edit HTML
  • Expand Template

Pemasangan Schema Homepage di dokumen HTML Blogger

Temukan bagian paling atas dari file dokumen HTML blog Anda seperti dibawah ini :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml'
xmlns:b  = 'http://www.google.com/2005/gml/b'
xmlns:data = 'http://www.google.com/2005/gml/data'
xmlns:expr = 'http://www.google.com/2005/gml/expr'

Kemudian ganti dengan snippet code dibawah ini (COPY dan PASTE saja).

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' itemscope='http://schema.org/Article'
itemtype='http://schema.org/Article'
xmlns='http://www.w3.org/1999/xhtml'

xmlns:b  = 'http://www.google.com/2005/gml/b'
xmlns:data = 'http://www.google.com/2005/gml/data'
xmlns:expr = 'http://www.google.com/2005/gml/expr'

Setting Schema suatu Post di dokumen HTML Blogger

Temukan bagian dibawah ini dari file dokumen HTML blog Anda.

<b:if cond='data:post.title'>
     <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
       <b:if cond='data:post.url'>
         <a expr:href='data:post.url'><data:post.title/></a>
       <b:else/>
         <data:post.title/>
       </b:if>
    </b:if>
     </h3>
   </b:if>


Kemudian ganti dengan snippet code ini :

<b:if cond='data:post.title'>
     <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><span itemprop='name'><data:post.title/></span></a>
    <b:else/>
       <b:if cond='data:post.url'>
         <a expr:href='data:post.url'><span itemprop='name'><data:post.title/></span></a>
       <b:else/>
         <data:post.title/>
       </b:if>
    </b:if>
     </h3>
   </b:if>

Proses pemasangan scheme di dokumen HTML blog untuk Homepage dan post artikel selesai. 

  • Silahkan SAVE template.

Praktek Pemakaian Scheme dalam suatu Post di source code HTML Blogger

  • Untuk pemasangan scheme keyword dan scheme description suatu posting, silahkan copy kode berikut dan paste dalam posting saat membuat artikel blog (Letakkan di bagian mana saja).

    <span itemprop="description">Scheme template dalam elemen HTML untuk SEO Blogger</span>


Setelah selesai menerapkan Scheme, sebaiknya memasang Breadcrumb di blog karena Breadcrumb ini menentukan keakuratan pengindeksan di Google. Silahkan kunjungi Cara Membuat Breadcrumb Super

RELATED POST :

Rich Snippets for SEO: Konsep dasar Microformats
Trik SEO : Memasang Microformats di Blogroll


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 comments:

Post a Comment