SEO | Analisa Kode HTML, "Source Code" Bag 2

Rupa-rupanya masih banyak yang belum ngarti pada ulasan posting terdahulu tentang SEO | Analisa Kode HTML Pada Template Blog, "Source Code". Namun setelah penulis simak dan pahami, ternyata betul karena ada beberapa kalimat yang menggantung, terutama untuk faktor header (judul blog) dan penggunaan keyword didalamnya. Kemudian bereaksi dari kejadian di atas, maka penulis mencoba mengulas lebih gamblang mengenai Kode HTML/Source Code ini. Mudah-mudahan repair ulasan yang ke-2 ini mudah dimengerti oleh kawan-kawan semua dan untuk penulis sendiri he...he...he...

Faktor-faktor yang perlu diperhatikan dalam menganalisa source code blog (repair) :

Ada atau tidaknya penggunaan Header <h1> yang sesuai dengan keyword utama.

Header disini dapat disebut dengan "Judul Blog". Misalnya judul blog kamu adalah "Belajar SEO Blogger", maka keyword utama yang perlu diperhatikan adalah kata apa saja yang bersangkutan dengan "Belajar SEO Blogger". Kalau kamu memasukkan keyword "belajar IPA, belajar memasak nasi, humor sejenak, MP3, tentunya keyword tersebut dikatakan kurang tepat sasaran. Dan jika sasaran kurang tepat, maka nilai blog kamu juga tidak tepat dengan apa yang diharapkan.
Artinya : Judul blog kamu harus ada dan sesuai dengan apa yang akan kamu masukkan ke dalamnya.

Agar Judul Blog lebih user friendly terhadap SEO, dibawah ini merupakan triknya :

Cari kode title berwarna merah dibawah ini:

<title><data:blog.pageTitle/></title>

Kemudian ganti semua kode diatas dengan kode warna hijau dibawah ini

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/>|...isi dengan tambahan title yang memuat keyword...</title></title>
<b:else/>
<title><data:blog.pageName/>
</b:if>

Contoh : Judul Blog "Belajar SEO"

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/> | agar blog terdeteksi oleh search engine, meningkatkan pagerank, optimasi source code, serta keyword yang baik dan user friendly</title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Maka judul yang terlihat pada pojok kiri atas jendela browsing adalah "Belajar SEO | agar blog terdeteksi oleh search engine, meningkatkan pagerank, opimasi source code, serta keyword yang baik dan user friendly"

Posting yang berhubungan : Rahasia dibalik "Meta Title Tag" Blogger by O-OM

Ada atau tidaknya penggunaan keyword utama dalam title <title>.

Faktor ini berhubungan dengan penggunaan header, yaitu meletakkan meta tag setelah kode title. Meta tag merupakan merupakan cara menyampaikan infomasi penting ke search engine (Mesin Pencari) mengenai informasi suatu halaman web. Cari kode berwarna merah dibawah ini, dengan catatan kode ini ada setelah kamu memasukkannya seperti langkah pada "Judul Blog lebih user friendly terhadap SEO" di atas :

<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/>|...isi dengan tambahan title yang memuat keyword...</title>
</b:if>

Tambahkan kode dibawah ini, setelah kode berwarna merah di atas :

<meta content=' Tulis deskirpsi disini' name='description'/>
<meta content='keyword1 keyword2 keyword3 ...' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Contoh :

<meta content='Cara cepat dan tepat belajar SEO agar blog mudah terdeteksi oleh mesin pencari, meningkatkan pagerank, optimasi source code, serta keyword yang baik dan user friendly' name='description'/>
<meta content='SEO search engine serch optimasi blog optimalisasi optimal mesin pencari pagerank blog rangking ranking keyword kata kunci optimasi source code kode' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Dari contoh di atas terlihat keterkaitan antara judul blog (title), deskripsi, dan keyword. Hal ini dimaksudkan karena judul akan tampil pertama kali pada saat kamu membuka alamat blog, sehingga sangat berpengaruh terhadap pencarian oleh search engine.

Posting yang berhubungan : Pasang Meta tags di Blogger by O-OM

Ada atau tidaknya pemakaian karakter khusus (Huruf tebal <b>, garis bawah <u>, dan/atau miring <i>) pada setiap kata dalam judul serta isi blog (posting) yang berhubungan dengan keyword.

Setiap kata baik dalam judul blog, judul posting maupun isi posting seharusnya memiliki karakter-karakter khusus (<b>, <u>, atau <i>) apabila terdapat kata yang bersinggungan dengan keyword. Ketika sistem pelacakan search engine berjalan, ia akan meng-indeks kata-kata dalam blog sesuai dengan kode yang mengikutinya. Sebagai illustrasi ; Saat kamu jalan-jalan di daerah yang serba baru, di perjalanan kamu melihat taman, tugu, dan air mancur. Apa yang kamu lakukan? Tentu kamu akan berhenti sejenak (seminimalnya berfikir sejenak) menikmati suasana disana. Berbeda apabila jalannya lempang tanpa ada atribut lain yang mengiringi, tinggal wes... bablas angine!

Ada atau tidaknya penggunaan kode <alt> pada tag image (gambar) dan menempatkan keyword di tag image tersebut.

Biasanya tampilan image di blog selalu tertuju pada link dimana image tersebut disimpan, fungsi kode <alt> sangat perlu sekali untuk mengidentifikasi image yang sewaktu-waktu tidak muncul dalam jendela web browsing kamu. Permisalan kode di bawah ini :

<a href="http://SEO.blogspot.com" title="Cara Cepat dan Tepat Belajar SEO" target="_blank"><img border="0" alt="Belajar SEO" src='http://2.bp.blogspot.com/_Seo44kEy/WOR-d55seAr/CCCCCCCHeng/seo.gif'/></a>

Artinya : Menampilkan image dengan nama "seo.gif" dan jika tidak dapat ditampilkan maka akan digantikan oleh link dengan kata "Belajar SEO". Apabila image atau link kata kamu klik, ia akan menuju ke situs http://SEO.blogspot.com.

Ada atau tidaknya menempatkan keyword pada awal dan akhir blog.

Hampir sebagian besar blog telah menempatkan keyword di awal blog, Betul! Judul blog (title) yang merupakan keyword utama berada di antara kode <header> ... </header>. Jadi lihat template blog (title) kamu dengan memperhatikan terdapatnya kode lain di atasnya dan usahakan judul blog diload duluan. Berikut salah satu kutipan kode <title> yang terletak diantara <body> ... </body>:

<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>

Sekarang cara meletakkan keyword di bawah blog adalah dengan menyisipkan keyword di dalam tag <footer>...</footer> (kodenya tiap template mungkin berbeda) atau sebelum tag </body>. Misalnya :

<div id='footer'>
<div class='blank' style='text-align: center; padding-bottom: 2px; padding-top: 20px'>
<small><a href='http://seo.blogspot.com'>SEO|Belajar SEO agar blog terdeteksi oleh search engine, meningkatkan pagerank, optimasi source code, serta keyword yang baik dan user friendly</a></small>
</div>
</div>

atau

<div><a href='http://seo.blogspot.com'>SEO|Belajar SEO agar blog terdeteksi oleh search engine, meningkatkan pagerank, optimasi source code, serta keyword yang baik dan user friendly</a></div>
</body>

Posting ini merupakan ulangan dan revisi perbaikan atas posting SEO | Analisa Kode HTML Pada Template Blog, "Source Code".