Sådan tilføjer du et hyperlink til et billede i WordPress

Et linket billede forvandler et statisk visuelt element til et navigationselement. I stedet for at bede besøgende om at klikke på et tekstlink eller en knap, kan du lade dem klikke på et produktfoto, en bannerillustration, et logo eller et fremhævet billede og gå direkte til den side, du ønsker, de skal se.

For virksomhedshjemmesider er dette særligt nyttigt. Et klikbart billede kan føre folk til en serviceside, en kontaktformular, en prisside, et blogindlæg eller et tilmeldingsforløb. Når det bruges rigtigt, forbedrer det brugervenligheden, understøtter konverteringer og gør vigtige sider nemmere at finde.

Hvorfor linke et billede?

At tilføje et hyperlink til et billede er nyttigt i mange almindelige webdesigns:

• Hero-bannere, der fører til et fremhævet tilbud
• Servicekort, der åbner detaljerede sider
• Logoer, der sender brugere tilbage til forsiden
• Produktfotos, der fører til produktsider
• Kampagnegrafik, der sender besøgende til en landingsside
• Call-to-action-sektioner, der har brug for et visuelt klikmål

Klikbare billeder kan gøre en side nemmere at skimme, især på mobile enheder, hvor visuelle signaler ofte fungerer bedre end små tekstlinks.

Før du går i gang

Sørg for, at du allerede har:

• En publiceret eller kladde WordPress-side eller et indlæg
• Billedet uploadet til Mediebiblioteket eller klar til indsættelse
• Den destination, du ønsker, at billedet skal åbne

Hvis du linker til en intern side, så kopiér sidens adresse først. Hvis du linker til et eksternt sted, så bekræft, at destinationen er troværdig og relevant.

Sådan tilføjer du et hyperlink til et billede i WordPress blokeditor

De fleste moderne WordPress-sites bruger Blokeditoren, også kendt som Gutenberg. Processen er enkel.

1. Åbn siden eller indlægget

Gå i WordPress-kontrolpanelet til den side eller det indlæg, hvor du vil have billedlinket vist.

2. Indsæt eller vælg billedblokken

Hvis billedet ikke allerede er på siden:

• Klik på +-knappen
• Vælg billedblokken
• Upload et nyt billede, vælg et fra Mediebiblioteket, eller indsæt fra en adresse, hvis det er passende

Hvis billedet allerede er på siden, skal du klikke én gang på det for at markere blokken.

3. Tilføj linket

Når billedblokken er markeret, skal du finde link-ikonet i blokværktøjslinjen.

• Klik på linkknappen
• Indsæt eller skriv destinationsadressen
• Tryk på Enter, eller anvend linket

Afhængigt af din WordPress-version og dit tema kan du også se muligheder for at linke til:

• Mediefil
• Vedhæftningsside
• Tilpasset adresse
• Ingen

For de fleste forretningsbehov er Tilpasset adresse det bedste valg, fordi det giver dig fuld kontrol over, hvor billedet fører hen.

4. Juster linkadfærden, hvis det er nødvendigt

Nogle editorer lader dig vælge, om linket skal åbnes i en ny fane. Det er ofte nyttigt for eksterne links, men interne links fungerer typisk bedst i den samme fane.

Brug kun en ny fane, når det forbedrer oplevelsen for besøgende. Undgå at tvinge alle links til at åbne i nye faner, da det kan føles forstyrrende.

5. Gem eller opdater siden

Klik på Opdater, Udgiv eller Gem kladde for at gemme dine ændringer.

Sådan linker du et billede i den klassiske editor

Hvis dit site stadig bruger den klassiske editor, er processen lidt anderledes, men stadig enkel.

1. Indsæt billedet

Klik på Tilføj medie, og indsæt billedet i indholdsområdet.

2. Vælg billedet

Klik på billedet, så redigeringsværktøjslinjen vises.

3. Åbn linkindstillingerne

Vælg linkmuligheden i billedværktøjslinjen eller i billedets detaljepanel, afhængigt af din opsætning.

4. Indtast destinationsadressen

Indsæt adressen i linkfeltet, og bekræft ændringen.

5. Opdater indlægget eller siden

Gem dit arbejde, så det linkede billede bliver aktivt på det live site.

Bedste praksis for linkede billeder

Et hyperlink på et billede er kun nyttigt, hvis besøgende straks forstår, hvad der sker, når de klikker. Følg disse bedste praksisser for at holde oplevelsen klar og effektiv.

Gør destinationen tydelig

Brug billeder, der visuelt peger mod handlingen eller indholdet bag dem. Et servicebillede bør føre til en relevant serviceside. En kampagnegrafik bør føre til selve kampagnen.

Brug beskrivende alt-tekst

Alt-tekst hjælper skærmlæsere med at forstå billedet og understøtter tilgængelighed. Den giver også kontekst, hvis billedet ikke indlæses.

Hvis billedet kun er dekorativt, behøver det måske slet ikke et hyperlink.

Gør vigtige billeder klikbare på mobil

Mobilbesøgende er afhængige af trykflader. Sørg for, at billedet er stort nok til at blive trykket på uden utilsigtede klik.

Undgå at linke til ikke-relateret indhold

Send ikke besøgende fra ét emne til noget helt andet. Uoverensstemmende links reducerer tillid og skader konverteringer.

Brug linkede billeder med måde

For mange klikbare billeder kan få en side til at virke rodet. Brug dem dér, hvor de skaber reel værdi, ikke bare fordi funktionen findes.

Kombinér billeder med understøttende tekst

En kort overskrift eller billedtekst nær billedet hjælper besøgende med at forstå næste skridt. Det er især vigtigt på marketing- og servicesider.

Almindelige brugsscenarier for virksomhedssites

Linkede billeder kan understøtte målene for et mindre virksomhedssite på flere måder.

Navigation på forsiden

Et logo eller et fremhævet billede kan føre brugere til vigtige sider som services, priser eller kontakt.

Produkt- og servicepromovering

Billeder på landingssider kan føre besøgende dybere ind i salgsprocessen.

Engagement på bloggen

Fremhævede billeder kan linke til relaterede ressourcer, cases eller interne artikler.

Leadgenerering

Et banner eller et badge-billede kan føre til en tilmeldingsformular, en konsultationsside eller en tilbudsside.

Opbygning af tillid

Anmærkningsmærker, partnerlogoer eller testimonialgrafik kan linke til sider med mere information.

Fejlfinding ved almindelige problemer

Hvis dit linkede billede ikke virker som forventet, så tjek følgende:

Den forkerte adresse blev indtastet

Sørg for, at destinationen er fuldstændig og korrekt. En manglende del af webadressen eller et ødelagt internt link kan forhindre billedet i at fungere korrekt.

Billedet er linket til vedhæftningssiden i stedet for den rigtige side

WordPress bruger nogle gange automatisk medie- eller vedhæftningslinks. Erstat dem med den præcise destination, du ønsker.

Editorens ændringer blev ikke gemt

Hvis billedlinket ikke vises på den live side, så bekræft, at du klikkede på Opdater eller Udgiv efter redigeringen.

Et plugin eller tema forstyrrer

Nogle page builders, optimeringsplugins eller specialtemaer kan ændre, hvordan billedlinks fungerer. Test om nødvendigt siden med plugins midlertidigt deaktiveret i et staging-miljø.

Billedet ser klikbart ud, men der sker ingenting

Det kan ske, hvis et andet element ligger oven på billedet, eller hvis tilpasset kode påvirker sidelayoutet. Undersøg sidestrukturen, og test i en anden browser.

Tips til linkstrategi for bedre siteydelse

Et linket billede bør understøtte en større indholdsstrategi og ikke kun fungere som pynt.

• Link kun, når billedet hjælper brugeren med at tage næste nyttige skridt
• Kobl billeder til sider, der matcher brugerens intention
• Brug tydelige billedtekster og call-to-action-tekst tæt ved billedet
• Gennemgå klikperformance i analyseværktøjer, når det er muligt
• Opdater gamle billedlinks, når sidernes adresser ændrer sig

For et virksomhedssite kan disse små forbedringer gøre navigationen mere smidig og reducere friktion i brugerrejsen.

Afsluttende tanker

At tilføje et hyperlink til et billede i WordPress er en enkel opgave, men det kan have en mærkbar effekt på brugervenlighed og konverteringer, når det gøres med omtanke. Uanset om du linker et logo, et banner, et servicebillede eller en kampagnegrafik, er nøglen at holde destinationen relevant og handlingen tydelig.

Hvis du administrerer et virksomhedssite, så betragt hvert klikbart billede som en del af din sidestruktur. De bedste billedlinks guider besøgende naturligt til næste skridt, understøtter dit indhold og gør oplevelsen lettere på både desktop og mobil.