Scheme template dalam HTML untuk SEO website blog
Untuk mengoptimalkan SEO halaman website, Anda harus menempatkan keyword penting pada elemen HTML . Dengan menempatkan keyword dalam elemen HTML akan membuat jelas ke visitor - dan robot mesin pencari (e.g. Googlebots) – mengenai content halaman blog 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.
Cara Menanam SCHEME di website blog 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.
Cara kerja Scheme dalam menaikkan popularitas website 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.
Sebagai perbandingan. Andai artikel blog adalah "Rich Snippets for SEO: Konsep dasar Microformats," sementara blog BELUM dipasangi SCHEME, maka spider bot (Googlebot) hanya merekam keyword yang ada dalam isi artikel saja dan secara terpisah-pisah. Kemudian menyempurnakannya berdasarkan history di SERP. Hal berbeda akan terjadi jika keyword dipasang langsung dalam scheme. Spider bot akan membaca langsung semua keyword yang telah tentukan tanpa memotong (terpisah-pisah).
Contoh lain, misal judul post "Cara Menanam Padi.” Kita bisa menuliskan keyword yang ingin kita tentukan (e.g. cara tanam padi, menanam padi dengan baik, cara tepat menanam padi, etc.)
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 :
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 :
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 berikut :
How to Install Description and Keyword Scheme? - website files
- Log in Blogger
- Edit HTML
- Expand Template
Pemasangan Schema Homepage di dokumen HTML website blog Blogger
Temukan bagian paling atas dari file dokumen HTML blog Anda seperti berikut :
<?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'
<!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'
<!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>
<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>
<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>
- Ganti teks berwarna merah dengan kyeword yang Anda inginkan. Tentu harus disesuaikan dengan isi artikel post Anda.
RELATED POST :
Rich Snippets for SEO: Konsep dasar Microformats
Trik SEO : Memasang Microformats di Blogroll
That's all we know - Happy Blogger
.
.
.
.
.
.
.
.
![[Valid Atom 1.0]](https://lh3.googleusercontent.com/-AHjNV40KrDw/UextTozh8GI/AAAAAAAAMjU/UG7zSHdmatc/w88-h31-no/valid-atom.jpg "Validate my Atom 1.0 feed")
