Selasa, 09 Juli 2013

Cara membuat gambar blog valid html5

contoh


Image atau gambar dalam bahasa indonesia saling terikat pada halaman suatu situs web ataupun blog. Setiap halaman blog pasti memiliki suatu gambar baik itu pada designnya ataupun pada artikel yang telah diposting. Sebuah gambar pada halaman blog sangat mendukung nilai SERP halaman blogtersebut. Salah satu contoh : Search engine google selalu memperhitungkan suatu gambar pada halaman situs. Didalam hasil pencarian pada search engine google, google selalu memunculkan gambar dengan descripsi yang cocok kepada suatu kata yang akan kita cari, hal inilah kenapa setiap tool SEO selalu memperhitungkan judul gambar, descripsi gambar.

Pada postingan saya kali ini saya akan mengingatkan anda yang tidak pernah memperdulikan penulisan tag Image yang benar pada gambar halamannya. memang saya akui banyak para pengguna web ataupun blog tidak memperhatikannya bagaimana menangani suatu gambar pada situs agar lebih diterima berbagai search engine. Sebenarnya bila tg image halaman ada memang benar benar SEO pasti secara spontan akan meningkatkan ranking anda dalam hal pengindexan halaman. Anda mungkin pernah mengalami mencari sesuatu di mesin pencari dengan kata kunci tertentu, web ataupun blog yang anda cari akan terindex atau muncul dan gambar untuk kat kunci web/blog tersebut juga ikut terindex nah bangaimana kalo web/blog and yang terindex dan gambar pada halaman anda juga dalam pencarian pada satu kata kunci tentu hal ini kan sangat menguntungkan anda.

Pada Postingan kali ini tentu anda sudah lebih memahami hal tersebut jadi saya tetap akan menyarankan buat teman teman yang mau lebih kreative lagi agar web/blognya lebih SEO Friendly. Lihat tehnik penulisan tag image yang benar dan pastinya EO Friendly.

Struktur penulisan dasar tag image


<img alt='DESCRIPSI' src='URL gambar' height='TINGGI gambar' width='LEBAR gambar' title='JUDUL gambar'/>

Struktur penulisan LINK tag image


<a href='URL' rel='JENIS PERAYAPAN' title='JUDUL'> <img alt='DESCRIPSI' src='URL GAMBAR'/> </a>

Keterangan


  1. Pada Struktur penulisan dasar seperti code paling atas adalah penulisan tanpa link rujukan atau hanya menampilkan gambar saja.
  2. Pada penulisan struktur tag image code kedua memiliki suatu link rujukan atau yang bila diklik suatu gambar akan merujuk ke alamat yang lain.
  3. img adalah code tag html identitas gambar
  4. height adalah ukuran tinggi suatu gambar
  5. width adalah ukuran lebar dari suatu gambar
  6. alt adalah code descripsi suatu gambar
  7. title adalah judul suatu gambar
  8. rel adalah kontrol pada jenis perayapan [ 'follow' dan 'nofollow' ]
  9. src adalah code identifikasi atau sistem pembacaan alamat suatu gambar

Kesimpulan


Dari penjelasan diatas menggambarkan suatu sistem yang memang sudah mempunyai ketentuan yang harus kita taat i bila kita ingin membuat gambar pada situs. Tag html untuk penulisan code gambar pada suatu situs akan tetap diperhitungkan sistem pengoptimalan pada mesin pencari atau yang biasa disebut dengan SEO.

Tidak ada komentar:

Posting Komentar

Semua umpan balik saya hargai dan saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin.


1. Komentar SPAM akan dihapus segera setelah saya review

2. Pastikan untuk Berlangganan Lewat Email untuk membangun kreatifitas blog ini

3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.

4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system link exchange

5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.

6. Bergabung dengan kami untuk menjadi member ► | JOIN TO MEMBER BLOG | Dan mendapat fasilitas penuh