Tuesday, January 8, 2013

Cara membuat dan memasang gambar di blog agar SEO FRIENDLY


seo-friendly.jpg
Kita pernah mendengar, bagaimana caranya membuat blog agar SEO FRIENDLY. Kita sudah banyak tahu, bagaimana caranya membuat keyword yang baik agar blog kita SEO FRIENDLY di mata google. Dan kita juga sudah banyak mendengar, bagaimana caranya membuat meta tag yang baik dan benar. Tetapi pernahkah anda mengetahui bagaimana caranya membuat gambar dan memasangnya di blog agar SEO FRIENDLY? Pasti jawabannya akan bervariasi. Ada yang tahu, dan di pihak lain tidak tahu menahu tentang masalah ini.cheesy-grin
Memang dalam pembuatan gambar agar SEO FRIENDLY susah-susah gampang dan gampang-gampang. Loh lah kok begitu?mrgreen Mungkin banyak bloger yang meremehkan akan hal ini. Tetapi ada sebagian bloger juga yang banyak memakainya. Cara menggunakannya, jika anda ingin tahu caranya, silahkan baca terus artikel saya ini.mrgreen Oke, saya akan lanjutkan kembali. Pertama yang anda harus lakukan adalah mengedit judul gambarnya dahulu agar sesuai dengan judul postingan kita di blog. Misalnya dalam postingan kita sedang membahas tentang wapsite builder gratis. Ya kita ubah judul gambarnya tersebut kira-kira mendekatilah. Misal wapsite-builder.jpg, wapsite-builder.jpg lebih baik daripada hanya cuma angka doang contoh, 12354.jpg. Dan wapsite-builder.jpg lebih baik di mata google karena relevan dengan artikel postingan. Bagaimana?rolleyes Selanjutnya apa yang harus kita lakukan lagi. Yaitu kompreslah gambar tersebut sebelum anda mengunggahnya ke blog. Hal ini dilakukan jika benar-benar ukuran file gambar anda sangat besar, misal 500 kb.mrgreen Hal ini anda bisa mengkompresnya lewat tool generator online atau anda juga bisa menggunakan tool generator yang lain. Ini gan linknya stanleyshilov.com/online-tools/image-compression. kalau ukuran file gambar anda kecil, tidak usah anda kompres.
Selanjutnya kita melangkah cara yang ketiga, gunakanlah atribut "alt" dan "title" beserta embel-embel yang lain dalam pemasangan kode script html di dalam blog. Contoh kode script htmlnya:

<a href="URL POSTINGAN TERKAIT"><img style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title=" title gambar " alt=" alt tag gambar " src="URl tujuan gambar" align="right" border="0" width="189" height="161"></a>


Oh iya saya lupa, saya memberi penjelasan dulu tengtang
title dan alt. Title adalah judul gambar atau lebih mudahnya adalah url judul gambar. Kita balik lagi ke contoh tadi wapsite-builder.jpg, berarti kita bisa memberi title sebagai berikut:

title="wapsite builder"


Sedangkan alt adalah kependekan kata dari alternate text atau text alternatif. Yang kalau kita definisikan lebih jauh adalah merupakan tag-tag atau keyword dari url gambar atau pun sejenisnya. Contoh pemasangan script beserta embel-embelnya.
mrgreen

<a href="http://mousehacker.mwb.im/files/wapsite-builder.jpg"><img style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="wapsite builder" alt="penyedia wapsite builder gratis, free wapsite builder" src="http://mousehacker.mwb.im/files/wapsite-builder.jpg" align="right" border="0" width="189" height="161"></a>


Jika anda memahami kode script di atas, anda boleh menggunakan satu keyword atau lebih. Seperti contoh di atas, saya menggunakan dua keyword. Anda juga boleh memasang lebih dari dua tag atau dua keyword. Misal, tiga keyword, empat keyword, dan seterusnya. Asal anda harus memisahkan antara keyword yang satu dengan yang lain menggunakan tanda pemisah yaitu tanda koma (,). Setelah tanda koma tambahkan spasi satu kali.


keyword satu
, keyword dua dan seterusnya

Contoh dalam scriptnya:


<a href="http://mousehacker.mwb.im/files/wapsite-builder.jpg"><img style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="wapsite builder"
alt="penyedia wapsite builder gratis, free wapsite builder" src="http://mousehacker.mwb.im/files/wapsite-builder.jpg" align="right" border="0" width="189" height="161"></a>
Kemudian dalam pemasangan url postingannya. Jikalau anda lagi malas-malasnya, anda juga bisa menggunakan url gambar itu sendiri.

<a href="
URL POSTINGAN"><img style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="wapsite builder" alt="penyedia wapsite builder gratis, free wapsite builder" src="http://mousehacker.mwb.im/files/wapsite-builder.jpg" align="right" border="0" width="189" height="161"></a>

Menjadi»


<a href="
"><img style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="wapsite builder" alt="penyedia wapsite builder gratis, free wapsite builder" src="" align="right" border="0" width="189" height="161"></a>

Lihat yang saya tandai merah tersebut. Itu adalah sama-sama url gambar. Selanjutnya ke pelajaran berikutnya.
cheesy-grin Dalam hal ukuran panjang dan lebar suatu gambar yaitu tentang width dan height. Jikalau anda lagi malas ngeblog, anda juga bisa membuangnya di tempat sampah.mrgreen Script semula:

<a href="http://mousehacker.mwb.im/files/wapsite-builder.jpg"><img style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="wapsite builder" alt="penyedia wapsite builder gratis, free wapsite builder" src="http://mousehacker.mwb.im/files/wapsite-builder.jpg" align="right" border="0"
width="189" height="161"></a>

Menjadi»


<a href="http://mousehacker.mwb.im/files/wapsite-builder.jpg"><img style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="wapsite builder" alt="penyedia wapsite builder gratis, free wapsite builder" src="http://mousehacker.mwb.im/files/wapsite-builder.jpg" align="right" border="0"></a>
Demikian cara membuat dan memasang gambar di blog agar bersahabat dengan SEO. Di atas tersebut saya telah menjelaskan dengan cara panjang dan dengan cara praktis. Saran saya, kalau boleh menyarankan nih ya?cheesy-grin Saran saya, lebih baik anda menggunakan cara yang panjang saja. Maksud dari cara yang panjang ini anda menggunakan script yang lengkap. Saya kasih lagi dah scriptnya, kalau masih belum tahu.mrgreen

<a href="URL POSTINGAN"><img style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="JUDUL GAMBAR" alt="KEYWORD GAMBAR" src="URl tujuan gambar" align="right" border="0" width="189" height="161"></a>


Sampai di sini dulu postingan saya hari ini. Semoga bermanfaat buat teman-teman.
Sumber:

No comments:

Post a Comment

Popular seribu