Senin, 25 Januari 2016

Optimasi Gambar pada Postingan Blogspot

Cara Optimasi Gambar pada Postingan Blogspot. Sebuah postingan blogspot tanpa sebuah gambar memang berasa ada yang kurang ya? Ibarat sayur tanpa garam. Meskipun begitu tidak semua postingan harus disertakan gambar. Tetapi untuk beberapa postingan yang disertakan gambar lebih baik dioptimalkan agar keberadaan di mesin pencari (search engine) lebih terindeks dengan keberadaan gambar tersebut.

Beberapa orang sering mencari referensi dari pencarian google image, misalnya. Biasanya dari gambar tersebut orang akan langsung menuju link yang dituju. Itulah tujuan dari optimasi gambar pada postingan blogspot.

Berikut saya bagikan cara optimasi gambar pada postingan blogspot.


Selalu gunakan “ALT TAG” untuk gambar

ALT TAG atau singkatan dari alternate tag.  Google sebagai search engine terbesar selain mengindeks teks juga mengindeks gambar. Maka sebaiknya kita menggunakan alt tag untuk gambar. Gunakan alt text sebagai pengganti crawling gambar pada search engine karena search engine biasanya tidak melihat gambar atau foto melainkan hanya melihat tulisan (text). Maka perlu kita tambahkan alt text dan tittle text pada gambar yang diposting.

Berikan nama file dan alt text secara singkat tetapi deksriptif.

Kesalahan kita seringkali lupa mengganti nama file gambar kita ketika diupload, misal DSC002.jpg atau 2014-11-13 08.04.10.jpg, padahal agar lebih dikenal oleh search engine kita harus mengganti yang lebih spesifik misal mpasi-baby-han.jpg. Gunakan tanda (-) sebagai penghubung nama file.

Tidak dianjurkan pula memakai nama file yang terlalu panjang. Salah-salah google akan mengganggap spam karena kita terlalu banyak memasukkan keyword ke alt text kita.

Cara menambahkan alt text bisa dilihat dari script berikut.
<img scr='nama_file_gambar.jpg'  alt='nama alt-text kita' title='nama title gambar'/>

Ganti “nama alt-text kita” dan “nama title gambar” sesuai alt text + title milikmu sendiri.

Secara mudah sih saat kita upload gambar di blogspot kita klik kanan gambar, klik properties lalu isikan title text dan alt text.


Format Ukuran Gambar

Biasanya search engine lebih menyukai gambar yang berformat .jpeg atau .jpg atau .png sebagai bahan pencarian mereka. Tidak percaya? Coba upload gambar di blogspot. Kan cuma disediakan ketiga format di atas?

Usahakan gambar yang diupload juga tidak lebih dari 100Kb, karena gambar kecil tersebut memperingan loading blog kita. Blog yang ringan diloading adalah yang disukai para pembaca juga disukai oleh google. Betul?

Beberapa blogger merekomendasikan untuk meresize gambar kita menjadi berukuran 560px x 315px atau 488px x 520px. Banyak aplikasi yang dapat meresize gambar kita menjadi ukuran-ukuran tersebut, misal photoshop, photoscape, pixel bahkan paint!. Dan saat dipublish, gunakan ukuran yang original. Otomatis gambar akan memenuhi lebar postingan kita. Kebanyakan begitu, saya juga begitu, lebih sering menggunakan yang berukuran 488px.x520px sehingga postingan saya menjadi lebih indah dipandang mata karena gambarnya terlihat lebar daripada ketika menggunakan gambar asli tetapi terlihat kecil di postingan.

Akan tetapi ada satu masalah ketika kita meresize gambar-gambar tersebut menjadi berukuran kecil dengan cara di atas yaitu gambar kita menjadi kurang terlihat jernih. Dikarenakan kepadatan pixelnya dibuat menjadi kecil. Maka berikut saya rekomendasikan beberapa aplikasi pengompress gambar agar ketika diposting, gambar tetap terlihat jernih.

1. Compressjpg.com
Selain format jpg, compressjpg.com juga bisa mengompress gambar berformat .png menjadi lebih kecil. Pindah tab jpeg ke png. Otomatis akan beralih ke compresspng.com. Compressjpg.com juga menyediakan fitur manual bila hasil kompres masih dirasa kurang kecil. Kita bisa mengompress hingga ukuran yang terkecil. Klik gear pada hasil kompress yang pertama.

2. Resize-photos.com
Kita bisa memasukkan gambar berformat .jpg .png .gif .bmp .psd menjadi format .png .jpg. gif. dan .bmp dengan kualitas pixel yang kita ketik secara manual.

Selain itu kita juga bisa menambahkan effect pada gambar yang kita upload. Memberi caption, bahkan menambahkan borders.

3. jpeg-optimizer.com
Hampir mirip dengan resize-photos.com hanya saja jpeg-optimizer ini hanya mampu untuk meresize foto tanpa menambahkan efek apapun. Kita tinggal mengupload foto lalu mengubah sesuai kerapatan pixel juga mengkompresi beberapa level. 

optimasi gambar
hasil resize menggunakan jpeg-optimizer

4. tinyjpg.com
Tinyjpg.com mampu meresize 20 foto sekaligus dengan masing-masing 5MB.

5. resizeimage.net
Format yang mampu diresize adalah yang berformat jpg, png, gif, dan bmp. Bukan cuma meresize tetapi juga mampu untuk mengCROP gambar kita.  Jika ingin merotasi, resizeimage.net juga bisa merotasi baik itu 90, 180 ataupun kebalikan arahnya.

Tersedia juga option untuk merubah background menjadi transparant. Terakhir disediakan option optimize mau yang best quality, medium atau progressive compression. Lalu resize. 

Jangan lupa setelah mengompress gambar-gambar tersebut menjadi berukuran kurang dari 100Kb untuk mensettingnya menjadi berukuran medium karena ada beberapa yang meskipun telah dikompress tapi ukuran pixelnya tetap berukuran besar (ukuran pixelnya yang besar).

Kalau kamu lebih suka meresize atau mengkompress gambar? Let me know ya!

comments

11 komentar:

  1. Iya aku juga sudah mulai masukkin alt text meski kadang suka lupa :D, hihi

    Thanks sharingnya

    BalasHapus
  2. saya juga pernah baca kalo gambar yg sesuai itu menunjang pencarian di google. makasih udah sharing ya...

    BalasHapus
  3. saya sudah mulai menerapkan hal ini Mbak, tapi masih sering lupa :(

    BalasHapus
  4. Hahhaha nice sharee,,asiik.makasih mba

    BalasHapus
  5. Aki sudah melaksanakan alt properties itu mba buat namain gambarnya, tapi gak aku resize. Jadi mungkin gak terdeteksi mbah google gitu ya mba? Hihihii thanks for sharing

    BalasHapus
  6. Thanks mbak for sharing this. Seringnya lupa ya nambahnin alt ini,
    skrg mah harus semangat optimasi ya biar gambarnya bisa di deteksi google juga

    BalasHapus
  7. meski sederhana tapi ini efeknya memang signifikan

    BalasHapus
  8. Suka lupa deh...pdhal udah tahu efeknya lumayan buat optimasi.
    Jd harus lbh telaten nih

    BalasHapus
  9. kalau lagi ingat saya pakai ALT nya tapi keseringan lupa :) terima kasih sudah diingatkan ya

    BalasHapus
  10. Wah, nice sharing Mba. Iya, kadang gambarnya burem kalau diperkecil. Siap praktekin deh :)

    BalasHapus

Komentarnya sementara dimoderasi ya 😁 dan jangan tinggalkan link hidup. Nanti BW baliknya lewat profil teman-teman. Terima kasih untuk tidak menggunakan "ANONIM".

Recommendations by Engageya