Kako pisati nazive slikovnih datoteka koji pomažu SEO-u i pristupačnosti

Nazivi slikovnih datoteka važni su, ali ne onoliko koliko se često tvrdi

Nazivi slikovnih datoteka jedan su od onih sitnih web detalja oko kojih se stvara previše sigurnih tvrdnji. Neki ih timovi potpuno ignoriraju i objavljuju IMG_7421.jpg. Drugi svaku fotografiju proizvoda pretvore u minijaturni esej ključnih riječi.

Korisna sredina je jednostavna: pišite nazive datoteka koji jasno opisuju sliku, pomažu ljudima upravljati materijalima i tražilicama daju malo dodatnog konteksta. Ne očekujte da će nazivi datoteka spasiti slab sadržaj, nedostajući alternativni tekst, spore slike ili zbunjujuću stranicu.

Google izričito preporučuje upotrebu kratkih, opisnih naziva datoteka za slike. To je dobar savjet. Ali je i ograničen savjet. Naziv datoteke jedan je kontekstualni trag među mnogima: okolni tekst, naslov stranice, strukturirani podaci, opisi, alternativni tekst, poveznice, kvaliteta slike i to je li slika doista korisna za stranicu.

S pristupačnošću je slično. Dobar naziv datoteke nije zamjena za alternativni tekst. Ali može smanjiti štetu kad nešto pođe po zlu i olakšava život urednicima, developerima i korisnicima koji preuzimaju, spremaju ili dijele datoteku.

Kratko pravilo

Upotrijebite naziv datoteke koji odgovara na ovo pitanje:

Kad bi netko vidio samo naziv datoteke, bi li otprilike znao što se nalazi na slici?

Dobro:

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

Loše:

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

Cilj nije poezija. Cilj je korisna specifičnost.

Što dobar naziv slikovne datoteke čini za SEO

Dobar naziv datoteke pomaže tražilicama razumjeti sliku, osobito u kontekstu pretraživanja slika. Može ojačati temu stranice i predmet vizualnog sadržaja.

Ali to je slab signal u usporedbi s osnovama:

• Slika se pojavljuje na relevantnoj stranici.
• Okolni tekst objašnjava ili podupire sliku.
• Slika ima odgovarajući alternativni tekst kad je potreban.
• Sliku je moguće indeksirati i dohvatiti alatima za indeksiranje.
• Datoteka nije nepotrebno velika.
• Stranica se pouzdano učitava.

Ako popravljate slike radi organskog pretraživanja, počnite s relevantnošću i korisnošću stranice. Zatim sredite nazive datoteka. Potom pogledajte kompresiju, formate, dimenzije, odgođeno učitavanje i strukturirane podatke gdje je prikladno. Naš vodič za slikovne formate u 2026. koristan je dodatak ako se sređivanje naziva pretvori u širi rad na performansama slika.

Što dobar naziv slikovne datoteke čini za pristupačnost

Strogo govoreći, nazivi datoteka nisu glavni mehanizam pristupačnosti za slike. To je alternativni tekst.

Ako slika prenosi informaciju, atribut alt trebao bi pružiti tekstualnu alternativu. Ako je slika dekorativna, atribut alt obično bi trebao biti prazan: alt="". Ako je slika poveznica ili gumb, alternativni tekst trebao bi opisati radnju ili odredište, a ne samo piksele.

To smo detaljno obradili u pragmatičnom vodiču za alternativni tekst slika u 2026., i vrijedi alternativni tekst tretirati kao zaseban urednički zadatak.

Zašto se onda uopće brinuti o nazivima datoteka zbog pristupačnosti?

Zato što se nazivi datoteka često pojavljuju na rubovima korisničkog iskustva:

• Neke kombinacije asistivne tehnologije i preglednika mogu prikazati naziv datoteke kad nedostaje alternativni tekst.
• Preuzete slike trebaju razumljive nazive izvan web stranice.
• CMS medijske biblioteke lakše je pregledavati kad su nazivi opisni.
• Urednici će rjeđe priložiti pogrešnu sliku kad su datoteke jasno imenovane.
• Neispravne slike i prikazi za otklanjanje pogrešaka lakše se tumače.

Naziv datoteke neće nepristupačnu sliku učiniti pristupačnom. Ali loš naziv datoteke može kvarove učiniti zbunjujućima.

Praktična konvencija imenovanja

Koristite ovaj zadani obrazac:

subject-detail-context.ext

Primjeri:

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

Za proizvode često bolje funkcionira malo strukturiranija verzija:

brand-product-model-color-view.ext

Primjeri:

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

Za uredničke slike:

topic-specific-scene.ext

Primjeri:

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

Za snimke zaslona sučelja:

feature-state-device.ext

Primjeri:

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

Ovdje nije riječ o krutoj taksonomiji. Riječ je o uklanjanju dvosmislenosti.

Koristite crtice, mala slova i obične riječi

Za javne web materijale preferirajte:

• Mala slova
• Crtice između riječi
• Bez razmaka
• Bez donjih crta
• Bez interpunkcije osim crtica
• Bez posebnih znakova osim ako ih vaš sustav zahtijeva

Dobro:

blue-cotton-shirt-front.jpg

Izbjegavajte:

Blue Cotton Shirt (Front).jpg

blue_cotton_shirt_front.jpg

bluecottonshirtfront.jpg

Crtice je lakše čitati, lakše kopirati i široko su shvaćene kao razdjelnici riječi u URL-ovima. Mala slova također izbjegavaju neugodne pogreške povezane s razlikovanjem velikih i malih slova između lokalnog razvoja, Linux poslužitelja, CDN-ova i objektne pohrane.

Neka nazivi datoteka budu kratki, ali ne nejasni

Naziv datoteke trebao bi biti dovoljno dug da opiše sliku i dovoljno kratak da ostane čitljiv.

Korisni raspon obično je 3 do 8 riječi prije ekstenzije.

Previše nejasno:

shoes.jpg

Bolje:

red-running-shoes-side-view.jpg

Previše:

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

Bolje:

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

Ako fraza zvuči kao upit za pretraživanje koji je napisao očajni marketinški stručnjak, vjerojatno je preduga.

Ne pretrpavajte nazive slikovnih datoteka ključnim riječima

Pretrpavanje naziva datoteka ključnim riječima obično je znak da stranica ne radi svoj posao.

Loše:

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

To nije korisno korisnicima. Nije korisno urednicima. Nije ozbiljna praksa pristupačnosti. Također čini da vaša stranica izgleda manje kvalitetno.

Koristite prirodan naziv onoga što je prikazano na slici. Ako se ključna riječ uklapa jer točno opisuje sliku, upotrijebite je. Ako se ne uklapa, izostavite je.

Na primjer, ako je slika fotografija crne kožne sofe, black-leather-sofa-three-seat.jpg je u redu. best-modern-luxury-living-room-furniture-online.jpg nije naziv datoteke; to je vapaj za pomoć.

Uskladite naziv datoteke sa stvarnom slikom

Ovo zvuči očito, ali biblioteke slika s vremenom odlutaju. Datoteka nazvana homepage-hero-new.jpg može na kraju prikazivati drugi proizvod, drugu osobu ili potpuno drukčiju kampanju.

To stvara dva problema.

Prvo, tražilice i korisnici dobivaju nedosljedne signale. Drugo, timovi prestaju vjerovati medijskoj biblioteci.

Ako se značenje slike promijeni, preimenujte je prije objave. Ako vaš CMS ili CDN otežava preimenovanje, razmislite o upotrebi stabilnih internih ID-jeva materijala, dok i dalje generirate opisne javne nazive datoteka gdje je to moguće.

Dobar interni tijek rada mogao bi biti:

1. Prenesite izvorni materijal.
2. Uklonite nepotrebne metapodatke ako je privatnost važna.
3. Preimenujte izvedenicu koja se koristi na stranici.
4. Izvezite u odgovarajućim dimenzijama i formatu.
5. Dodajte alternativni tekst i opise u CMS-u.

Ako fotografije dolaze od korisnika, osoblja ili terenskih timova, imajte na umu da su nazivi datoteka samo jedna površina privatnosti. EXIF podaci mogu sadržavati vremenske oznake, podatke o kameri i lokacijske informacije. Pogledajte naš vodič o tome kako ukloniti EXIF metapodatke prije dijeljenja fotografija na internetu prije objave osjetljivih slika.

Odvojite nazive datoteka od alternativnog teksta

Česta je pogreška koristiti istu frazu za naziv datoteke i alternativni tekst.

Ponekad je to prihvatljivo. Često je lijeno.

Naziv datoteke:

red-running-shoes-side-view.jpg

Dobar alternativni tekst na stranici proizvoda:

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

Dobar alternativni tekst na minijaturi za odabir boje:

Red

Dobar alternativni tekst ako je slika dekorativna:

alt=""

Naziv datoteke identificira materijal. Alternativni tekst služi korisniku u kontekstu. To su povezani zadaci, ali nisu isti zadatak.

Imenovanje slika za različite vrste stranica

Ecommerce

Uključite vrstu proizvoda, važnu varijantu i prikaz.

Primjeri:

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

Izbjegavajte dodavanje cijena, promocija ili privremenog kampanjskog jezika. To se prečesto mijenja.

Blogovi i uredničke stranice

Opišite prizor ili koncept, a ne naslov članka.

Dobro:

designer-reviewing-mobile-layout.jpg

Manje korisno:

ultimate-guide-to-mobile-ux.jpg

Slika se može ponovno upotrijebiti, obrezati ili sindicirati. Naziv temeljen na prizoru bolje stari.

SaaS i dokumentacija

Imenujte snimke zaslona prema značajci, stanju i platformi.

Primjeri:

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

To ažuriranja dokumentacije čini mnogo manje bolnima.

Lokalne tvrtke

Koristite uslugu, objekt ili lokaciju kad je to doista vidljivo i relevantno.

Primjeri:

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

Ne dodajte nazive gradova u svaku datoteku ako slika to ne podržava. Fotografija ključa za cijevi nije smisleno wrench-london.jpg.

Što je s dimenzijama i verzijama slika?

Izbjegavajte stavljati dimenzije u glavni opisni naziv osim ako to vaš sustav ne zahtijeva.

Bolja obitelj materijala:

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

Ako vaš sustav za izgradnju automatski generira responzivne varijante, pustite ga da doda širine ili hasheve. Nemojte ručno održavati desetke naziva datoteka osim ako uživate u budućoj arheologiji.

Hashovi sadržaja dobri su za predmemoriranje:

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

Opisni dio je i dalje tu. Hash služi stroju.

Kratki kontrolni popis prije objave

Prije objave slike pitajte:

• Opisuje li naziv datoteke sliku običnim jezikom?
• Je li napisan malim slovima i odvojen crticama?
• Je li bez pretrpavanja ključnim riječima?
• Izbjegava li privremene riječi poput new, final ili v2?
• Ima li alternativni tekst smisla u kontekstu stranice?
• Jesu li format i veličina datoteke prikladni?
• Jesu li osjetljivi metapodaci uklonjeni gdje je potrebno?

Ako na to možete odgovoriti potvrdno, naziv datoteke vjerojatno je dovoljno dobar. Nemojte potrošiti 20 minuta na imenovanje dekorativnog razdjelnika. Potrošite 20 sekundi da spriječite da DSC0038.jpg postane trajni javni URL.

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

💡 Isprobajte ovo: Skupno normalizirajte nazive datoteka u lowercase-kebab-case pomoću Case Converter kako bi nazivi vaših slika ostali dosljedni kroz cijeli projekt.

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

Tiha korist: bolji timovi

SEO vrijednost naziva slikovnih datoteka je skromna. Operativna vrijednost je veća.

Dobri nazivi datoteka čine medijske biblioteke pretraživima. Smanjuju duplicirana prijenosa. Pomažu dizajnerima, developerima, marketinškim stručnjacima i timovima podrške govoriti o istom materijalu bez otvaranja šest pregleda. Ubrzavaju revizije.

To je pravi razlog za standardizaciju imenovanja slika. Tražilice imaju koristi od jasnoće, ali imaju je i ljudi. A kod ljudi se posao obično prvi počne lomiti.