Cara Optimasi Gambar SEO di Wordpress dan Blogger
Menurut Google, gambar sangat penting untuk SEO , pengalaman pengguna secara keseluruhan, "kelengketan" situs web, dan mempertahankan pengunjung di dunia di mana rentang perhatian online rata-rata hanya delapan detik.
Tampak jelas, tetapi Anda akan terkejut betapa efektifnya pengoptimalan gambar untuk SEO. Terutama ketika Anda mempertimbangkan hampir 90% data yang dikirimkan otak adalah visual.
Tidak percaya kami? Inilah eksperimen pemikiran untuk Anda: coba ingat kembali situs eCommerce terbaru yang Anda kunjungi. Apa yang terlintas dalam pikiran? Deskripsi dan spesifikasi produk atau tampilan dan nuansa situs secara keseluruhan (fotografi produk gaya hidup dan studio, citra makro, dan sebagainya)? Masuk akal, bukan?
Tools Kusus SEO dan Marketing:
Baca Juga:
Yah, ini sama sekali bukan kecelakaan melainkan disengaja. Dan di balik semua gambar yang tajam, penuh warna, dan beresolusi tinggi ini adalah pengoptimalan SEO—memainkan peran penting dalam mengarahkan pengguna yang memenuhi syarat—seperti Anda—ke situs.
Mengapa Pengoptimalan Gambar SEO Penting?
Meskipun Anda mungkin sudah mengetahui jawaban atas pertanyaan ini, penting untuk memahami mengapa dan bagaimana pengoptimalan gambar tidak hanya memengaruhi SEO, tetapi juga kesehatan situs secara keseluruhan. Gambar besar dan sulit diatur yang disajikan di semua perangkat tanpa bantuan CDN (Content Delivery Network) dapat sangat menghambat pengalaman pengguna, waktu di situs, konversi, dan akhirnya peringkat situs di SERPS.
Kiat pro: Dengan Google Pagespeed Insights , Anda dapat melihat peluang mana yang tersedia untuk meningkatkan kecepatan situs Anda, dengan pengoptimalan gambar sebagai komponen utama.
Semua yang dikatakan, kami merasa bijaksana untuk menguraikan beberapa praktik terbaik untuk pengoptimalan gambar SEO di situs Anda untuk membantu mengurangi tantangan yang tidak terduga karena waktu pemuatan yang lambat, ketidakmampuan perayap untuk mengindeks konten situs dengan tepat, dan UX yang buruk untuk pengunjung Anda.
Praktik Terbaik Pengoptimalan Gambar untuk SEO
Pilih format terbaik
Sekarang aman untuk mengasumsikan bahwa kita semua agak akrab dengan format gambar dasar di seluruh web. Kami berbicara tentang gambar GIF, PNG, dan JPEG standar Anda yang ditemukan di mana-mana di situs dari semua ukuran dan denominasi (Demi ruang dan kejelasan, kami akan membuat segalanya sesederhana mungkin dengan tiga format ini. Namun, kami menyadari fleksibilitas dan penerapan di sekitar format gambar JPEG XR dan WebP juga) .
Meskipun demikian, pemilihan format harus ditentukan oleh fungsi gambar yang dimaksud.
Apakah animasi diperlukan untuk meningkatkan keterlibatan dan menyampaikan pesan tertentu? Pergi dengan GIF.
Apakah kualitas gambar tertinggi diperlukan? PNG mungkin yang terbaik.
JPEG, kemudian, biasanya merupakan format yang disukai untuk mempertahankan sebagian besar detail gambar sekaligus mengurangi ukuran file—ideal untuk kecepatan situs dan waktu muat.
Apa pun format yang Anda putuskan, penting untuk mengoptimalkan ukuran setiap gambar untuk mengurangi ketertinggalan situs. Ada beberapa alat pihak ketiga yang tersedia untuk melakukan ini seperti exgif , optipng , dan pngquant .
Ubah ukuran gambar Anda dengan tepat
Saat mengembangkan front-end situs Anda, memastikan lebar maksimum untuk setiap pemuatan gambar adalah kunci untuk mencegah gambar yang terlalu besar memperlambat waktu pemuatan situs.
Sederhananya, bayangkan gambar pahlawan dengan lebar 5000px, namun lebar situs Anda tidak melebihi 1200px.
Gambar akan tetap disajikan dalam batasan situs. Namun, memuat semua 5000px akan memperlambat situs secara signifikan.
Solusinya? Ubah ukuran dan unggah gambar dalam lebar maksimum yang Anda butuhkan. Dan jika Anda tidak yakin apa itu, minta desainer Anda menggali CSS untuk mencari tahu.
Satu-satunya peringatan di sini adalah berhati-hati dalam mengubah ukuran gambar ini jika Anda menggunakan desain yang responsif. Jadi pastikan untuk menghubungi desainer front-end Anda untuk memastikan lebar maksimum apa pun yang Anda ubah ukurannya agar sesuai dengan sifat responsif situs.
Beri nama gambar Anda dengan tepat
Tanyakan desainer web atau pengelola konten mana pun dan mereka akan menyampaikan pentingnya konvensi penamaan untuk gambar di seluruh situs. Ini tidak hanya menjaga semuanya tetap teratur di backend tetapi—yang lebih penting—Google menggunakan nama file untuk mengindeks materi subjek gambar.
Misalnya, space-gray-macbook-pro.jpg jauh lebih mudah dirayapi dan diindeks daripada img000456.jpg.
Apa yang juga relevan di sini adalah teks alternatif deskriptif untuk setiap gambar.
Sebagai penyegaran, teks alternatif (yaitu teks alternatif) berfungsi sebagai deskriptor gambar (apa yang ditampilkan browser kepada pengguna dengan pembaca layar, dan saat gambar tidak dapat dimuat dengan benar).
Selain itu, teks memberikan informasi yang berguna kepada Google untuk tujuan pengindeksan, jadi masuk akal untuk menyertakan sebanyak mungkin informasi langsung untuk membantu meningkatkan visibilitas.
Kelola ukuran file setiap gambar
Seperti yang dinyatakan sebelumnya, JPG, PNG, dan GIF membentuk format gambar "tiga besar" yang diuraikan di web. Semuanya memiliki metode kompresi yang berbeda.
Mengapa ini penting?
Itu penting karena ukuran file terkompresi dari setiap gambar dapat sangat berbeda satu sama lain—yang dapat berdampak langsung pada kecepatan situs dan waktu pemuatan. Faktanya, Google telah mengkonfirmasi bahwa kecepatan situs memainkan peran penting dalam peringkat SERP untuk desktop dan seluler.
Jadi, Anda sebagai SEO, pemilik situs, atau pengelola konten harus memilih ukuran file gambar sekecil mungkin sambil mempertahankan kualitas terbaik (format JPEG sering kali berfungsi paling baik).
Untuk pengguna Mac, imageoptim adalah alat gratis yang fantastis untuk mengoptimalkan ukuran gambar.
Buat peta situs gambar
Kecuali Anda menggunakan WordPress dan Yoast SEO , kemungkinan besar gambar Anda tidak ditambahkan secara otomatis ke peta situs Anda—langkah penting dalam memberikan detail tambahan kepada Google tentang gambar Anda yang mungkin tidak diambil dengan merayapi situs.
Lebih penting lagi, peta situs gambar, tidak seperti peta situs standar, dapat berisi URL dari domain lain. Ini memungkinkan webmaster menggunakan CDN untuk menghosting gambar, yang memungkinkan waktu pemuatan gambar lebih cepat. Ini juga memungkinkan Google Search Console untuk melaporkan kesalahan perayapan yang ditemukan di situs setelah nama domain CDN diverifikasi.
Jadikan gambar Anda responsif untuk seluler
Dengan lalu lintas web yang cukup besar, jika bukan mayoritas, yang berasal dari seluler, situs yang lambat dapat merusak peringkat masing-masing.
Kunci untuk mengurangi rasa sakit yang berasal dari kecepatan situs yang lambat datang dalam bentuk pemuatan gambar yang responsif untuk seluler. Artinya, jika Anda memiliki gambar dengan lebar 1000px di situs Anda tetapi tampilan seluler hanya berukuran 350px, memuat 650px ekstra itu akan membuang bandwidth dan mencegah halaman dimuat dengan cepat—yang tidak baik untuk SEO.
Untungnya, ada satu cuplikan kode HTML yang memecahkan masalah: srcset . Di sini, potongan kode ini meminta browser untuk memuat ukuran gambar yang berbeda untuk resolusi tampilan yang berbeda. Jadi, dengan gambar dengan lebar 1000px itu, Anda dapat menyertakan opsi ukuran yang berbeda dalam sintaks sehingga gambar dengan ukuran yang tepat disajikan pada tampilan masing-masing berdasarkan perangkat dan ukuran layar tertentu.
Beberapa CMS (misalnya WordPress) secara otomatis menghasilkan kode ini untuk kenyamanan pengguna dan menawarkan plugin untuk mengoptimalkan gambar untuk tampilan retina bila diperlukan.
Kami baru mulai menggores permukaan tentang apa yang dapat dilakukan oleh pengoptimalan gambar SEO yang komprehensif. Google dan berbagai situs web pihak ketiga menawarkan informasi tambahan tentang markup skema untuk gambar, manfaat menggunakan CDN untuk meningkatkan waktu pemuatan situs, memanfaatkan cache browser untuk mengurangi waktu pemuatan situs dengan banyak gambar, dan bahkan memilih "pemuatan malas" , di mana gambar hanya disajikan saat diminta untuk ditampilkan di layar.
Tak perlu dikatakan, ada segudang tip dan trik di luar sana untuk membantu mengoptimalkan SEO gambar Anda dan oleh karena itu pengalaman situs Anda, relevansi, dan konten keseluruhan, jadi telitilah dengan bijak.