Imagyc

ImagycArtikel

Cara memberi nama gambar untuk SEO dan menata file situs

Diterbitkan 12 Oktober 2026 · 6 menit baca

Di artikel ini12 bagian
  1. Mulai dari isi gambar
  2. Struktur nama yang berguna untuk katalog
  3. Cara memisahkan kata dan memilih karakter
  4. Contoh nama file yang lebih jelas
  5. Berapa banyak kata yang perlu digunakan?
  6. Nama file, alt text, dan caption memiliki tugas berbeda
  7. Konteks halaman ikut membantu
  8. Ekstensi harus sesuai format sebenarnya
  9. Menata gambar pada situs multibahasa
  10. Berhati-hati ketika mengganti nama gambar yang sudah dipublikasikan
  11. Apa yang perlu diperiksa selain nama?
  12. Pertanyaan yang sering diajukan

Nama seperti sepatu-lari-biru-tampak-samping.webp menjelaskan isi gambar lebih baik daripada IMG_8472.webp. Nama yang jelas membantu tim menemukan file dan memberi petunjuk tentang gambar kepada mesin pencari.

Google menyebut nama file sebagai petunjuk kecil dan menyarankan nama yang singkat serta deskriptif.1 Penamaan merupakan bagian dari optimasi, tetapi tidak menjamin peringkat. Gambar tetap perlu berada pada halaman yang relevan, dapat ditemukan, dan berguna bagi pengunjung.

Gunakan kata yang menjelaskan apa yang benar-benar terlihat. Nama file tidak perlu menjadi kalimat iklan atau daftar seluruh kata kunci produk.

Mulai dari isi gambar

Sebelum menyimpan file, identifikasi subjek utamanya. Pada katalog, gunakan produk dan ciri yang membedakan foto: warna, model, atau sudut pengambilan. Pada artikel, nama dapat mengikuti objek atau kegiatan yang ditampilkan.

Foto sepatu biru dari samping dapat dinamai sepatu-lari-biru-tampak-samping.webp. Versi putih harus menjelaskan warna putih. Jangan memberi kata “biru” pada semua file hanya karena halaman menargetkan pencarian sepatu biru.

Hindari atribut yang tidak dapat ditunjukkan gambar. “Terbaik”, “termurah”, dan “nomor satu” biasanya menjelaskan janji penjualan, bukan isi visual.

Periksa apakah orang yang hanya membaca nama dapat memperkirakan isi file. Jika masih harus membuka banyak foto untuk menemukan yang benar, konvensinya dapat diperbaiki.

Struktur nama yang berguna untuk katalog

Struktur praktisnya adalah:

Subjek utama + ciri penting + sudut atau fungsi + ekstensi.

Untuk tas, hasilnya bisa tas-kulit-cokelat-tampak-depan.webp. Jika katalog memerlukan SKU, tambahkan tanpa menghilangkan seluruh deskripsi: tas-kulit-cokelat-depan-sku742.webp.

Tidak semua file membutuhkan seluruh bagian. Foto resepsionis klinik dapat memakai klinik-gigi-area-resepsionis.jpg. Menambahkan kode produk yang tidak ada justru membingungkan.

Pada koleksi besar, urutan tetap mengurangi nama acak. Nama dapat dibuat dari data katalog yang terpercaya, seperti jenis produk, warna, sudut, dan SKU. Periksa pengecualian agar foto berbeda tidak mendapat kombinasi nama yang sama.

Cara memisahkan kata dan memilih karakter

Google menyarankan tanda hubung untuk memisahkan kata pada URL.2 Karena nama file menjadi bagian dari alamat gambar, kaus-katun-hijau.webp lebih mudah dibaca daripada kauskatunhijau.webp.

Huruf kecil merupakan pilihan praktis untuk konsistensi. URL dapat membedakan huruf besar dan kecil: Foto.webp dan foto.webp bisa menunjuk alamat berbeda. Standardisasi mengurangi kesalahan referensi.2

Untuk alur sederhana, gunakan huruf a–z, angka, dan tanda hubung pada nama utama, lalu titik sebelum ekstensi. Ini konvensi pengelolaan, bukan aturan bahwa Google hanya menerima karakter tersebut.

Karakter beraksen dan alfabet lain dapat digunakan dengan pengkodean URL yang benar. Tidak ada dasar untuk menganggap karakter non-ASCII sendiri otomatis menimbulkan penalti SEO.2

Hindari ? dan # sebagai bagian nama utama. Pada URL, keduanya mempunyai fungsi untuk query dan fragmen. Spasi juga memerlukan pengkodean yang tepat. Konvensi sederhana mengurangi risiko tautan salah.3

Contoh nama file yang lebih jelas

Contoh berikut bersifat ilustratif. Sesuaikan nama dengan isi sebenarnya.

Nama kurang jelasNama deskriptifInformasi yang ditambahkan
IMG_8472.webpsepatu-lari-biru-samping.webpProduk, warna, dan sudut
foto-final-3.jpgtas-kulit-cokelat-depan.jpgIsi gambar, bukan status pekerjaan
banner-baru.pngkursi-kantor-detail-sandaran.pngObjek dan bagian yang ditunjukkan
gambar1.webpkopi-bubuk-kemasan-250g.webpProduk dan ukuran kemasan yang terlihat
logo-final.pnglogo-imagyc-latar-transparan.pngIdentitas dan versi file

“Final” dan “disetujui” bisa berguna dalam alur internal, tetapi tidak menjelaskan subjek kepada pengunjung. Simpan status persetujuan pada sistem pengelolaan atau gunakan kode versi ketika diperlukan.

Berapa banyak kata yang perlu digunakan?

Gunakan jumlah yang cukup untuk mengenali gambar. Google menyarankan nama ringkas, tetapi tidak menetapkan angka ajaib untuk jumlah kata pada panduan tersebut.1

meja-kayu-bulat-tampak-atas.jpg bisa memadai. File lain mungkin membutuhkan lebih sedikit atau lebih banyak kata. Kejelasan lebih berguna daripada mengejar kepadatan kata kunci.

Nama seperti sepatu-lari-sepatu-olahraga-sepatu-biru-beli-sepatu-murah.jpg berulang dan mencampur deskripsi dengan ajakan membeli. Nama itu sulit dikelola dan tidak membuktikan relevansi tambahan.

Jika perlu membedakan ukuran, gunakan akhiran konsisten: sepatu-lari-biru-samping-640.webp dan sepatu-lari-biru-samping-1280.webp.

Angka tersebut membantu pengelolaan, tetapi tidak menggantikan atribut dimensi pada HTML atau memaksa browser memilih file tertentu.

Nama file, alt text, dan caption memiliki tugas berbeda

Nama file mengidentifikasi aset. Alt text menjelaskan informasi atau fungsi gambar bagi orang yang tidak dapat melihatnya. Caption tampil pada halaman untuk memberi konteks tambahan.4

Jangan menyalin nama dengan tanda hubung secara otomatis ke atribut alt. Untuk sepatu-lari-biru-samping.webp, deskripsi alami dapat berupa “Sepatu lari biru dengan sol putih dilihat dari samping”.

Teks alternatif mengikuti fungsi. Jika gambar menjadi tombol atau tautan, jelaskan tindakan atau tujuannya. Gambar ikon unduh, misalnya, perlu menjelaskan fungsi mengunduh daripada sekadar bentuk panah.5

Gambar murni dekoratif dapat memakai alt="".6 Untuk grafik kompleks, satu kalimat singkat belum cukup: sediakan penjelasan atau data yang diperlukan pada konten halaman.7

Konteks halaman ikut membantu

Foto kursi lebih mudah dipahami pada halaman produk kursi tersebut. Judul, deskripsi produk, dan teks di dekat gambar perlu menjelaskan mengapa gambar ada di sana.

Google menyarankan alt text deskriptif dan gambar di dekat konten yang relevan.8 Gunakan unsur tersebut untuk membantu pembaca, tanpa menumpuk kata kunci.

Caption seperti “Detail pengaturan tinggi sandaran” dapat menambahkan informasi spesifik. Tidak perlu mengulang nama lengkap produk pada setiap foto.

Kualitas visual tetap penting. Nama yang tepat tidak memperbaiki foto gelap, buram, atau terlalu terkompresi. Untuk bagian teknisnya, baca mengapa optimasi gambar diperlukan.

Ekstensi harus sesuai format sebenarnya

Bagian setelah titik menunjukkan format: .jpg, .png, .webp, atau lainnya. Mengubah foto.jpg menjadi foto.webp tidak melakukan konversi.9

Gunakan alat yang menghasilkan format tujuan, lalu pertahankan ekstensi yang sesuai. Server juga perlu mengirim tipe konten yang benar.

Deskripsi dapat sama antarversi, misalnya tas-cokelat-depan.jpg dan tas-cokelat-depan.webp. Pilih format menurut kualitas dan kompatibilitas, seperti pada panduan format gambar.

Menata gambar pada situs multibahasa

Jika menerbitkan dalam bahasa Indonesia, Inggris, dan Portugis, deskripsi gambar perlu mengikuti bahasa halaman. Nama file dapat dilokalkan bila sesuai alur pustaka media.

Contohnya adalah tas-cokelat-depan.webp, brown-handbag-front.webp, dan bolsa-marrom-frente.webp. Ini pilihan pengelolaan, bukan keharusan membuat piksel foto berbeda untuk setiap bahasa.

Jika situs memakai sumber gambar bersama, teks alternatif dan konteks tetap dapat disesuaikan per halaman. Keputusan berbagi atau menggandakan file perlu mempertimbangkan CMS dan cache.

Google menyarankan URL tersendiri untuk versi bahasa halaman.10 Organisasi itu berbeda dari memasukkan tiga bahasa ke dalam satu nama gambar.

Berhati-hati ketika mengganti nama gambar yang sudah dipublikasikan

Mengganti nama dapat mengubah URL. Perbarui referensi pada halaman, pilihan srcset, metadata berbagi, serta bagian lain yang menggunakan alamat lama.

Untuk perubahan permanen, pertimbangkan redirect dari alamat lama ke alamat baru. Pengelola situs perlu menyiapkannya sesuai situasi.11

Hindari penggantian nama massal hanya untuk perubahan kecil tanpa manfaat jelas. Tautan rusak dapat menimbulkan masalah lebih besar daripada nama yang kurang rapi.

Untuk file baru, terapkan konvensi sebelum terbit. Langkah ini lebih sederhana daripada memperbaiki ribuan alamat kemudian.

Apa yang perlu diperiksa selain nama?

Pastikan gambar dapat dibuka melalui URL dan ditemukan pada halaman. Sitemap gambar dapat membantu penemuan file jika diperlukan, tetapi tidak menjamin pengindeksan.12

Periksa dimensi, format, ukuran, dan pemuatan. Thumbnail tidak perlu memakai sumber untuk zoom. Panduan resolusi gambar membantu menyiapkan versi yang sesuai.

Amati kueri, impresi, dan klik pencarian gambar melalui Search Console jika tersedia.13 Jangan menganggap seluruh perubahan berasal dari nama file jika bagian halaman lain ikut diubah.

Konvensi yang berguna mempermudah pencarian, penerbitan, dan pemeliharaan aset. Pilih deskripsi yang benar, gunakan pemisah konsisten, lalu gabungkan dengan optimasi teknis dan konteks halaman.

Pertanyaan yang sering diajukan

Apakah nama file saja bisa membuat gambar muncul di posisi teratas?

Tidak. Nama memberi petunjuk kecil. Relevansi halaman, penemuan file, kualitas, dan pengalaman pengguna ikut berperan.

Haruskah alt text sama dengan nama file?

Tidak. Nama membantu mengidentifikasi file; alt text menjelaskan informasi atau fungsi dengan bahasa alami.

Apakah angka SKU boleh digunakan?

Boleh untuk membedakan produk atau versi. Jika memungkinkan, sertakan deskripsi sehingga nama tidak hanya berupa kode.

Sumber 13 referensi · diakses pada 12 Oktober 2026
  1. Google. Image SEO
  2. Google. URL structure
  3. MDN. What is a URL?
  4. W3C WAI. Images
  5. W3C WAI. Functional images
  6. W3C WAI. Decorative images
  7. W3C WAI. Complex images
  8. Google. SEO starter guide
  9. web.dev. Raster images
  10. Google. Multilingual sites
  11. Google. Redirects
  12. Google. Image sitemaps
  13. Google. Search Console performance

Baca juga