Apa itu SEO Gambar | +15 Tips & Teknik Pengoptimalan Gambar

Diterbitkan: 2021-06-03

Gambar adalah bagian alami dari internet, dan harus menjadi bagian alami dari SEO Anda. Seperti konten lainnya, gambar bisa bagus atau buruk untuk SEO. Gambar dan format serupa lainnya untuk konten kreatif memiliki pengaruh besar pada kinerja situs web Anda. Dalam posting ini, kita akan melihat apa hubungannya gambar dengan SEO dan bagaimana mengoptimalkannya.

Apa itu SEO Gambar?

Seperti kebanyakan hal dalam SEO, dua faktor penting ikut bermain dalam SEO Gambar – kecepatan dan konteks. Di satu sisi, kami mencoba mengoptimalkan kecepatan pengguna melihat gambar yang kami tampilkan di situs web kami. Namun, di sisi lain, kami juga berusaha memberikan konteks sebanyak mungkin kepada Google, membantunya memahami, mengklasifikasikan, dan memberi peringkat pada Gambar kami sesuai dengan Hasil Penelusuran.

Dalam SEO, pengoptimalan gambar adalah praktik meningkatkan peringkat dan visibilitas pencarian dengan membuat gambar lebih mudah diproses, dipahami, dan disajikan oleh mesin pencari. SEO Gambar melibatkan pengoptimalan dimensi, ukuran file, format, nama file, dan atribut teks alternatif dari gambar di situs web.

Untuk memberikan peringkat yang sesuai pada halaman Anda, Google menilai semua konten Anda, termasuk gambar Anda. Secara umum, semua elemen yang melibatkan gambar Anda harus bermain bersama dengan baik. Mereka harus memberikan konteks tentang apa yang ditampilkan pada gambar, tujuannya, dan jenis penelusuran apa yang harus ditampilkan Google pada gambar ini.

Kedengarannya membingungkan? Jangan khawatir, karena sekarang kita akan melihat dengan tepat faktor mana yang memengaruhi SEO gambar Anda. Dengan itu, kami juga akan melihat dengan tepat bagaimana Anda dapat mengoptimalkan gambar sehingga mereka berkontribusi pada upaya SEO Anda secara keseluruhan.

Bagaimana cara mengoptimalkan gambar situs web Anda untuk SEO?

Mengoptimalkan gambar adalah tugas yang jauh lebih sederhana daripada yang Anda bayangkan. Ini melibatkan mengikuti hanya beberapa praktik terbaik langsung yang dibagikan di seluruh praktik SEO populer lainnya. Dari pengalaman, saya dapat memberi tahu Anda bahwa semakin Anda bekerja dengan SEO Gambar, semakin mudah semuanya saat Anda membangun kebiasaan ini ke dalam proses SEO Anda.

Gunakan 15 tips ini untuk mengoptimalkan gambar Anda untuk SEO:

1. Selalu berusaha untuk menggunakan gambar yang unik

Dengan lusinan situs web stok foto gratis dan banyak dorongan dari rekan dan kolega Anda, seringkali mudah untuk kembali ke mentalitas "hanya foto stok".

Namun, ini tidak optimal, karena konten asli dihargai lebih baik di Google, dan sejauh ini peringkatnya lebih tinggi. Dan ini berlaku juga untuk gambar asli. Penelitian oleh Reboot Online Marketing menunjukkan dalam sebuah eksperimen bahwa Google memberi peringkat situs web yang berisi gambar asli lebih tinggi dibandingkan dengan situs yang mengambil foto stok.

Tapi bagaimana Anda bisa menghasilkan gambar asli? Dalam hal foto, menggunakan beberapa filter atau efek kreatif pada foto stok Anda dapat membuatnya cukup berbeda. Melakukan hal ini juga memberikan peluang besar untuk membuat konten merek, di mana gambar Anda mengikuti pedoman khusus yang sesuai (dan lebih mempromosikan) merek Anda.

Dan saat mencari grafik atau bagan, alat seperti Canva memungkinkan Anda untuk membuatnya kembali dalam hitungan menit. Sebagai alternatif, situs web seperti Freepik menawarkan banyak templat hebat bagi Anda untuk menampilkan statistik secara visual.

2. Jangan pernah mengganti teks dengan gambar

Sebuah gambar bernilai seribu kata kecuali kita berbicara tentang SEO. Sementara Google terus meningkatkan pengenalan gambarnya, algoritmenya jauh lebih maju daripada yang bertanggung jawab untuk memahami teks.

Pikirkan seperti ini: konten tertulis adalah alasan nomor satu untuk peringkat. Ini adalah prasyarat untuk peringkat di Google, di mana gambar adalah ceri di atas kue.

Jadi, saat membuat konten, rencanakan gambar Anda agar sesuai dengan teks – bukan sebaliknya. Tujuan sebuah gambar adalah untuk menjelaskan suatu konsep dan memberikan konteks tentang bagian-bagian di sekitarnya. Ini bukan (atau setidaknya, tidak boleh) pengganti teks.

3. Gunakan format file yang ramah web untuk gambar

Meskipun browser dan perangkat pengguna mendukung hampir semua format gambar, Anda harus menggunakan format gambar yang benar untuk kegunaan dan tujuan SEO. Itu karena menggunakan format yang salah dapat meningkatkan ukuran gambar Anda dan dengan demikian memperlambat situs web Anda.

4 jenis gambar yang paling umum untuk situs web adalah JPG, PNG, GIF, dan SVG. Semuanya memiliki tujuan unik yang memberikan kualitas terbaik untuk ukuran serendah mungkin.

  • Format JPG paling cocok untuk foto sebenarnya.
  • Format PNG sangat bagus untuk gambar yang dibuat secara digital.
  • Format GIF digunakan untuk gambar animasi. Misalnya, Anda dapat menggunakan GIF untuk menampilkan perkembangan grafik dari waktu ke waktu.
  • Format SVG menyediakan grafik vektor, berbeda dengan semua grafik lainnya, yang mendukung grafik raster. Grafik vektor adalah persamaan matematis yang dapat Anda tingkatkan tanpa kehilangan kualitas gambar. Format ini paling cocok untuk elemen desain di situs web, seperti logo Anda.

4. Gunakan dimensi gambar yang ramah SEO

Sesuai saran Squarespace, untuk gambar latar belakang lebar penuh yang seharusnya ditampilkan di spanduk atau bagian pahlawan situs web, disarankan ukuran gambar maksimum 1500px-2500px.

Menggunakan gambar besar mungkin terdengar seperti ide yang bagus saat mencoba menampilkan kualitasnya. Namun, apa pun yang melewati tanda 1500-2000 piksel adalah berlebihan. Peningkatan kualitas dapat diabaikan, sedangkan ukuran file meningkat secara signifikan. Demikian pula, sebagian besar pengguna tidak menjelajahi web menggunakan layar 4K terbaru, dan tidak perlu menggunakan gambar yang sangat besar.

5. Kurangi ukuran gambar menjadi 150kb

Semakin kecil gambar, semakin cepat pengguna dapat mengunduhnya – dan semakin cepat perangkat pengguna dapat menampilkannya. Dengan mengompresi gambar, Anda secara langsung meningkatkan kecepatan situs web Anda. Dan jika Anda belum pernah melakukan itu sebelumnya, itu bisa berarti banyak.

Untuk mengurangi ukuran gambar Anda secara efektif, pertama-tama ikuti saran dari atas dan kurangi dimensi ke ukuran yang dapat diterima. Setelah selesai, buka alat kompresi gambar seperti TinyPNG. Menjalankan gambar melalui kompresor memungkinkan Anda untuk menurunkan ukuran gambar sebanyak 70-80% sementara kualitas gambar tetap hampir tanpa cacat.

Perlu diingat bahwa SVG dan GIF juga dapat dikompresi – meskipun TinyPNG tidak mendukung fungsi tersebut. Untuk SVG, buka situs web seperti SVGminify. Demikian pula, untuk GIF, Anda dapat menggunakan alat seperti Ezgifs.

Terakhir, di sebagian besar platform CMS utama, Anda dapat mengotomatiskan proses ini dengan menggunakan plugin. Kami tidak akan memilih favorit di sini, jadi kami sarankan Anda mencari di Google sesuatu seperti "plugin pengoptimalan gambar wordpress ."

6. Lazyload gambar di situs web Anda

Meskipun namanya "malas" yang terdengar negatif, teknologi ini hebat. Anda dapat memikirkan pemuatan lambat seperti Netflix gambar di situs web Anda. Pada dasarnya, lazy loading mengambil gambar di situs web Anda sesuai permintaan, hanya saat dibutuhkan. Dan itu hanya terjadi ketika pengguna menggulir cukup sehingga gambar muncul di layar mereka.

Ini bagus dari perspektif kecepatan halaman karena itu berarti perangkat pengguna membuat lebih sedikit permintaan ke situs web Anda, sehingga memuat lebih sedikit informasi. Kedua faktor ini membuat situs web Anda lebih cepat. Teknologi ini sangat berguna untuk posting blog mendalam yang berisi banyak gambar, karena itu berarti pengguna bisa mendapatkan bit yang berharga lebih cepat.

7. Berikan gambar Anda nama file yang ramah SEO

Banyak dari kita cenderung menggunakan nama acak untuk gambar kita – atau setidaknya lupa untuk mengubahnya menjadi sesuatu yang masuk akal. Namun, nama file gambar penting karena memberikan lebih banyak konteks ke Google tentang apa yang ada di gambar. Karena itu, Google lebih cenderung merekomendasikan gambar dengan nama file kontekstual di Hasil Pencarian, karena memiliki informasi lain tentang konten gambar.

8. Tambahkan tag alt yang relevan dan deskriptif

Tag Alt adalah elemen penting lainnya yang memberi Google konteks tentang gambar. Juga dikenal sebagai teks alternatif, tag alt adalah atribut HTML yang ditampilkan sebagai ganti gambar jika gambar tidak dapat ditampilkan. Artikel ini menjelaskan apa itu tag alt di WordPress secara detail.

Saat menulis tag alt, ingatlah untuk menggunakan beberapa kata kunci yang Anda targetkan. Ini tidak harus menjadi kata kunci utama Anda. Sebagai gantinya, Anda dapat menggunakan kata kunci LSI yang menambahkan lebih banyak konteks ke keseluruhan konten.

Posting ini mengajarkan Anda cara menambahkan tag alt ke gambar di WordPress. Di dalamnya, Anda juga akan mempelajari metode terbaik kami untuk menulis tag alt, yang akan menyederhanakan seluruh proses Anda sambil memberikan dorongan besar untuk SEO gambar Anda. Terakhir, jika tag alt Anda tidak muncul, Anda akan menemukan perbaikan cepat dan mudah untuk WordPress di artikel ini.

9. Tulis teks alternatif tidak lebih dari 150 karakter

Meskipun tidak ada batasan dari perspektif pengkodean, teks alt tidak boleh lebih dari 150-200 karakter untuk SEO. Ini adalah banyak ruang, jadi seharusnya tidak menimbulkan tantangan. Dan itu juga sangat cocok dengan poin kita berikutnya.

10. Hindari judul gambar isian kata kunci & tag alt

Ya, kata kunci penting bagi Google karena mereka menetapkan topik dan konteks halaman Anda. Namun, seperti apa pun dalam SEO, ingatlah untuk tidak berlebihan. Paling-paling, Google tidak menyukai strategi spam, dan paling buruk, itu dapat membebani peringkat Anda.

11. Tambahkan gambar latar belakang di CSS situs web Anda

Ambang masuk untuk pengembangan web dan SEO semakin rendah dalam beberapa tahun terakhir. Karena itu, kita cenderung melihat banyak kesalahan dan kesalahpahaman pemula. Salah satu kesalahan tersebut, khususnya dengan gambar, adalah bagaimana mereka disajikan dalam kode. Setiap gambar yang merupakan bagian dari konteks harus berada di badan HTML Anda yang sebenarnya menggunakan tag <img>.

Namun, gambar yang tidak menambahkan konteks – seperti yang digunakan murni untuk tujuan desain – harus ditambahkan di CSS Anda. Dari perspektif SEO Gambar, ini berarti bahwa gambar yang digunakan untuk desain Anda akan (dan tidak boleh) mendapatkan teks alternatif. Itu karena atribut teks “alt=" hanya berlaku untuk tag <img> HTML.

12. Berikan konteks dalam teks sekitarnya

Seperti yang kami jelaskan sampai sekarang, praktik terbaik untuk SEO Gambar menentukan bahwa sebagian besar dari apa yang kami lakukan adalah menyediakan konteks tentang gambar kepada mesin pencari. Namun, satu faktor yang diabaikan sebenarnya adalah menggambarkan gambar Anda di dalam teks di sekitarnya.

Pikirkan seperti ini: dari sudut pandang pengguna, masuk akal untuk memiliki teks yang menjelaskan isi gambar. Dan kita tahu bahwa SEO dan UX bergabung dengan kecepatan yang semakin cepat. Akibatnya, Anda perlu memastikan bahwa konten Anda terikat secara kontekstual – dan setiap elemen memberikan konteks tentang elemen sekitarnya.

13. Tandai gambar Anda dengan data terstruktur

Sederhananya, markup Skema memberi mesin pencari informasi tentang konten halaman dalam format yang mereka sukai dan pahami. Dengan sendirinya, markup Skema tidak akan membuat situs web Anda mendapat peringkat di halaman 1 Google.

Sebaliknya, Skema dapat membantu Anda menarik lebih banyak lalu lintas sebagai konsekuensi dari peringkat yang sudah baik. Itu karena mesin pencari seperti Google menggunakan markup ini saat menampilkan Hasil Kaya seperti Cuplikan Unggulan atau FAQ.

Menandai halaman produk atau posting blog Anda dengan jenis Skema masing-masing memungkinkan Anda untuk menambahkan gambar. Google kemudian dapat menyajikan informasi ini kepada pengguna yang mencari. Melakukan hal ini bisa sangat bagus untuk rasio Klik-tayang Anda, karena dapat membuat hasil pencarian Anda lebih mendorong pengguna untuk mengklik.

Faktanya, Skema dapat menjadi faktor penentu untuk mendapatkan klik di beberapa industri. Misalnya, ingat kapan terakhir kali Anda mencari resep? Kemungkinan besar, faktor pengaruh terbesar untuk tempat Anda mengklik adalah bagaimana resep terlihat pada thumbnail yang ditampilkan di Google.

14. Gunakan solusi caching untuk mengirimkan gambar lebih cepat

Tahukah Anda bahwa server web Anda harus menghitung ulang dan mengirim semua konten setiap kali pengunjung datang ke situs web Anda? Ini memberi tekanan tambahan dan menghabiskan lebih banyak bandwidth paket hosting Anda. Selain itu, pengguna harus menunggu lebih lama – karena komputer di sisi lain harus memproses konten. Namun, tidak harus seperti ini!

Anda dapat secara drastis mempercepat situs web Anda dengan solusi caching sederhana, pada dasarnya "menyimpan" versi halaman Anda yang sudah ada. Dengan ini, ketika pengguna datang ke situs Anda, server web Anda mengirimkan salinan halaman Anda yang “siap pakai” alih-alih menghitung ulang setiap waktu.

Bagian terbaik? Sebagian besar platform CMS saat ini memiliki banyak plugin yang memungkinkan Anda menyiapkan solusi caching gratis hanya dalam beberapa menit. Untuk menemukan plugin caching yang tepat, cukup cari di Google bersama dengan nama CMS Anda.

15. Optimalkan kecepatan memuat gambar Anda dengan CDN

Terakhir, kinerja perangkat pengguna penting, tetapi begitu juga kinerja server Anda. Untuk banyak situs web kecil yang menggunakan paket hosting terbatas yang lebih murah, solusi efektif adalah menggunakan Jaringan Pengiriman Konten. Dengan itu, Anda pada dasarnya meng-host gambar Anda di situs web lain – yang kemudian mengirimkan konten itu secara independen dari server web Anda.

Demikian pula, situs web yang lebih besar dapat menggunakan CDN hanya karena mereka memiliki banyak lalu lintas. Ini memberi banyak tekanan pada server situs web mereka.

Argumen untuk CDN menjadi lebih baik ketika mempertimbangkan di mana pengunjung Anda tinggal. Jika Anda adalah perusahaan internasional, ingatlah bahwa banyak orang yang mengunjungi situs web Anda tidak tinggal di lokasi persis Anda (atau setidaknya lokasi server web Anda). Dalam kasus tersebut, CDN seperti Cloudflare membantu Anda mengirimkan gambar lebih cepat melalui banyak server mereka di seluruh dunia. Memiliki infrastruktur yang besar berarti selalu ada server yang dekat dengan pengunjung Anda – menghasilkan lebih sedikit penundaan.

Berapa ukuran file gambar yang optimal untuk SEO?

Ukuran file gambar Anda juga penting. Semakin besar gambar, semakin banyak waktu yang dibutuhkan perangkat pengguna untuk mengunduh dan menampilkan file tersebut. Ini menjadi perhatian karena situs web yang tidak memuat dengan cepat berdampak negatif pada pengalaman pengguna. Seperti yang diketahui Google, mereka juga mempromosikan situs web yang gambarnya dimuat lebih cepat lebih tinggi. Sebaliknya, Google cenderung melakukan demoting dari situs-situs Hasil Pencarian yang memuat lambat.

Meskipun tidak ada batas atas untuk ukuran gambar di web, ukuran file gambar hingga 150 kilobyte per gambar optimal untuk sebagian besar situs web. Gambar dengan ukuran file besar adalah salah satu penyebab utama situs web lambat, memperburuk Pengalaman Pengguna dan peringkat SEO berturut-turut.

Mengingat 59,5% pengguna menjelajah internet dari perangkat seluler, Anda dapat melihat betapa pentingnya setiap milidetik waktu buka. Tapi masalahnya meluas lebih jauh dari yang terlihat. Pengalaman pengguna yang negatif tidak hanya membuat pengguna sedikit kesal tetapi jauh lebih mahal dari itu. Bagaimana sebenarnya?

Peningkatan dari penundaan 1 detik menjadi penundaan 3 detik dalam waktu pemuatan halaman meningkatkan rasio pentalan Anda sebesar 32%, seperti yang ditunjukkan oleh penelitian oleh Google ini. Untuk perusahaan kecil yang menghadapi persaingan ketat dan harus berjuang untuk setiap pengunjung situs web, ini bisa sangat menghancurkan. Ini berarti bahwa lebih sedikit orang yang akan berkonversi menjadi pelanggan.

Dan ini berlaku bahkan untuk perusahaan besar. Untuk setiap peningkatan 100 milidetik dalam waktu buka halaman, Amazon.com mengamati penurunan penjualan sebesar 1%. Demikian pula, sebuah studi oleh Google menunjukkan untuk setiap 500 milidetik yang dibutuhkan mesin pencari untuk memuat halaman hasil pencarian, mereka mengalami penurunan pendapatan 20%. Untuk perusahaan yang menghasilkan miliaran setiap hari, ini berarti kehilangan potensi pendapatan yang sangat besar.

Bagaimana cara menemukan dan mengaudit gambar untuk SEO?

Untuk menemukan dan mengaudit gambar untuk SEO secara akurat, Anda perlu menggunakan perayap situs web yang berfungsi mirip dengan perayap web Google. Alat kesehatan situs web menemukan dan menunjukkan kepada Anda masalah dan area pengoptimalan potensial untuk situs web Anda sehingga Anda dapat meningkatkan peringkat dan visibilitas pencarian organik Anda. Alat tersebut menunjukkan kepada Anda:

  1. Gambar rusak apa itu gambar seo perbaiki gambar yang rusak
  2. Gambar terlalu besar apa itu gambar seo perbaiki gambar terlalu besar
  3. Tag alternatif hilang apa itu gambar seo, perbaiki tag alt yang hilang

Dengan demikian, Anda dapat melihat semua masalah situs web yang terkait dengan SEO Gambar dan cara memperbaikinya dengan cepat.

Optimalkan gambar dan tingkatkan peringkat dan visibilitas

Gambar memberikan Pengalaman Pengguna yang lebih baik dan membantu meningkatkan peringkat Anda karena membuat konten Anda lebih relevan bagi pengguna akhir. Praktik mengoptimalkan gambar melibatkan beberapa aspek kunci yang dibagikan di semua SEO – seberapa cepat gambar Anda dimuat dan seberapa baik mesin pencari memahaminya. Mengoptimalkan dimensi gambar dan ukuran file memastikan bahwa Anda telah mengambil langkah yang tepat untuk meningkatkan peringkat Anda. Selain itu, memberikan informasi kontekstual melalui judul gambar dan teks alternatif membantu Anda mengungguli pesaing di Google Penelusuran.