Slik skriver du bildefilnavn som hjelper SEO og tilgjengelighet

Bildefilnavn betyr noe, men ikke så mye som mange hevder

Bildefilnavn er en av de små webdetaljene som tiltrekker seg for mye skråsikkerhet. Noen team ignorerer dem helt og publiserer IMG_7421.jpg. Andre gjør hvert produktbilde om til et lite søkeordessay.

Den nyttige mellomveien er enkel: skriv filnavn som beskriver bildet tydelig, hjelper mennesker med å administrere ressurser og gir søkemotorer litt ekstra kontekst. Ikke forvent at filnavn skal redde svakt innhold, manglende alt-tekst, trege bilder eller en forvirrende side.

Google anbefaler uttrykkelig å bruke korte, beskrivende filnavn for bilder. Det er et godt råd. Det er også et begrenset råd. Et filnavn er ett kontekstuelt signal blant mange: omkringliggende tekst, sidetittel, strukturerte data, bildetekster, alt-tekst, lenker, bildekvalitet og om bildet faktisk er nyttig for siden.

Tilgjengelighet er tilsvarende. Et godt filnavn er ikke en erstatning for alt-tekst. Men det kan redusere skade når noe går galt, og det gjør livet enklere for redaktører, utviklere og brukere som laster ned, lagrer eller deler filen.

Den korte regelen

Bruk et filnavn som svarer på dette spørsmålet:

Hvis noen bare så filnavnet, ville de ha en omtrentlig idé om hva bildet inneholder?

Bra:

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

Dårlig:

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

Målet er ikke poesi. Målet er nyttig presisjon.

Hva et godt bildefilnavn gjør for SEO

Et godt filnavn hjelper søkemotorer med å forstå bildet, særlig i bildesøk. Det kan forsterke sidens tema og motivet i det visuelle.

Men det er et svakt signal sammenlignet med det grunnleggende:

• Bildet vises på en relevant side.
• Teksten rundt forklarer eller støtter bildet.
• Bildet har passende alt-tekst når det trengs.
• Bildet kan gjennomsøkes og indekseres.
• Filen er ikke unødvendig stor.
• Siden lastes pålitelig.

Hvis du forbedrer bilder for organisk søk, start med siderelevans og nytteverdi. Rydd deretter opp i filnavn. Se så på komprimering, formater, dimensjoner, lazy loading og strukturerte data der det passer. Vår guide til bildeformater i 2026 er en nyttig følgesvenn hvis oppryddingen i navngiving blir til en bredere gjennomgang av bildeytelse.

Hva et godt bildefilnavn gjør for tilgjengelighet

Strengt tatt er ikke filnavn den viktigste tilgjengelighetsmekanismen for bilder. Det er alt-tekst.

Hvis et bilde formidler informasjon, bør alt-attributtet gi tekstalternativet. Hvis bildet er dekorativt, bør alt-attributtet vanligvis være tomt: alt="". Hvis bildet er en lenke eller en knapp, bør alternativteksten beskrive handlingen eller målet, ikke bare pikslene.

Vi dekket dette i detalj i en pragmatisk guide til alt-tekst for bilder i 2026, og det er verdt å behandle alt-tekst som en egen redaksjonell oppgave.

Så hvorfor bry seg om filnavn for tilgjengelighet i det hele tatt?

Fordi filnavn ofte dukker opp i kantene av brukeropplevelsen:

• Noen kombinasjoner av hjelpeteknologi og nettlesere kan vise et filnavn når alt-tekst mangler.
• Nedlastede bilder trenger forståelige navn utenfor nettsiden.
• CMS-mediebiblioteker er lettere å revidere når navnene er beskrivende.
• Redaktører har mindre sannsynlighet for å legge ved feil bilde når filer er tydelig navngitt.
• Ødelagte bilder og feilsøkingsvisninger er lettere å tolke.

Et filnavn vil ikke gjøre et utilgjengelig bilde tilgjengelig. Men et dårlig filnavn kan gjøre feil mer forvirrende.

En praktisk navnekonvensjon

Bruk dette standardmønsteret:

subject-detail-context.ext

Eksempler:

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

For produkter fungerer en litt mer strukturert versjon ofte bedre:

brand-product-model-color-view.ext

Eksempler:

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

For redaksjonelle bilder:

topic-specific-scene.ext

Eksempler:

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

For UI-skjermbilder:

feature-state-device.ext

Eksempler:

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

Dette handler ikke om rigid taksonomi. Det handler om å fjerne tvetydighet.

Bruk bindestreker, små bokstaver og enkle ord

For offentlige webressurser bør du foretrekke:

• Små bokstaver
• Bindestreker mellom ord
• Ingen mellomrom
• Ingen understreker
• Ingen tegnsetting utover bindestreker
• Ingen spesialtegn med mindre systemet ditt krever dem

Bra:

blue-cotton-shirt-front.jpg

Unngå:

Blue Cotton Shirt (Front).jpg

blue_cotton_shirt_front.jpg

bluecottonshirtfront.jpg

Bindestreker er lettere å lese, lettere å kopiere og bredt forstått som ordskillere i URL-er. Små bokstaver unngår også irriterende feil med store og små bokstaver mellom lokal utvikling, Linux-servere, CDN-er og objektlagring.

Hold filnavn korte, men ikke vage

Et filnavn bør være langt nok til å beskrive bildet og kort nok til å være lesbart.

Et nyttig intervall er vanligvis 3 til 8 ord før filendelsen.

For vagt:

shoes.jpg

Bedre:

red-running-shoes-side-view.jpg

For mye:

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

Bedre:

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

Hvis frasen høres ut som et søk skrevet av en desperat markedsfører, er den sannsynligvis for lang.

Ikke propp bildefilnavn med søkeord

Søkeordstapping i filnavn er vanligvis et tegn på at siden ikke gjør jobben sin.

Dårlig:

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

Dette er ikke nyttig for brukere. Det er ikke nyttig for redaktører. Det er ikke en seriøs tilgjengelighetspraksis. Det får også nettstedet ditt til å se mindre kvalitetsmessig ut.

Bruk det naturlige navnet på det som vises i bildet. Hvis et søkeord passer fordi det beskriver bildet presist, bruk det. Hvis ikke, la det være.

Hvis bildet for eksempel er et foto av en svart skinnsofa, er black-leather-sofa-three-seat.jpg helt fint. best-modern-luxury-living-room-furniture-online.jpg er ikke et filnavn; det er et rop om hjelp.

La filnavnet samsvare med det faktiske bildet

Dette høres selvsagt ut, men bildebiblioteker driver av gårde. En fil kalt homepage-hero-new.jpg kan etter hvert vise et annet produkt, en annen person eller en helt annen kampanje.

Det skaper to problemer.

For det første får søkemotorer og brukere motstridende signaler. For det andre slutter team å stole på mediebiblioteket.

Hvis bildet endrer betydning, gi det nytt navn før publisering. Hvis CMS-et eller CDN-et ditt gjør navneendring vanskelig, bør du vurdere å bruke stabile ressurs-ID-er internt, samtidig som du genererer beskrivende offentlige filnavn der det er mulig.

En god intern arbeidsflyt kan være:

1. Last opp originalressursen.
2. Fjern unødvendige metadata hvis personvern er viktig.
3. Gi nytt navn til derivatet som brukes på nettstedet.
4. Eksporter i riktige dimensjoner og riktig format.
5. Legg til alt-tekst og bildetekster i CMS-et.

Hvis bilder kommer fra brukere, ansatte eller feltteam, husk at filnavn bare er én personvernflate. EXIF-data kan inneholde tidsstempler, kameradetaljer og stedsinformasjon. Se guiden vår om hvordan du fjerner EXIF-metadata før du deler bilder på nettet før du publiserer sensitive bilder.

Skill filnavn fra alt-tekst

En vanlig feil er å bruke samme frase for filnavnet og alt-teksten.

Noen ganger er det akseptabelt. Ofte er det lat arbeid.

Filnavn:

red-running-shoes-side-view.jpg

God alt-tekst på en produktside:

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

God alt-tekst på et miniatyrbilde for fargevalg:

Red

God alt-tekst hvis bildet er dekorativt:

alt=""

Filnavnet identifiserer ressursen. Alt-teksten tjener brukeren i kontekst. Dette er beslektede jobber, ikke identiske jobber.

Navngiving av bilder for ulike nettstedstyper

Netthandel

Ta med produkttype, viktig variant og visning.

Eksempler:

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

Unngå å legge til priser, kampanjer eller midlertidig kampanjespråk. Slike ting endrer seg for ofte.

Blogger og redaksjonelle nettsteder

Beskriv scenen eller konseptet, ikke artikkeloverskriften.

Bra:

designer-reviewing-mobile-layout.jpg

Mindre nyttig:

ultimate-guide-to-mobile-ux.jpg

Bildet kan bli gjenbrukt, beskåret eller syndikert. Et scenebasert navn eldes bedre.

SaaS og dokumentasjon

Navngi skjermbilder etter funksjon, tilstand og plattform.

Eksempler:

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

Dette gjør dokumentasjonsoppdateringer langt mindre smertefulle.

Lokale virksomheter

Bruk tjeneste, objekt eller sted når det faktisk er synlig og relevant.

Eksempler:

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

Ikke legg til bynavn i hver fil hvis bildet ikke støtter det. Et bilde av en skiftenøkkel er ikke meningsfullt wrench-london.jpg.

Hva med bildedimensjoner og versjoner?

Unngå å legge dimensjoner i det viktigste beskrivende navnet med mindre systemet ditt trenger det.

Bedre ressursfamilie:

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

Hvis byggesystemet ditt genererer responsive varianter automatisk, la det legge til bredder eller hasher. Ikke vedlikehold dusinvis av filnavn manuelt med mindre du liker fremtidig arkeologi.

Innholdshasher er fine for hurtigbufring:

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

Den beskrivende delen er fortsatt der. Hashen tjener maskinen.

En rask sjekkliste før publisering

Før du publiserer et bilde, spør:

• Beskriver filnavnet bildet på et klart språk?
• Er det med små bokstaver og bindestreker?
• Er det fritt for søkeordstapping?
• Unngår det midlertidige ord som new, final eller v2?
• Gir alt-teksten mening i sidens kontekst?
• Er filformatet og filstørrelsen passende?
• Er sensitive metadata fjernet der det er nødvendig?

Hvis du kan svare ja på dette, er filnavnet sannsynligvis godt nok. Ikke bruk 20 minutter på å navngi en dekorativ skillelinje. Bruk 20 sekunder på å hindre at DSC0038.jpg blir en permanent offentlig URL.

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

💡 Prøv dette: Normaliser filnavn til lowercase-kebab-case samlet med Case Converter, slik at bildenavnene dine forblir konsekvente gjennom hele prosjektet.

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

Den stille gevinsten: bedre team

SEO-verdien av bildefilnavn er beskjeden. Den operative verdien er større.

Gode filnavn gjør mediebiblioteker søkbare. De reduserer dupliserte opplastinger. De hjelper designere, utviklere, markedsførere og supportteam med å snakke om samme ressurs uten å åpne seks forhåndsvisninger. De gjør revisjoner raskere.

Det er den egentlige grunnen til å standardisere bildenavngiving. Søkemotorer drar nytte av tydelighet, men det gjør mennesker også. Og det er vanligvis hos mennesker arbeidet først bryter sammen.