Monday, October 31, 2011

meta tag seo friendly


Seperti yang kita ketahui sebelumnya beberapa hari lalu saya telah posting tentang penggunaan meta tag dan meta keyword , dan ini dapat dilakukan dengan meta tag generator tapi untuk template saya memakai meta tag dengan menggunakan meta tag generator ternyata eror saat dipasang ke blog. nah sekarang saya posting saja cara manualnya untuk membuat template blog menjadi seo friendly. penggunaan meta tag ini memang selalu saya gunakan untuk beberapa blog saya dan sudah lumayan hasilnya.
dalam dunia seo meta tag ini sangat paling berpengaruh karena spiderbot akan menentukan layaknya blog kita muncul di 10 peringkat google. ada beberapa faktor untuk menentukan blog kita cepat di index google template tentunya berpengaruh kenapa?'''''
kita tahu bahwa template kita terdiri dari coding yang berupa bahasa perintah komputer nah dalam struktur code ini ada yang simple maupun yang rumit. makanya dalam webmaster google ada saran html '''''''''''
sudah jelas bahwa membuat code yang sangat simple berarti membuat template seo friendly.
dari beberapa percobaan saya mungkin udah beberapa gunta ganti tema sampai tema ini alasannya Karena blog ini suka saya buat untuk membuat tema :-) dan sekarang saya gunakan aja buat info blog para blogger.

Saran Template Seo Friendly 
pertama kita pelajari dulu bagai mana seo bekerja : buat anda pilih sidebar yang berada di kanan agar mempercepat loading blog anda ". jangan terlalu banyak memasang sidebar yang kurang diminati SEO. pilihlah gadget gadget yang di sarankan terutama yang penting untuk blog anda dan bukan merupakan aksesoris hiasan mata. kita tau bahwa master blog di luar tidak begitu banyak hiasan dan terdapat beberapa yang mungkin berguna untuk blognya coba saja lihat blog penghasil dolar shoe money dan blogging tips ini blog yang paling saya sukai.

baiklah kita mulai untuk membuat template anda menjadi seo friendly perhatikan kode pertama berikut ini
note: meta tag di setiap postingan secara otomatis

1. ini adalah code meta tag yang harus anda tambahkan ke blog anda

<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='DESKRIPSI BLOG ANDA' name='DESCRIPTION'/>
<meta content='KATA KUNCI BLOG ANDA' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='NAMA ADMIN' name='author'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='NAMA WILAYAH ANDA' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<link expr:href='data:blog.url' rel='canonical'/>

anda Letakan Code di atas didaerah Head ganti seluruh Code dengan code tersebut tepatnya di bawah kode 

<head>dan sebelum <b:skin><![CDATA[/*

note:ganti text berwarna biru dan jangan hapus verivikasi anda atau pasang kembali verivikasi anda lihat gambar


2.scrool kebawah dan anda akan temukan kode yang hampir sama seperti berikut ini 
/*----------------------------------
Name         :  hendrytha
URL     : http://hendrytha.blogspot.com/
Welcome to hendrytha constantly learn tips and tricks
computers, blogs, and articles, always learn to be a means of information
and learning for man, smart man who is always learning
----------------------------------*/

anda hapus tanda -------------------------
sekarang aka terlihat seperti  pada gambar di bawah ini


3.Masukkan kode di bawah ini di atas kode <body>
<!--<body><div></div>-->

4.sekarang Cari code berikut :
<span class='post-icons'>

<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
dan anda ganti dengan code:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>

5. selanjutnya anda nonaktifkan label anda caranya
<a href='http://hendrytha.blogspot.com/search/label/blog%20info'>blog info</a> 

ganti menjadi seperti dibawah ini:
<a href='http://hendrytha.blogspot.com/search/label/blog%20info' rel='nofollow'>blog info</a>

6. dan juga matikan fungsi Arsip

Pasang kode ini di bawah kode <head>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

anda bisa pake cara manual seperti pada gambar berikut

7. Menghindari Duplikat Konten

Pasang kode berikut di bawah kode <head>
<link expr:href='data:blog.url' rel='canonical' />

8.Pasang Heading Tag

Cari kode berikut, bila tidak ketemu kamu ganti kode h3 dengan h2 
<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>

9. Ganti h3 yang cetak tebal dengan h1 kemudian tambahkan kode berikut di atas kode ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
sekarang Pratinjau dulu Template anda jika ter jadi error anda tidak usah ganti h3 jangan ikuti langkah yang ini
jika template anda baik baik saja langsung next.....
Selanjutnya klik Simpan Template

10. ini yang paling penting dan smart
Pasang SEO Smart Link dan ini berpungsi sebagai plugin keyword anda menuju kepostingan dan ini yang paling banyak digunakan untuk seo
Masukkan kode berikut di atas kode </body>


<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
function autoLink(){ this.keywdHref = new Object();
r(0,1) != &quot; &quot;){keyword =
this.add = function(keyword, href){ if(keyword.subs t&quot; &quot; + keyword;} this.keywdHref[keyword] = href; }
sByTagName(&quot;div&quot;);
fo
this.createAnchor = function(){ var objs = document.getElemen tr(var i=0; i&lt;objs.length; i++){ var obj = objs[i];
var content = obj.innerHTML;
for(var keyword in this.k
if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1) {eywdHref){ var href = this.keywdHref[keyword];
a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
obj.innerHTML = newstr;
content = newstr;
}
}
}
var newstr = content.replace(keyword, &quot;&lt ; } this.startScript = function(){ var onLoad = window.onload; window.onload = function(){ if(onLoad){onLoad();} setTimeout(&quot;f.createAnchor()&quot;, 100); } } } </script>
<script type='text/javascript'> var f = new autoLink(); f.add(&quot
;MASUKKAN SATU KATA KUNCI ANDA&quot;, &quot;http://ALAMAT BLOG ANDA.blogspot.com/&quot;);
f.startScript();
</script></b:if>

untuk kata kunci ini bersipat Case Sensitive jadi samakan dengan kata kunci yang suka di tulis waktu posting misalkan "ubi" dan tidak akan bekerja bila "Ubi atau "UBI" kenapa ubi cilembu hehehe suport buat Cilembu"

sekarang anda perhatikan code berikut ini 

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'>
<head>

Ganti dengan kode berikut
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' 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'>
<head>

sebenarnya Antara <head> - </head> adalah peletakan kode css dan antara <body> - </body> adalah peletakan kode html-javascript. Sedangkan bagian <html> - </html> adalah bagian keseluruhan dari isi template anda, seperti header, sidebar, content, dan footer
Tapi tergantung anda mau anti atau tidak


NOTE : sebenarnya ini gabungan dari beberapa Penggunaan Optimalisasi SEO dan anda bisa menggunakannya sebagian dan saya harapkan terlebih dahulu anda Backup dulu template Anda.
sebenarnya mau dari dulu posting ini berhubung sangat sangat banyak dan juga hampir 2 jam saya posting ini cape banget hehehehe.......

Trims senantiasa Belajar





6 comments:

  1. haduh...bagus dan kepingin pake ini...cuman om ini sudah tua dan kadang males baca yang panjang-panjang, harus cari waktu luang untuk praktekinnya.
    jempol dua deh buat ilmunya

    ReplyDelete
  2. @desa Cilembu Pakai yang No 10 saja Pake script smartlink di buat postingannya

    ReplyDelete
  3. Langsung ane terapkan gan... izin juga nerapin Ilmu lainnya yah. Link agan udah ane pasang. Maaf-maaf maklum belajar, kemarin bikin halamannya gak sukses :)

    ReplyDelete
  4. @ be new bie :
    Sip thanks
    trims senantiasa belajar

    ReplyDelete
  5. sip Saya juga baru salam sukses

    ReplyDelete