Sådan skriver du billedfilnavne, der hjælper SEO og tilgængelighed

Billedfilnavne betyder noget, men ikke så meget som mange hævder

Billedfilnavne er en af de små webdetaljer, som tiltrækker for meget skråsikkerhed. Nogle teams ignorerer dem fuldstændigt og udgiver IMG_7421.jpg. Andre forvandler hvert produktfoto til et lille keyword-essay.

Den nyttige mellemvej er enkel: skriv filnavne, der tydeligt beskriver billedet, hjælper mennesker med at håndtere assets og giver søgemaskiner lidt ekstra kontekst. Forvent ikke, at filnavne kan redde svagt indhold, manglende alt-tekst, langsomme billeder eller en forvirrende side.

Google anbefaler eksplicit at bruge korte, beskrivende filnavne til billeder. Det er et godt råd. Det er også et begrænset råd. Et filnavn er ét kontekstuelt signal blandt mange: omgivende tekst, sidetitel, strukturerede data, billedtekster, alt-tekst, links, billedkvalitet, og om billedet faktisk er nyttigt for siden.

Tilgængelighed ligner dette. Et godt filnavn er ikke en erstatning for alt-tekst. Men det kan mindske skaden, når noget går galt, og det gør livet lettere for redaktører, udviklere og brugere, der downloader, gemmer eller deler filen.

Den korte regel

Brug et filnavn, der besvarer dette spørgsmål:

Hvis nogen kun så filnavnet, ville de så have en grov idé om, hvad billedet indeholder?

Godt:

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

Dårligt:

• 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 præcision.

Hvad et godt billedfilnavn gør for SEO

Et godt filnavn hjælper søgemaskiner med at forstå billedet, især i billedsøgningskontekster. Det kan understøtte sidens emne og det visuelle elements motiv.

Men det er et svagt signal sammenlignet med det grundlæggende:

• Billedet vises på en relevant side.
• Den omgivende tekst forklarer eller understøtter billedet.
• Billedet har passende alt-tekst, når det er nødvendigt.
• Billedet kan crawles og indekseres.
• Filen er ikke unødigt stor.
• Siden indlæses stabilt.

Hvis du optimerer billeder til organisk søgning, så start med sidens relevans og nytteværdi. Ryd derefter op i filnavne. Se derefter på komprimering, formater, dimensioner, lazy loading og strukturerede data, hvor det er relevant. Vores guide til billedformater i 2026 er en nyttig ledsager, hvis din oprydning i navngivning bliver til en bredere indsats for billedperformance.

Hvad et godt billedfilnavn gør for tilgængelighed

Strengt taget er filnavne ikke den primære tilgængelighedsmekanisme for billeder. Det er alt-tekst.

Hvis et billede formidler information, bør alt-attributten give tekstalternativet. Hvis billedet er dekorativt, bør alt-attributten som regel være tom: alt="". Hvis billedet er et link eller en knap, bør den alternative tekst beskrive handlingen eller destinationen, ikke blot pixlerne.

Det gennemgik vi i detaljer i en pragmatisk guide til billeders alt-tekst i 2026, og det er værd at behandle alt-tekst som en separat redaktionel opgave.

Så hvorfor overhovedet bekymre sig om filnavne af hensyn til tilgængelighed?

Fordi filnavne ofte dukker op i kanten af oplevelsen:

• Nogle kombinationer af assisterende teknologi og browser kan vise et filnavn, når alt-tekst mangler.
• Downloadede billeder har brug for forståelige navne uden for websiden.
• CMS-mediebiblioteker er lettere at auditere, når navnene er beskrivende.
• Redaktører er mindre tilbøjelige til at vedhæfte det forkerte billede, når filer er tydeligt navngivet.
• Ødelagte billeder og debugging-visninger er lettere at fortolke.

Et filnavn gør ikke et utilgængeligt billede tilgængeligt. Men et dårligt filnavn kan gøre fejl mere forvirrende.

En praktisk navnekonvention

Brug dette standardmønster:

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 lidt mere struktureret version 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 redaktionelle billeder:

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-skærmbilleder:

feature-state-device.ext

Eksempler:

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

Det handler ikke om rigid taksonomi. Det handler om at fjerne tvetydighed.

Brug bindestreger, små bogstaver og almindelige ord

For offentlige web-assets bør du foretrække:

• Små bogstaver
• Bindestreger mellem ord
• Ingen mellemrum
• Ingen underscores
• Ingen tegnsætning ud over bindestreger
• Ingen specialtegn, medmindre dit system kræver dem

Godt:

blue-cotton-shirt-front.jpg

Undgå:

Blue Cotton Shirt (Front).jpg

blue_cotton_shirt_front.jpg

bluecottonshirtfront.jpg

Bindestreger er lettere at læse, lettere at kopiere og bredt forstået som ordseparatorer i URL'er. Små bogstaver undgår også irriterende fejl med forskel på store og små bogstaver mellem lokal udvikling, Linux-servere, CDN'er og objektlagring.

Hold filnavne korte, men ikke vage

Et filnavn bør være langt nok til at beskrive billedet og kort nok til at forblive læsbart.

Et nyttigt interval er som regel 3 til 8 ord før filendelsen.

For vagt:

shoes.jpg

Bedre:

red-running-shoes-side-view.jpg

For meget:

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

Bedre:

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

Hvis frasen lyder som en søgeforespørgsel skrevet af en desperat marketingmedarbejder, er den sandsynligvis for lang.

Fyld ikke billedfilnavne med keywords

Keyword stuffing i filnavne er som regel et tegn på, at siden ikke gør sit arbejde.

Dårligt:

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

Det er ikke nyttigt for brugere. Det er ikke nyttigt for redaktører. Det er ikke en seriøs tilgængelighedspraksis. Det får også dit site til at virke af lavere kvalitet.

Brug det naturlige navn på det, der vises på billedet. Hvis et keyword passer, fordi det præcist beskriver billedet, så brug det. Hvis det ikke gør, så udelad det.

Hvis billedet for eksempel er et foto af en sort lædersofa, er black-leather-sofa-three-seat.jpg fint. best-modern-luxury-living-room-furniture-online.jpg er ikke et filnavn; det er et råb om hjælp.

Match filnavnet med det faktiske billede

Det lyder indlysende, men billedbiblioteker driver. En fil kaldet homepage-hero-new.jpg kan med tiden vise et andet produkt, en anden person eller en helt anden kampagne.

Det skaber to problemer.

For det første modtager søgemaskiner og brugere inkonsistente signaler. For det andet holder teams op med at stole på mediebiblioteket.

Hvis billedet skifter betydning, så omdøb det før publicering. Hvis dit CMS eller CDN gør omdøbning vanskelig, kan du overveje at bruge stabile asset-ID'er internt, mens du stadig genererer beskrivende offentlige filnavne, hvor det er muligt.

Et godt internt workflow kan være:

1. Upload det originale asset.
2. Fjern unødvendige metadata, hvis privatliv er vigtigt.
3. Omdøb den afledte fil, der bruges på sitet.
4. Eksportér i de rette dimensioner og det rette format.
5. Tilføj alt-tekst og billedtekster i CMS'et.

Hvis fotos kommer fra brugere, medarbejdere eller teams i felten, så husk, at filnavne kun er én privatlivsflade. EXIF-data kan indeholde tidsstempler, kameradetaljer og lokationsoplysninger. Se vores guide til hvordan du fjerner EXIF-metadata, før du deler fotos online, før du publicerer følsomme billeder.

Adskil filnavne fra alt-tekst

En almindelig fejl er at bruge den samme frase til filnavnet og alt-teksten.

Nogle gange er det acceptabelt. Ofte er det dovent.

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å en miniature til farvevalg:

Red

God alt-tekst, hvis billedet er dekorativt:

alt=""

Filnavnet identificerer assettet. Alt-teksten tjener brugeren i konteksten. Det er beslægtede opgaver, ikke identiske opgaver.

Navngivning af billeder til forskellige sitetyper

Ecommerce

Medtag produkttype, vigtig variant og visning.

Eksempler:

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

Undgå at tilføje priser, kampagner eller midlertidigt kampagnesprog. De ændrer sig for ofte.

Blogs og redaktionelle sites

Beskriv scenen eller konceptet, ikke artiklens overskrift.

Godt:

designer-reviewing-mobile-layout.jpg

Mindre nyttigt:

ultimate-guide-to-mobile-ux.jpg

Billedet kan blive genbrugt, beskåret eller syndikeret. Et scenebaseret navn ældes bedre.

SaaS og dokumentation

Navngiv skærmbilleder efter funktion, tilstand og platform.

Eksempler:

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

Det gør dokumentationsopdateringer langt mindre smertefulde.

Lokale virksomheder

Brug service, objekt eller lokation, når det faktisk er synligt og relevant.

Eksempler:

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

Tilføj ikke bynavne til hver fil, hvis billedet ikke understøtter det. Et foto af en skruenøgle er ikke meningsfuldt wrench-london.jpg.

Hvad med billeddimensioner og versioner?

Undgå at sætte dimensioner i det primære beskrivende navn, medmindre dit system har brug for det.

Bedre asset-familie:

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

Hvis dit build-system automatisk genererer responsive varianter, så lad det tilføje bredder eller hashes. Vedligehold ikke dusinvis af filnavne manuelt, medmindre du nyder fremtidig arkæologi.

Content hashes er fine til caching:

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

Den beskrivende del er der stadig. Hashen tjener maskinen.

En hurtig tjekliste før publicering

Før du publicerer et billede, så spørg:

• Beskriver filnavnet billedet i almindeligt sprog?
• Er det skrevet med små bogstaver og adskilt med bindestreger?
• Er det fri for keyword stuffing?
• Undgår det midlertidige ord som new, final eller v2?
• Giver alt-teksten mening i sidens kontekst?
• Er filformatet og filstørrelsen passende?
• Er følsomme metadata fjernet, hvor det er nødvendigt?

Hvis du kan svare ja til disse, er filnavnet sandsynligvis godt nok. Brug ikke 20 minutter på at navngive en dekorativ skillelinje. Brug 20 sekunder på at forhindre DSC0038.jpg i at blive en permanent offentlig URL.

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

💡 Prøv dette: Normaliser filnavne til lowercase-kebab-case samlet med Case Converter, så dine billednavne forbliver ensartede på tværs af et projekt.

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

Den stille fordel: bedre teams

SEO-værdien af billedfilnavne er beskeden. Den operationelle værdi er større.

Gode filnavne gør mediebiblioteker søgbare. De reducerer dubletuploads. De hjælper designere, udviklere, marketingfolk og supportteams med at tale om det samme asset uden at åbne seks forhåndsvisninger. De gør audits hurtigere.

Det er den egentlige grund til at standardisere billednavngivning. Søgemaskiner får gavn af klarhed, men det gør mennesker også. Og mennesker er som regel der, arbejdet først bryder sammen.