Cara Menulis Nama File Gambar yang Membantu SEO dan Aksesibilitas

Nama file gambar penting, tetapi tidak sebesar yang sering diklaim orang

Nama file gambar adalah salah satu detail kecil di web yang sering memancing terlalu banyak kepastian. Sebagian tim mengabaikannya sepenuhnya dan menerbitkan IMG_7421.jpg. Tim lain mengubah setiap foto produk menjadi esai kata kunci mini.

Jalan tengah yang berguna itu sederhana: tulis nama file yang menggambarkan gambar dengan jelas, membantu manusia mengelola aset, dan memberi mesin pencari sedikit konteks tambahan. Jangan berharap nama file dapat menyelamatkan konten yang lemah, alt text yang hilang, gambar yang lambat, atau halaman yang membingungkan.

Google secara eksplisit merekomendasikan penggunaan nama file yang pendek dan deskriptif untuk gambar. Itu saran yang baik. Namun itu juga saran yang terbatas. Nama file hanyalah satu petunjuk kontekstual di antara banyak hal: teks di sekitarnya, judul halaman, data terstruktur, caption, alt text, tautan, kualitas gambar, dan apakah gambar tersebut benar-benar berguna bagi halaman.

Aksesibilitas juga serupa. Nama file yang baik bukan pengganti alt text. Namun nama file dapat mengurangi dampak buruk ketika ada yang tidak berjalan semestinya, dan memudahkan editor, developer, serta pengguna yang mengunduh, menyimpan, atau membagikan file tersebut.

Aturan singkat

Gunakan nama file yang menjawab pertanyaan ini:

Jika seseorang hanya melihat nama file, apakah mereka akan memiliki gambaran kasar tentang isi gambar?

Baik:

• red-running-shoes-side-view.jpg
• checkout-error-message-mobile.png
• oak-dining-table-120cm-walnut.jpg
• team-planning-workshop-whiteboard.webp

Buruk:

• IMG_7421.jpg
• final-final-v3-new.jpg
• best-cheap-running-shoes-buy-online-discount-sale.jpg
• screenshot.png

Tujuannya bukan puisi. Tujuannya adalah kekhususan yang berguna.

Apa yang dilakukan nama file gambar yang baik untuk SEO

Nama file yang baik membantu mesin pencari memahami gambar, terutama dalam konteks pencarian gambar. Nama file dapat memperkuat topik halaman dan subjek visual.

Namun ini adalah sinyal yang lemah dibandingkan hal-hal dasar:

• Gambar muncul di halaman yang relevan.
• Teks di sekitarnya menjelaskan atau mendukung gambar.
• Gambar memiliki alt text yang sesuai saat diperlukan.
• Gambar dapat dirayapi dan diindeks.
• File tidak berukuran terlalu besar tanpa alasan.
• Halaman dimuat dengan andal.

Jika Anda memperbaiki gambar untuk pencarian organik, mulai dari relevansi dan kegunaan halaman. Lalu rapikan nama file. Setelah itu lihat kompresi, format, dimensi, lazy loading, dan data terstruktur bila sesuai. Panduan kami tentang format gambar pada 2026 adalah pendamping yang berguna jika pembersihan penamaan Anda berkembang menjadi perbaikan performa gambar yang lebih luas.

Apa yang dilakukan nama file gambar yang baik untuk aksesibilitas

Secara ketat, nama file bukan mekanisme aksesibilitas utama untuk gambar. Alt text-lah yang utama.

Jika sebuah gambar menyampaikan informasi, atribut alt harus menyediakan alternatif teks. Jika gambar bersifat dekoratif, atribut alt biasanya harus kosong: alt="". Jika gambar adalah tautan atau tombol, teks alternatif harus menggambarkan tindakan atau tujuan, bukan sekadar pikselnya.

Kami telah membahasnya secara rinci dalam panduan pragmatis untuk alt text gambar pada 2026, dan alt text layak diperlakukan sebagai tugas editorial terpisah.

Jadi mengapa tetap peduli pada nama file untuk aksesibilitas?

Karena nama file sering muncul di pinggiran pengalaman pengguna:

• Beberapa kombinasi teknologi bantu/browser mungkin menampilkan nama file saat alt text hilang.
• Gambar yang diunduh membutuhkan nama yang dapat dipahami di luar halaman web.
• Pustaka media CMS lebih mudah diaudit ketika namanya deskriptif.
• Editor lebih kecil kemungkinannya melampirkan gambar yang salah ketika file dinamai dengan jelas.
• Gambar yang rusak dan tampilan debugging lebih mudah ditafsirkan.

Nama file tidak akan membuat gambar yang tidak aksesibel menjadi aksesibel. Namun nama file yang buruk dapat membuat kegagalan menjadi lebih membingungkan.

Konvensi penamaan praktis

Gunakan pola default ini:

subject-detail-context.ext

Contoh:

• espresso-machine-steam-wand-closeup.jpg
• pricing-table-enterprise-plan-desktop.png
• garden-chair-green-metal-front-view.webp
• password-reset-email-example.png

Untuk produk, versi yang sedikit lebih terstruktur sering kali bekerja lebih baik:

brand-product-model-color-view.ext

Contoh:

• acme-trail-jacket-blue-front.jpg
• northline-desk-lamp-brass-side.webp
• terra-ceramic-mug-white-top-view.jpg

Untuk gambar editorial:

topic-specific-scene.ext

Contoh:

• remote-team-video-call-laptop.jpg
• city-bike-lane-rain-evening.jpg
• developer-debugging-http-headers-terminal.png

Untuk tangkapan layar UI:

feature-state-device.ext

Contoh:

• checkout-validation-error-mobile.png
• account-settings-two-factor-enabled-desktop.png
• analytics-dashboard-empty-state-tablet.png

Ini bukan soal taksonomi yang kaku. Ini soal menghilangkan ambiguitas.

Gunakan tanda hubung, huruf kecil, dan kata-kata sederhana

Untuk aset web publik, utamakan:

• Huruf kecil
• Tanda hubung di antara kata
• Tanpa spasi
• Tanpa garis bawah
• Tanpa tanda baca selain tanda hubung
• Tanpa karakter khusus kecuali sistem Anda membutuhkannya

Baik:

blue-cotton-shirt-front.jpg

Hindari:

Blue Cotton Shirt (Front).jpg

blue_cotton_shirt_front.jpg

bluecottonshirtfront.jpg

Tanda hubung lebih mudah dibaca, lebih mudah disalin, dan dipahami secara luas sebagai pemisah kata dalam URL. Huruf kecil juga menghindari bug sensitivitas huruf besar-kecil yang mengganggu antara pengembangan lokal, server Linux, CDN, dan penyimpanan objek.

Buat nama file singkat, tetapi tidak samar

Nama file harus cukup panjang untuk menggambarkan gambar dan cukup pendek agar tetap mudah dibaca.

Rentang yang berguna biasanya 3 hingga 8 kata sebelum ekstensi.

Terlalu samar:

shoes.jpg

Lebih baik:

red-running-shoes-side-view.jpg

Terlalu banyak:

best-lightweight-red-running-shoes-for-marathon-training-side-view-discount.jpg

Lebih baik:

red-marathon-running-shoes-side-view.jpg

Jika frasanya terdengar seperti kueri pencarian yang ditulis oleh marketer yang putus asa, kemungkinan besar terlalu panjang.

Jangan jejali nama file gambar dengan kata kunci

Penjejalan kata kunci dalam nama file biasanya merupakan tanda bahwa halaman tidak menjalankan tugasnya.

Buruk:

best-seo-agency-seo-services-seo-consultant-seo-company.jpg

Ini tidak membantu pengguna. Ini tidak membantu editor. Ini bukan praktik aksesibilitas yang serius. Ini juga membuat situs Anda terlihat berkualitas lebih rendah.

Gunakan nama alami dari hal yang ditampilkan dalam gambar. Jika sebuah kata kunci cocok karena secara akurat menggambarkan gambar, gunakan. Jika tidak, tinggalkan.

Misalnya, jika gambar adalah foto sofa kulit hitam, black-leather-sofa-three-seat.jpg tidak masalah. best-modern-luxury-living-room-furniture-online.jpg bukan nama file; itu adalah jeritan minta tolong.

Cocokkan nama file dengan gambar sebenarnya

Ini terdengar jelas, tetapi pustaka gambar bisa bergeser. File bernama homepage-hero-new.jpg pada akhirnya dapat menampilkan produk yang berbeda, orang yang berbeda, atau kampanye yang sepenuhnya berbeda.

Itu menciptakan dua masalah.

Pertama, mesin pencari dan pengguna menerima sinyal yang tidak konsisten. Kedua, tim berhenti memercayai pustaka media.

Jika makna gambar berubah, ganti namanya sebelum diterbitkan. Jika CMS atau CDN Anda membuat penggantian nama menjadi sulit, pertimbangkan untuk menggunakan ID aset yang stabil secara internal sambil tetap menghasilkan nama file publik yang deskriptif bila memungkinkan.

Alur kerja internal yang baik mungkin seperti ini:

1. Unggah aset asli.
2. Hapus metadata yang tidak diperlukan jika privasi penting.
3. Ganti nama turunan yang digunakan di situs.
4. Ekspor dalam dimensi dan format yang tepat.
5. Tambahkan alt text dan caption di CMS.

Jika foto berasal dari pengguna, staf, atau tim lapangan, ingat bahwa nama file hanyalah salah satu permukaan privasi. Data EXIF dapat berisi timestamp, detail kamera, dan informasi lokasi. Lihat panduan kami tentang cara menghapus metadata EXIF sebelum membagikan foto secara online sebelum menerbitkan gambar sensitif.

Pisahkan nama file dari alt text

Kesalahan umum adalah menggunakan frasa yang sama untuk nama file dan alt text.

Terkadang itu dapat diterima. Sering kali itu malas.

Nama file:

red-running-shoes-side-view.jpg

Alt text yang baik di halaman produk:

Red running shoe shown from the side, with a white foam sole and black laces.

Alt text yang baik pada thumbnail pemilih warna:

Red

Alt text yang baik jika gambar bersifat dekoratif:

alt=""

Nama file mengidentifikasi aset. Alt text melayani pengguna dalam konteks. Keduanya pekerjaan yang berkaitan, bukan pekerjaan yang identik.

Menamai gambar untuk berbagai jenis situs

Ecommerce

Sertakan jenis produk, varian penting, dan tampilan.

Contoh:

• linen-shirt-white-front.jpg
• linen-shirt-white-back.jpg
• linen-shirt-white-collar-detail.jpg

Hindari menambahkan harga, promosi, atau bahasa kampanye sementara. Hal-hal itu terlalu sering berubah.

Blog dan situs editorial

Gambarkan adegan atau konsepnya, bukan judul artikelnya.

Baik:

designer-reviewing-mobile-layout.jpg

Kurang berguna:

ultimate-guide-to-mobile-ux.jpg

Gambar dapat digunakan ulang, dipotong, atau disindikasikan. Nama berbasis adegan menua dengan lebih baik.

SaaS dan dokumentasi

Namai tangkapan layar berdasarkan fitur, status, dan platform.

Contoh:

• billing-settings-payment-method-empty-state.png
• project-dashboard-filter-menu-open.png
• api-token-created-confirmation-modal.png

Ini membuat pembaruan dokumentasi jauh lebih ringan.

Bisnis lokal

Gunakan layanan, objek, atau lokasi ketika benar-benar terlihat dan relevan.

Contoh:

• bakery-window-display-sourdough-loaves.jpg
• dental-clinic-reception-area-berlin.jpg
• plumber-repairing-kitchen-sink.jpg

Jangan tambahkan nama kota ke setiap file jika gambarnya tidak mendukung hal itu. Foto kunci inggris tidak secara bermakna menjadi wrench-london.jpg.

Bagaimana dengan dimensi dan versi gambar?

Hindari menaruh dimensi dalam nama deskriptif utama kecuali sistem Anda membutuhkannya.

Keluarga aset yang lebih baik:

• red-running-shoes-side-view.jpg
• red-running-shoes-side-view-800w.jpg
• red-running-shoes-side-view-1600w.jpg

Jika sistem build Anda menghasilkan varian responsif secara otomatis, biarkan sistem menambahkan lebar atau hash. Jangan memelihara puluhan nama file secara manual kecuali Anda menikmati arkeologi masa depan.

Hash konten baik untuk caching:

red-running-shoes-side-view.a8f31c.webp

Bagian deskriptifnya tetap ada. Hash melayani mesin.

Checklist singkat sebelum publikasi

Sebelum menerbitkan gambar, tanyakan:

• Apakah nama file menggambarkan gambar dalam bahasa yang jelas?
• Apakah menggunakan huruf kecil dan dipisahkan tanda hubung?
• Apakah bebas dari penjejalan kata kunci?
• Apakah menghindari kata sementara seperti new, final, atau v2?
• Apakah alt text masuk akal dalam konteks halaman?
• Apakah format dan ukuran file sesuai?
• Apakah metadata sensitif telah dihapus bila diperlukan?

Jika Anda dapat menjawab ya untuk semua itu, nama file tersebut mungkin sudah cukup baik. Jangan menghabiskan 20 menit menamai pembatas dekoratif. Luangkan 20 detik untuk mencegah DSC0038.jpg menjadi URL publik permanen.

<!-- tool-cta:start -->

💡 Coba ini: Normalisasikan nama file ke lowercase-kebab-case secara massal dengan Case Converter agar nama gambar Anda tetap konsisten di seluruh proyek.

<!-- tool-cta:end -->

Manfaat yang tenang: tim yang lebih baik

Nilai SEO dari nama file gambar itu sederhana. Nilai operasionalnya lebih besar.

Nama file yang baik membuat pustaka media dapat dicari. Nama file mengurangi unggahan duplikat. Nama file membantu desainer, developer, marketer, dan tim dukungan membicarakan aset yang sama tanpa membuka enam pratinjau. Nama file mempercepat audit.

Itulah alasan sebenarnya untuk menstandarkan penamaan gambar. Mesin pencari mendapat manfaat dari kejelasan, tetapi manusia juga. Dan biasanya pada manusialah pekerjaan pertama kali mulai rusak.