Sådan får du pæne hjemmeside-links på Facebook

af | Online Markedsføring, WordPress

Arbejder du seriøst med din online tilstedeværelse, vil du også gerne have, at det ser ordentligt og professionelt ud, når du deler dit indhold på Sociale Medier. Men når du deler links fra din WordPress-hjemmeside, kan det give udfordringer med forhåndsvisningen på Facebook. Dem løser vi her. Har du samme udfordring med LinkedIn link/billeder, så finder du løsningen i slutningen af artiklen.

Hvad er forhåndsvisning på Facebook?

En forhåndsvisning på Facebook, er den sidetitel, URL/webadresse, beskrivelse og det billede, der følger med fra en hjemmeside, eller en side på en blog, når man linker til den fra Facebook. Her er eksksempel:

Hvad er forhåndsvisning på Facebook? Dette er et eksempel på sådan en forhåndsvisning

Hvorfor ser forhåndsvisningen af min hjemmeside mærkelig ud, når jeg deler den på Facebook?

Det spørgsmål ser jeg ofte i WordPress-relaterede fora. Hvis man ikke har brugt tid på at kæle for sit link, kan man risikere at det ser underligt ud, når man deler det på Facebook. Måske vælger Facebook et tilfældigt billede fra ens side, eller måske vises et “grimt blown” up udsnit af ens logo. Eller måske er billedfeltet bare blankt.

Her er et par uskønne eksempler på problemet:

"Facebook vil ikke vise billeder" - Eksempel på dårlig forhåndsvisningEksempel på grimt link på Facebook

Løsning: ‘Facebook for Developers Debugger’ plus et WordPress plugin

Nå men tilbage til spørgsmålet om, hvad man gør ved de grimme forhåndsvisninger på Facebook. Svaret er, at du skal have fat i en kombination af et SEO-plugin og Facebook for Developers Debugger-værktøjet.

Nu vil jeg vise hvordan: Jeg har lavet et blogindlæg, som jeg vil dele på Facebook.Jeg starter med at lægge lidt kærlighed i mit link ved at tilføje et ‘udvalgt billede’ på mit blogindlæg. Best practice her er, at billedets dimensioner skal være 1200  x 630 pixles.

Vælg udvalgt billede til her

Brug samme billede på alle sider

Hvis du vil ikke synes, at det er relevant med et unikt udvalgt billede for hver side på dit site, kan du via venstremenuen SEO – Social – Facebook indlæse et billede, som vil blive brugt ved deling af link på Facebook alle de sider, der ikke har deres eget udvalgte billede. Brug fælles udvalgt billede for alle sider, der ikke har et unikt udvalgt billede tilknyttet

Billedredigering og produktion af grafiske elementer til din hjemmeside

Hvis du ikke er PhotoShop-bruger, kan jeg anbefale dig at redigere dine billeder i Paint.net, som er et gratis billedredigeringsprogram til Windows. Har du brug for hjælp til at komme i gang med programmet, har jeg lavet denne Paint.net-guide til dig. Ønsker du at tilføje grafiske elementer til dine billeder, kan du bruge fantastiske Canva.  Canva er i lang udstrækning gratis at bruge.   Du er velkommen til at besøge og følge denne Canva-opslagstavle på Pinterest, hvor jeg samler Canva guides, turorials og inspiaration.

Når jeg har hentet og har gemt det udvalgte billede i WordPress, vil jeg prøve at dele linket til mit blogindlæg på Facebook. Men første gang,  jeg forsøger, ser det sådan her ud – altså helt uden billede: Første forsøg på deling på Facebook. Billedet mangler... Det vil jeg nu fikse med debugger-værktøjet, som jeg klikker mig ind på. Når jeg kommer ind på debugger-siden kopierer jeg linket til mit blogindlæg ind i feltet og trykker på ‘Debug’, som vist herunder: Debug Facebook link Når Facebook har debugget  første gang (1), er det ikke mit udvalgte billede, der vises i forhåndsvisningen. Det billede, der vieses, har Facebook fundet i min sidebar, så det er jeg ikke tilfreds med. Så på den igen. Jeg trykker derfor på ‘Scrape Again’ (2).

Efter at have trykket på ‘Scrape Again’, har Facebook endelig fået øjnene op for mit nydelige udvalgte billede, som du ser herunder. Nu viser Facebook mit udvalgte billedeSådan kommer linket til at se ud, når jeg vil dele det på Facebook.

Men hvad nu med den tekst, der vises?

Når du kigger på billedet ovenfor, ser du, ud over billedet, en titel og en trelinjers beskrivelse. Den tekst har Facebook snuppet fra hhv. min sidetitel, kombineret med en bid af min WordPress-indstilling (‘Sandkassen’) og mit tekstindhold.

Men det vil jeg lave om på – og det kan jeg. Jeg kan bruge et SEO-plugin til at styre, hvad der kommer til at stå i forhåndsvisningen på søgemaskiner og sociale medier. Her vil jeg vise, hvordan jeg gør det med plugin’et ‘Yoast SEO’. Har du ikke ‘Yoast SEO’ i forvejen, kan du i denne video se, hvordan Yoast SEO installeres, og hvordan man udfylder metatitel og metabeskrivelse.

Det er nemlig disse metadata, man skal angive for at bestemme, hvad Facebook, andre sociale medier og søgemaskiner skal vise i titel og beskrivelse. Hvis man er ok med med, at samme titel og beskrivelse vises på søgemaskiners søgeresultater OG på i deleinger på sociale medier, kan man nøjes med at udfylde “hovedfanen” af Yoast SEO: Herunder har jeg mit blogindlæg i redigeringstilstand, og jeg er scrollet ned til ‘Yoast SEO’-sektionen.

Når jeg har ændret titel og beskrivelse via via ‘Rediger snippet’ og lukket med ‘Luk snippeteditor’, er det vigtigt også at få trykket på ‘Opdater’. Sådan ændres titel og beskrivelse med Yoast SEO Nu har jeg opdateret mit indlæg med ny titel og beskrivelse. Så er det tilbage til debugger’en, hvor jeg igen gør følgende:

  • Indsætter linket
  • Trykker på ‘Debug’
  • Trykker på ‘Scrape Again’ en gang (eller to, hvis det er det, der skal til)

Nu har Facebook samlet min nye titel og beskrivelse op, og næste gang indlægget bliver delt på Facebook, kommer det til at se ud som vist nedenfor.

Særskilte forhåndsvisninger til Facebook og Twitter

Det arbejde, der er lavet nu, har jeg både glæde af på søgemaskiner, hvor min matatitel og -beskrivelse vil bilve vist i søgeresultater (altså med mindre Google bestemmer noget andet lige den dag), OG på på sociale medier – eksempelvis Facebook, LinkedIn, Twitter og Google+.

Skulle jeg ønske separat ‘udvalgt billede’, metatitel og metabeskrivelse specifikt på Facebook og Twitter, er der med ‘Yoast SEO’ mulighed for at indtaste forhåndsvisninger eksakt målrettet til disse kanaler. For at gøre det, bruges Social-fanen i ‘Yoast Seo’, hvor der kan skrives seperat titel, beskrivelse og uploades udvalgte billeder specifikt til hhv. Facebook og Twitter. Særskilte forhåndsvisninger for Facebook og Twitter

Del dit link på Facebook

Nu er du klar til at dele dit link på Facebook. Når du vil lave et opslag med linket, skal du starte med at skrive din tekst og indsætte linket a la det her https://rikkeekelund.dk/saadan-faar-du-paene-links-paa-facebook/ (kopier linket fra adresselinjen på din hjemmeside). Når du har sat linket ind, finder Facebook selv tekst og udvalgt billede fra din hjemmeside. Hvis du starter med at uploade et billede til dit opslag, vil Facebook ikke hente linktekst og udvalgt billede fra din hjemmeside.

Viser LinkedIn det forkerte billede/tekst ved deling af link?

Opdatering medio september 2019: Jeg har lige opdaget, at LinkedIn har udviklet en funktion a la Facebooks Debugger Tool. Du kan finde værktøjet her, og det hedder ‘Post Inspector’. Som det ser ud nu, snupper LinkedIn SEO-Titlen og det udvalgte billede. Hvis der er indtastet en seperat titel og billede for Facebook, vælger LinkedIn disse. Værktøjet virker på samme måde som Facebook Debugger Tool.

Hvordan får man det rigtige billede og tekst på sit LinkedIn-opslag? Du kan bruge dette Post Inspector-værktøj.

God fornøjelse med at lave pæne links til Facebook og LinkedIn!

Har du spørgsmål eller kommentarer, er du velkommen til at skrive dem i kommentarfeltet nedenfor.

De allerbedste hilsner
Rikke Ekelund
Få flere gode råd til din hjemmeside – læs også disse blogindlæg:

 

Rikke Ekelund

Skribent

Artiklen her er skrevet af mig. Jeg hedder Rikke Ekelund, og det er primært mig, der skriver her på bloggen. Til dagligt arbejder jeg som freelance webdesigner med at bygge hjemmesider til mine kunder, som jeg også hjælper med drift og support.

20 Kommentarer

  1. Lone Brand

    Super god artikel, Det vidste jeg faktisk ikke :-). Man bliver klogere hver dag 🙂

    Mvh
    Rene

    Svar
    • Rikke Ekelund

      Hej Rene

      Mange tak for de pæne ord. Jeg er glad for, at du lærte noget nyt af at læse min artikel 🙂

      Bedste hilsner
      Rikke

      Svar
  2. Knut Nägele

    Ja enig i, at det er en neget nyttig artikel. Det får ikke folk til at dele en et indlæg hvis det ser dumt ud i Facebook. Gemmer linket til guiden så jeg jan bruge det når det bliver aktuelt.

    Svar
    • Rikke Ekelund

      Hej Knut

      Mange tak for din kommentar, Knut. Det er en rigtig god pointe, som mangler i min artikel. Det vil jeg da tilføje 🙂
      Jeg er glad for, at du kunne bruge artiklen.

      Bedste hilsner
      Rikke

      Svar
  3. Maria

    Hej Rikke

    Jeg er faldet over dit blogindlæg her et halvt års tid siden, du har udgivet det. Jeg har et spørgsmål til dig: Hvad hvis jeg vil have et billede på Facebookopslaget, der ikke ligger på min hjemmeside?

    Umiddelbart burde jeg jo kunne uploade det i Facebookeditoren, men når jeg så forsøger at fjerne det/de billede(r), Facebook automatisk henter fra URL’en, uploade et andet og sætte flueben ved det som det eneste, hopper den bare tilbage til et af de automatisk udvalgte billeder fra hjemmesiden.

    Jeg håber, jeg giver mening 🙂

    Svar
    • Rikke Ekelund

      Hej Maria

      Jeg er ikke Facebook-ekspert. Men jeg har lige lavet en test på min egen profil.

      Jeg lavede et almindelig opslag med et billede og tilføjede linket. Facebook prøvede ikke engang at hente forhåndsvisningen. Og opslaget blev, som jeg havde håbet: Det “fremmede” billed + linket til min blog.

      Hvis det driller, er du velkommen til at sende mig det specifikke link, så jeg kan teste det også.

      BH Rikke

      Svar
  4. Annnette

    Tak for input, næsten det jeg havde brug for, men gælder den samme opsætning for LinkedIn?

    Svar
    • Rikke Ekelund

      Hej Annette

      Jeg har faktisk ikke selv prøvet det endnu. Men jeg testede lige denne guide på LinkedIn, og det virker fint for mig: https://woorkup.com/linkedin-cache/

      Håber, du kan bruge det.

      Bedste hilsner
      Rikke

      Svar
  5. Anne Pernille Fischer

    Kære Rikke
    TAK. Jeg ved ikke, hvad jeg ellers skal sige. Dit blogindlæg har lige gjort opgaven superenkel for mig og løst mit problem med et snuptag. Jeg er igang med at finpudse de sidste ting på en kundes hjemmeside, som jeg er ved at designe. Og facebooklinkene trak de forkerte ikoner/billeder. Ret frustrende, da hun skal lave markedsføring og deler linkene ofte.

    Men nu er det hele fikset. Takket være dig og dit kloge hoved (serveret smukt i blogindlægget her).

    Så tusind tak for at formidle det så pædagogisk og overskueligt.

    Kan du have en rigtig dejlig weekend.

    Kærlig hilsen
    Anne Pernille

    Svar
    • Rikke Ekelund

      Kære Anne Pernille

      Tusind tak for din søde kommentar. Alene det, du skriver, gør de mange timeres arbejde med at skrive artikler som denne, det hele værd.

      Velbekomme og selv tak fordi du lagde en venlig hilsen, der betyder, at jeg nu går i seng med et stort smil på læben.

      Rigtig dejlig weekend til dig også.

      Kærlig hilsen
      Rikke

      Svar
  6. Christine Thorhauge

    Hej Rikke
    Jeg forsøger at lave et opslag med et link til en ekstern hjemmeside – som jeg ikke har adgang til at redigere. Her ser forhåndsvisningen rigtig uheldig ud. Hvordan gør jeg så det ser ordentlig ud?

    Svar
    • Rikke Ekelund

      Hej Christine

      Hvis du ikke har adgang til hjemmesidens kontrolpanel, kan jeg ikke se, at der er noget, du kan gøre ved det. Desværre…

      Bedste hilsner
      Rikke

      Svar
  7. Marc Lykke

    Rigtig god artikel, den beskriver netop de udfordringer mange sidder med i det daglige når de skal lave deres opslag på facebook. Thumbs up.

    Svar
    • Rikke Ekelund

      Hej Marc

      Jeg er glad for, at du finder min artikel relevant. Mange tak for din venlige kommentar!

      Bedste hilsner
      Rikke

      Svar
  8. Klaus

    Hej Rikke

    Dette er helt sikkert en artikel jeg vil vende tilbage til med jævne mellemrum!

    Et hurtigt spørgsmål… Er det muligt at indsætte et andet billede end facebook udvælger??
    (Jeg driver et rekrutteringsfirma og jeg har lavet nogle billeder som jeg gerne vil bruge på FB, men det er ikke de billeder der er på hjemmesiden). AKA jeg vil gerne beholde linket til blogopslaget, men ændre billedet.

    Svar
    • Rikke Ekelund

      Hej Klaus

      Tak for din kommentar. Jeg tror, at det du spørger om, er det jeg forklare i artiklens afsnit “Særskilte forhåndsvisninger til Facebook og Twitter”. Sig til, hvis jeg tager fejl.

      Med venlig hilsen
      Rikke

      Svar
  9. Dennis Madsen

    Hej Rikke
    Det virke desværre ikke på min FB fra min WP den viser godt nok billedet i forhåndsvisningen, men der kommer ingen billede frem på FB

    Svar
    • Rikke Ekelund

      Hej Dennis

      Det er svært for mig at guide dig uden at vide, hvad du har gjort, eller hvordan dit kontrolpanel er sat sammen. Når jeg kigger på reolborsen.dk i Facebook, kommer billedet af reolerne fra forsiden frem. Men måske er det slet ikke den hjemmeside, du arbejder med?

      Bedste hilsner
      Rikke

      Svar
  10. Finn Wilkens

    Kan du hjælpe med indstillinger på Facebook? Jeg er ved at kløjes i det.
    Jeg vil selvfølgelig betale dig for det.

    Svar
    • Rikke Ekelund

      Hej Finn

      Jeg er ikke specialist selve Facebook, men hvis det drejer sig om, hvordan links til din WordPress-hjemmeside bliver vist på Facebook, kan jeg godt hjælpe. Skriv i givet fald gerne på rikke@rikkeekelund.dk

      De bedste hilsner
      Rikke

      Svar

Indsend en kommentar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *

Læs også…

Effektiv håndtering af brugerroller og tilladelser i WordPress

Effektiv håndtering af brugerroller og tilladelser i WordPress

Når du driver en hjemmeside, er det afgørende at have styr på brugerroller og tilladelser, især for større virksomheder og dem, der opererer internationalt. Dette sikrer ikke kun din hjemmesides sikkerhed og integritet, men hjælper også med at definere hvert...

Evaluer din hjemmeside i 5 trin

Evaluer din hjemmeside i 5 trin

Hvad siger din hjemmeside om dig? Hvis dette spørgsmål er svært at besvare, eller hvis du ikke er sikker på, om du selv kan lide svaret, så er her en hurtig guide til, hvordan du kan evaluere din hjemmeside. Hvis den eneste indtryk en person havde af dig eller din...