Tips HTML SEO

Mengoptimisasi blog untuk keperluan SEO dapat dilakukan dengan berbagai cara. Paling tidak beberapa tip HTML berikut dapat dijadikan pedoman untuk membuat halaman lebih Search Engine Friendly..

Kode HTML untuk tag gambar

Search Engine tidak bisa melihat gambar apa yang ditampilkan di blog Anda. Yang bisa tau itu gambar tentang apa adalah pengunjung manusia. Search Engine taunya gambar itu merukan sebuah file image yang disisipkan. Jadi kebacanya oleh Search Engine adalah "alamat-url/gambar1.jpg"/>.

Jadi, walaupun pada gambar itu terbaca oleh kita sebuah tulisan strategi seo namun terbaca oleh Search Engine adalah gambar1.jpg. Maka diperlukan optimisasi untuk memberi tau Search Engine perihal gambar itu. Yaitu dengan menambahkan alternate text seperti cotoh di bawah ini:

<img src="alamat-situs.com/folder/gambar1.jpg" alt="text alternatif untuk menjelaskan gambar"/>

Untuk membuatnya lebih Search Engine Friendly, gantilah nama file gambar1.jpg menjadi kata-kunci.jpg dan masukan kata kunci Anda pada alternate text. Sebagai contoh, misal saya menggunakan kata kunci tips seo maka gambar dan tag akan saya optimisasi menjadi seperti ini:

<img src="alamat-situs.com/folder/tips-seo.jpg" alt="tips dan trik seo untuk blogger"/>

Kode HTML Untuk Text Behaviour

Menegaskan kata kunci bisa juga dengan memberikan text tampil tebal, miring atau diblok dengan warna. Seperti Anda lihat pada tulisan-tulisan di atas, text tebal, miring dan berlatar belakang bisa Anda buat dengan menggunakan tag HTML berikut:

Membuat huruf bercetak tebal
Tambahkan tag <b> dan </b> di antara tulisan yang akan dibuat tebal (blod). Atau bisa juga dengan tag <strong>.

Membuat huruf bercetak miring (italic)
Gunakan tag <i>(italic) atau <em> (emphasis) untuk membuat huruf bercetak miring

Membuat huruf bergaris bawah
Tagnya adalah <u>. Namun untuk SEO tag ini jangan "melulu" dipakai untuk menegaskan kata kunci. Karena itu akan menjadikannya bersaing dengan "link/URL". Link biasanya bergaris bawah, jadi jangan tambahkan text Anda dengan garis bawah jika itu bukan link.

Membuat huruf berlatar belakang
Untuk membuatnya gunakan tag <span style="background:#F5E00">. Kode warna bisa Anda cari pake Photoshop atau pengolah gambar lainnya.

Pastikan Anda tidak lupa dengan tag penutup. Misal tag <b> berarti harus ditutup dengan </b>. Kalau lupa ngasih penutup maka tampilan Anda error atau apa yang akan ingin Anda tampilkan tidak sesuai.

---