9.3 Mengoptimalkan Gambar: Jurus Guru Blogger Membuat Artikel Lebih Cepat, Menarik, dan SEO-Friendly

Ketika mulai serius mengembangkan blog, saya pernah menganggap gambar hanya sebagai pelengkap artikel. Saya mengambil foto, memasukkannya ke halaman tulisan, lalu selesai. Saya jarang memikirkan ukuran file, format gambar, nama file, alt text, apalagi kompresi. Yang ada di pikiran saya waktu itu sederhana: gambar harus terlihat bagus.

Setelah beberapa kali mengelola artikel pendidikan, saya mulai merasakan bahwa gambar ternyata mempunyai pengaruh besar terhadap kenyamanan pembaca. Gambar yang terlalu besar membuat halaman terasa berat. Gambar yang terlalu kecil terlihat kurang jelas. Gambar dengan nama file yang tidak teratur menyulitkan saya ketika harus mengelola banyak media. Bahkan gambar yang sudah bagus secara visual belum tentu sudah optimal untuk kebutuhan blog.

Dari pengalaman itulah saya mulai belajar tentang optimasi gambar untuk blog. Saya memahami bahwa gambar yang baik bukan hanya gambar yang indah, tetapi gambar yang relevan, berkualitas, memiliki ukuran yang proporsional, menggunakan format yang sesuai, mempunyai nama file deskriptif, dilengkapi alt text yang tepat, dan dikompresi secara wajar.

Google Search Central juga menjelaskan bahwa optimasi gambar perlu memperhatikan kemampuan mesin pencari menemukan dan mengindeks gambar, format gambar yang didukung, nama file, alt text, kualitas, serta kecepatan halaman. Google juga menyarankan penggunaan gambar responsif agar pengalaman pengguna lebih baik pada berbagai perangkat.

Bagi saya, pembahasan ini sangat penting karena sebagian besar pembaca blog pendidikan sekarang tidak selalu menggunakan komputer. Banyak yang membaca artikel melalui ponsel. Artinya, saya harus memastikan gambar yang saya pasang tetap nyaman dilihat sekaligus tidak membuat halaman terlalu berat.

9.3.1 Ukuran File

Hal pertama yang saya perhatikan ketika mengoptimalkan gambar adalah ukuran file. Saya pernah mengalami sendiri bagaimana sebuah foto dari kamera atau ponsel dapat memiliki ukuran file yang cukup besar. Jika foto tersebut langsung saya unggah ke blog tanpa diproses, halaman bisa menjadi lebih berat daripada yang saya bayangkan.

Saya kemudian membiasakan diri memeriksa ukuran gambar sebelum mengunggahnya.

Bagi saya, ukuran file bukan sekadar angka dalam satuan kilobyte atau megabyte. Ukuran file berkaitan dengan pengalaman pembaca ketika membuka artikel. Semakin besar data yang harus diunduh, semakin besar pula potensi waktu pemuatan menjadi lebih lama, terutama bagi pengguna dengan koneksi internet yang terbatas.

Google menjelaskan bahwa ukuran gambar dapat berpengaruh terhadap waktu pemuatan halaman dan menyarankan pengoptimalan gambar untuk memberikan pengalaman pengguna yang cepat sekaligus tetap mempertahankan kualitas visual.

Saya akhirnya tidak lagi menggunakan foto beresolusi sangat besar untuk artikel yang sebenarnya hanya membutuhkan gambar dengan ukuran tampilan sedang.

Misalnya saya mempunyai foto kegiatan pembelajaran dengan resolusi sangat tinggi. Saya tidak harus mengunggah versi asli tersebut ke blog. Saya dapat mengubah ukurannya terlebih dahulu sesuai kebutuhan tampilan artikel.

Di sini saya belajar sebuah prinsip sederhana: jangan mengirimkan ukuran gambar yang jauh lebih besar daripada yang diperlukan oleh halaman.

Jika gambar hanya ditampilkan dalam ukuran tertentu, saya menyesuaikannya. Dengan begitu, kualitas tetap cukup baik, tetapi beban file dapat dikurangi.

Saya juga memperhatikan gambar utama artikel. Jika gambar tersebut muncul pada bagian awal halaman dan menjadi elemen visual terbesar, optimasi menjadi semakin penting. Dokumentasi web.dev menjelaskan bahwa gambar dapat menjadi kandidat Largest Contentful Paint atau LCP, sehingga ukuran dan efisiensi pengiriman gambar dapat berpengaruh terhadap performa yang dirasakan pengguna.

Bagi saya, ini bukan berarti semua gambar harus dibuat sekecil mungkin. Saya tetap mempertahankan kualitas yang layak. Prinsipnya adalah mencari keseimbangan antara kualitas visual dan ukuran file.

9.3.2 Format Gambar

Setelah memahami ukuran file, saya mulai belajar bahwa format gambar juga menentukan efisiensi sebuah gambar di web.

Dulu saya mengenal JPG dan PNG sebagai format yang paling sering digunakan. Sekarang saya mengenal format seperti WebP dan AVIF yang juga banyak digunakan untuk kebutuhan gambar di web.

Google Search mendukung sejumlah format gambar, termasuk BMP, GIF, JPEG, PNG, WebP, SVG, dan AVIF. Google juga menyarankan agar ekstensi nama file sesuai dengan jenis file yang digunakan.

Namun, mengetahui format saja belum cukup. Saya perlu memahami kapan suatu format lebih sesuai.

Untuk foto kegiatan sekolah, saya biasanya mempertimbangkan JPEG atau WebP. Foto memiliki banyak variasi warna dan detail sehingga format raster lebih sesuai.

Untuk gambar dengan latar transparan atau elemen grafis tertentu, PNG dapat menjadi pilihan. Sementara itu, WebP dan AVIF menarik untuk dipertimbangkan ketika saya ingin mendapatkan efisiensi kompresi yang baik dengan kualitas yang tetap layak.

Web.dev menjelaskan bahwa WebP dan AVIF pada umumnya dapat memberikan kompresi yang lebih baik dibandingkan format raster yang lebih lama, sedangkan pemilihan format tetap harus disesuaikan dengan kebutuhan gambar.

Saya juga tidak menganggap satu format harus digunakan untuk semua gambar.

Jika saya membuat logo atau ikon yang membutuhkan sifat vektor, SVG dapat lebih sesuai. Jika saya menampilkan foto dokumentasi kegiatan siswa, JPEG atau WebP dapat lebih praktis. Jika saya membutuhkan transparansi dan detail grafis tertentu, saya mempertimbangkan PNG atau WebP.

Dengan kata lain, saya memilih format berdasarkan fungsi gambar, bukan sekadar mengikuti tren.

Saya juga menghindari kebiasaan menyimpan semua gambar sebagai PNG. Untuk foto, PNG dapat menghasilkan ukuran file yang lebih besar daripada yang saya perlukan. Sebaliknya, saya tidak memaksakan format lossy pada gambar yang membutuhkan detail tertentu.

Web.dev juga mengingatkan bahwa pemilihan format merupakan perpaduan antara kebutuhan visual, fitur seperti transparansi, jenis gambar, serta pertimbangan ukuran file.

9.3.3 Nama File

Hal yang sebelumnya sering saya abaikan adalah nama file gambar.

Ketika mengambil foto menggunakan ponsel, nama file biasanya berupa rangkaian karakter seperti IMG_20261001_123456.jpg. Nama tersebut memang tidak salah untuk penyimpanan pribadi, tetapi kurang membantu ketika saya mengelola banyak gambar untuk blog.

Saya kemudian mulai mengganti nama file menjadi lebih deskriptif.

Misalnya, daripada menggunakan:

IMG_1234.jpg

saya dapat menggunakan:

kegiatan-literasi-siswa-sd.jpg

atau:

media-pembelajaran-interaktif-guru.jpg

Google menjelaskan bahwa nama file dapat memberikan petunjuk ringan kepada Google mengenai subjek gambar. Google menyarankan nama file yang singkat tetapi deskriptif dan menghindari nama generik seperti image1.jpg, pic.gif, atau 1.jpg.

Saya tidak menganggap nama file sebagai tempat untuk memasukkan semua kata kunci. Justru saya membuatnya sederhana.

Jika gambar menggambarkan kegiatan literasi, saya menggunakan nama yang memang menggambarkan kegiatan tersebut. Jika gambar menunjukkan media pembelajaran, saya memberikan nama yang relevan.

Saya juga berusaha menghindari nama file yang terlalu panjang dan penuh kata yang tidak diperlukan. Nama file harus membantu saya sebagai pengelola blog sekaligus memberikan konteks yang masuk akal bagi mesin pencari.

Kebiasaan kecil ini ternyata sangat membantu ketika saya memiliki banyak gambar. Beberapa bulan kemudian, ketika ingin mencari kembali gambar tertentu, saya tidak perlu membuka satu per satu file. Nama file sudah memberikan petunjuk.

Bagi saya, optimasi gambar dimulai bahkan sebelum gambar masuk ke artikel.

9.3.4 Alt Text

Bagian yang menurut saya paling penting untuk dipahami guru blogger adalah alt text atau teks alternatif.

Pada awalnya saya mengira alt text hanya bagian teknis SEO yang harus diisi dengan kata kunci. Setelah belajar lebih jauh, saya memahami bahwa fungsi alt text jauh lebih penting.

Google menjelaskan bahwa alt text membantu memberikan deskripsi mengenai gambar dan juga mendukung aksesibilitas bagi orang yang tidak dapat melihat gambar, termasuk pengguna screen reader. Google juga menggunakan alt text bersama informasi pada halaman dan teknologi pemahaman gambar untuk memahami subjek sebuah gambar.

Artinya, ketika saya menulis alt text, saya seharusnya berpikir sebagai seorang komunikator.

Saya bertanya: “Jika gambar ini tidak terlihat, informasi apa yang seharusnya saya sampaikan melalui teks?”

Misalnya saya memiliki gambar seorang guru sedang menggunakan laptop untuk membuat materi pembelajaran.

Alt text yang sederhana dapat berupa:

“Guru membuat materi pembelajaran menggunakan laptop.”

Kalimat tersebut sudah memberikan informasi mengenai isi gambar.

Saya tidak perlu menulis:

“guru, guru blogger, blog guru, SEO guru, guru pendidikan, guru membuat blog, guru membuat artikel, blog pendidikan”

Itu bukan alt text yang baik. Itu justru menjadi penjejalan kata kunci.

Google secara khusus menyarankan agar alt text memberikan informasi yang berguna dan menggunakan kata kunci secara tepat dalam konteks. Google juga memperingatkan agar alt text tidak dipenuhi kata kunci karena dapat menciptakan pengalaman pengguna yang buruk dan berpotensi dianggap sebagai spam.

Saya juga memahami bahwa tidak semua gambar membutuhkan alt text yang panjang. Jika sebuah gambar hanya bersifat dekoratif dan tidak membawa informasi penting, penerapannya dapat berbeda tergantung sistem atau platform yang digunakan.

Sebaliknya, gambar yang menyampaikan informasi penting perlu memiliki deskripsi yang membantu.

Bagi saya, alt text akhirnya bukan hanya urusan SEO. Ini adalah bagian dari aksesibilitas konten.

Ketika saya membuat artikel pendidikan, saya ingin tulisan dapat dinikmati oleh sebanyak mungkin pembaca. Karena itu, saya tidak ingin informasi penting hanya disampaikan melalui gambar.

9.3.5 Kompresi Gambar

Setelah menentukan ukuran, format, nama file, dan alt text, saya sampai pada bagian yang sangat praktis, yaitu kompresi gambar.

Kompresi berarti mengurangi ukuran file gambar dengan cara tertentu. Tujuannya adalah membuat gambar lebih ringan sehingga lebih mudah dikirim dan dimuat oleh browser.

Saya pernah takut melakukan kompresi karena khawatir gambar menjadi buram. Ternyata kekhawatiran tersebut tidak selalu benar. Kompresi dapat dilakukan dengan tingkat yang berbeda. Tantangannya adalah menemukan titik keseimbangan antara ukuran file dan kualitas visual.

Web.dev menjelaskan bahwa optimasi gambar dapat membantu mengurangi ukuran halaman dan lalu lintas jaringan. Panduan tersebut juga menyarankan pemilihan format yang tepat, pengaturan kualitas yang sesuai, penghapusan metadata yang tidak diperlukan, serta penyajian gambar dengan ukuran yang sesuai.

Saya kemudian membiasakan diri melakukan beberapa langkah sebelum mengunggah gambar.

Pertama, saya memotong bagian foto yang tidak diperlukan.

Kedua, saya mengubah dimensi gambar sesuai kebutuhan.

Ketiga, saya memilih format yang sesuai.

Keempat, saya melakukan kompresi.

Kelima, saya memeriksa kembali apakah gambar masih terlihat jelas.

Jika hasil kompresi masih terlihat bagus tetapi ukuran file jauh lebih kecil, saya menggunakannya untuk artikel.

Saya tidak mengejar ukuran sekecil mungkin. Jika kompresi terlalu agresif sampai tulisan pada gambar tidak terbaca atau wajah menjadi pecah, saya mengulang proses dengan tingkat kompresi yang lebih ringan.

Web.dev juga mengingatkan bahwa gambar tidak sebaiknya dikompresi secara berlebihan karena kualitas visual dapat turun. Karena itu, pengaturan kompresi perlu diuji agar memperoleh keseimbangan antara kualitas dan ukuran file.

Bagi saya, prinsipnya sederhana: ringankan gambar tanpa merusak pesan visualnya.

Mengoptimalkan Gambar untuk Pengguna Ponsel

Salah satu pelajaran terbesar yang saya dapatkan adalah pentingnya memikirkan pengguna ponsel.

Saya membayangkan seorang guru membuka artikel saya melalui smartphone. Layar yang digunakan lebih kecil daripada komputer. Koneksi internet juga belum tentu selalu cepat dan stabil.

Karena itu, gambar harus dapat menyesuaikan diri dengan berbagai ukuran layar.

Google menjelaskan bahwa desain responsif membantu halaman diakses pada berbagai jenis perangkat dan dapat memberikan pengalaman pengguna yang lebih baik. Google juga menjelaskan penggunaan gambar responsif seperti srcset dan picture untuk menyediakan versi gambar yang sesuai dengan ukuran layar atau kemampuan perangkat.

Sebagai guru blogger yang menggunakan platform siap pakai seperti CMS atau layanan blog, saya mungkin tidak selalu perlu mengatur kode responsif secara manual. Banyak platform sudah menangani sebagian aspek tersebut. Namun, saya tetap perlu memahami prinsipnya.

Saya tidak boleh mengunggah gambar berukuran sangat besar hanya karena blog dapat menerimanya.

Saya perlu memikirkan bagaimana gambar tersebut benar-benar akan dikonsumsi pembaca.

Optimasi Gambar Bukan Sekadar Urusan Google

Semakin saya memahami SEO gambar, semakin saya merasa bahwa optimasi gambar sebenarnya bukan hanya tentang mesin pencari.

Saya mengoptimalkan gambar karena ingin pembaca nyaman.

Saya memberi nama file yang jelas karena ingin media saya tertata.

Saya menulis alt text karena ingin informasi gambar tetap dapat diakses.

Saya mengompresi gambar karena tidak ingin pembaca menunggu terlalu lama.

Saya memilih format gambar karena ingin kualitas dan performa berjalan seimbang.

SEO kemudian menjadi konsekuensi dari praktik yang baik, bukan satu-satunya alasan saya melakukan optimasi.

Google sendiri dalam Search Essentials menekankan pembuatan konten yang bermanfaat, andal, dan berorientasi pada manusia. Google juga menyebut bahwa kata-kata yang digunakan orang untuk mencari dapat ditempatkan pada lokasi yang deskriptif, termasuk alt text, tetapi tetap dalam konteks yang wajar.

Prinsip ini semakin menguatkan keyakinan saya bahwa guru blogger sebaiknya tidak menulis dan mengoptimalkan konten hanya untuk mesin.

Saya menulis untuk manusia.

Saya mengoptimalkan gambar untuk manusia.

Saya memperbaiki blog untuk manusia.

Mesin pencari kemudian membantu mempertemukan konten tersebut dengan orang yang membutuhkannya.

Penutup: Gambar yang Ringan, Relevan, dan Bermakna

Dari pengalaman saya sebagai guru blogger, saya belajar bahwa mengoptimalkan gambar merupakan bagian kecil yang dapat memberikan dampak besar terhadap kualitas sebuah artikel.

Saya mulai dari ukuran file. Saya tidak lagi sembarangan mengunggah gambar berukuran sangat besar.

Saya kemudian memperhatikan format. Saya memilih JPEG, PNG, WebP, AVIF, atau format lain sesuai karakter gambar dan kebutuhan halaman.

Saya memperbaiki nama file agar lebih singkat dan deskriptif.

Saya menambahkan alt text dengan bahasa yang alami dan benar-benar menggambarkan gambar.

Terakhir, saya melakukan kompresi agar gambar lebih ringan tanpa mengorbankan kualitas yang diperlukan.

Semua langkah tersebut sebenarnya tidak rumit. Yang dibutuhkan adalah kebiasaan.

Saya menyadari bahwa artikel yang baik bukan hanya artikel yang memiliki tulisan panjang. Artikel yang baik juga memperhatikan bagaimana pembaca menerima informasi. Jika sebuah gambar terlalu berat, pembaca mungkin menunggu terlalu lama. Jika gambar buram, pesan visual menjadi kurang jelas. Jika alt text tidak ada atau tidak tepat, sebagian pembaca dapat kehilangan informasi penting. Jika nama file berantakan, pengelolaan media menjadi sulit.

Karena itu, saya memandang optimasi gambar sebagai bagian dari profesionalisme guru blogger.

Saya tidak perlu menjadi ahli teknologi untuk memulainya. Saya hanya perlu membiasakan diri bertanya sebelum mengunggah gambar:

Apakah ukurannya sudah sesuai? Apakah formatnya tepat? Apakah nama filenya deskriptif? Apakah alt text-nya berguna? Apakah gambarnya sudah dikompresi?

Jika lima pertanyaan tersebut sudah saya perhatikan, saya merasa satu langkah penting dalam membangun blog pendidikan yang cepat, nyaman, mudah dipahami, dan SEO-friendly telah saya lakukan.

Bagi saya, gambar yang baik bukan gambar yang paling besar atau paling indah. Gambar yang baik adalah gambar yang relevan, tajam, ringan, mudah dipahami, dan hadir pada saat pembaca memang membutuhkannya.

Itulah prinsip yang sekarang saya gunakan dalam mengelola gambar di blog: ringan untuk dimuat, jelas untuk dilihat, informatif untuk dipahami, dan alami untuk dioptimalkan.

Kita sudah belajar tentang mengoptimalkan gambar, optimasi gambar blog, SEO gambar, SEO image, gambar SEO-friendly, ukuran file gambar, format gambar blog, WebP, AVIF, JPEG, PNG, nama file gambar SEO, alt text gambar, cara membuat alt text, kompresi gambar, kompres gambar blog, gambar responsif, kecepatan blog, guru blogger, blog pendidikan, optimasi artikel, SEO guru blogger, Google Images, pengalaman pengguna blog.