SEO | Analisa Kode HTML Pada Template Blog, "Source Code"

Setiap blog mempunyai source code yang disusun berdasarkan bahasa pemprograman Internet atau supaya ngga ribet sebut saja Kode HTML. Untuk melihat kode tersebut kamu biasanya mengunjungi situs web penyedia layanan blog yang bersangkutan, misal : blogger, wordpress dan lain-lain. Login kemudian pergi ke "Pengaturan" --> "Edit Template".
cara lain agar kamu dapat melihat source code blogmu yaitu melalui web browser : Buka alamat situs blog --> Klik "View" pada tab menu --> Pilih "Page Source"/"Source". Sekarang kamu sudah melihat barisan kode HTML yang menyusun tampilan blogmu. Metode optimalisasi ini dijalankan jika dan hanya jika komputer kamu terhubung dengan koneksi internet istilah kerennya "Onpage Optimization factors".

Catatan :
Terdapat dua metode SEO, yakni "Onpage dan Offpage Optimization". Metode offpage optimization mudah-mudahan akan kita bahas di postingan mendatang. Jadi sekarang kita hanya mengulas metode onpage optimization.

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


Ada atau tidaknya penggunaan tag Header <h1> dan menempatkan keyword dalam tag Header (judul blog) tersebut.

Cari kode title dibawah ini:

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

Kemudian ganti semua kode diatas dengan kode dibawah

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

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

Faktor ini berhubungan dengan penggunaan header di atas, yaitu meletakkan meta tag setelah kode title.

<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.


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> :

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

Untuk tahu lebih banyak tentang kode HTML, kamu dapat mencarinya di search engine tentang "belajar kode HTML". Dan ulasan SEO, insyaAllah masih terus berlanjut pada posting berikutnya.