Ragam Bisnis Online Blogger Yang Populer Saat Ini Dan Paling Banyak Peminat Serta Popular Dengan Menggunakan Media Website

Menyisipkan Elemen Tambahan Pada Gambar

Posted by farah aksesoris 2 komentar

Dalam Artikel tentang Bagaimana cara mengoptimalkan Content website di Seacrh Engine ada beberapa point yang sempat menarik perhatian pengunjung dan pembaca setia Blog ini. Point 5 sempat ditanyakan dan penjelasannya diberikan pada artikel Optimalisasi Desain dan Font di Blog. Sedangkan untuk Point 6, berikut disampaikan penjelasannya untuk dapat juga dipergunakan oleh pengunjung dalam usaha untuk mengoptimalkan content di search engine.

Seperti diketahui selain teks, halaman web juga dapat memuat gambar/image. Terdapat beberapa jenis format gambar yang dapat digunakan pada halaman web, antara lain :

  • GIF (Grafical Interchange Format) (.gif)
  • JPEG (Joint Photographic Expert Image) (.jpg)
  • PNG ( Portable Network Graphic) (.png)
  • BMP (Bitmap) (.bmp)

Untuk menyisipkan suatu gambar dalam halaman web dapat dilakukan dengan menggunakan tag <IMG>. Tag tersebut memiliki elemen tambahan yang berfungsi agar gambar yang ditampilkan lebih search engine friendly atau lebih bersahabat dengan mesin pencari khususnya google. Elemen tambahan yang dimaksud sebagai berikut :

  • SRC URL gambar - Diisi dengan alamat yang menunjuk pada sumber file gambar
  • ALT teks- Menentukan tulisan yang akan ditampilkan (biasanya ditempatkan antara tanda petik). Apabila browser tidak dapat menampilkan gambar untuk alasan tertentu.
  • ALIGN Center, Justify , Left , Right , Baseline, Top, Bottom dan Middle
    Top, bottom, middle digunakan untuk menentukan posisi image terhadap teks sedangkan Left, Right, Center untuk menentukan posisi image pada dokumen
  • HEIGHT angka, Digunakan untuk menentukan ukuran tinggi gambar
  • WIDTH angka, Digunakan untuk menentukan ukuran lebar gambar
  • BORDER angka, Digunakan untuk memberikan bingkai pada gambar

Terdapat dua cara untuk memuat gambar dalam web dengan menggunakan tag <IMG> :

  • Penggunaan Absolute path, biasanya gambar diletakkan pada folder yang sama dengan halaman web, sehingga cukup dipanggil nama filenya saja, atau dapat berupa alamat dari suatu website. Contoh : <img src=”logo.gif”>
  • Penggunaan relative path, yaitu file gambar disimpan pada folder yang terpisah dengan folder halaman webnya. Contoh : <img src=”/image/logo.gif”>

Penggunaan gambar dapat diletakkan dibagian mana saja dari suatu dokumen web, yang harus dilakukan hanya memanggil tag <IMG> dimana gambar tersebut akan dimunculkan. Berikut ini adalah contoh penggunaan gambar pada suatu halaman web dengan atribut yang dimilikinya.

<img src="Alamat File Gambar_125×125.jpg" width="125" height="125" border="0" alt="Tag Keyword"></a>

10 Steps To A Google Friendly PageDalam contoh ini dapat disampaikan pengertian bahwa Gambar yang disimpan pada alamat hosting memiliki ukuran 125 x 125 dengan format jpg. Atribut width dan height serta border memberi efek pada gambar tersebut dengan ukuran lebar dan panjang yang relatif konsisten sesuai dengan angka yang dicantumkan dalam ukuran pixel di halaman web/content tersebut dan berbingkai (angka > 0) atau tidak berbingkai (angka=0).

Manfaat dari penambahan atribut ALT adalah agar gambar tersebut dapat diindex oleh mesin pencari, seperti diketahui mesin pencari tidak mengenali gambar tetapi lebih mengenal kalimat. Disinilah manfaat dari penambahan atribut ALT atau TITLE.

Gambar juga dapat dijadikan latar belakang (background) dari suatu halaman web dan disamping itu link juga dapat dibuat dengan menggunakan image/gambar. Banyak hal yang bisa dilakukan untuk memperindah tampilan website atau blog dengan gambar tanpa harus mengabaikan pengaruhnya ke search engine, yaitu dengan menambahkan beberapa elemen tambahan pada gambar tersebut. Lain waktu akan ditulis artikelnya di blog ini.

Selamat Berkreasi.