Open Graph tags i Joomla! artikler

Hvis du vil dele dit indhold fra din hjemmeside på sociale medier – har du brug for, at kunne indlejre såkaldte Open Graph tags. Disse meta-tags sørger for, at sider som fx Facebook ved hvilke billeder og tekster der skal vises i feed'et. Hvis ikke du har defineret Open Graph tags vil det være et 'tilfældigt' billede samt nogle afkortede tekster, fra din artikels titel og indledende tekst der vises.

Open Graph tags direkte i din Joomla! artikel
Der findes mange plugins der kan håndtere Open Graph tags. En del af dem bliver installeret som komponenter og du skal oprette en url til din artikel hvor i du lægger tags informationerne ind. Det er et tidskrævende og omstændeligt arbejde. Med denne løsning, som jeg beskriver her, får du en ekstra fane i dit artikel redigerings vindue – som du selv bestemmer hvad skal hedde.

Sådan sætter du Open Graph op
Start med at installere plugin'et 'hotoMeta' fra > Udvidelser > Installer > Installer fra web ... søg 'hotoMeta'.

Åbn dit nye plugin og giv det dit eget navn i første linje ud for ' Field Group Title' – du kan fx kalde det for 'Open Graph'. Tjek om plugin'et er aktiveret.

hotoMeta plugin settings

Opret custom feltgruppe og felter
Nu skal du oprette den tilhørende feltgruppe og felter. Klik på Indhold og Feltgrupper – her klikker du ny og opretter en gruppe der hedder nøjagtigt det samme som du skrev i plugin'et ... i dette tilfælde 'Open Graph'. Gem og luk.

Så begynder arbejdet med at oprette et felt for hver tag du vil have tilknyttet din artikel. Som minimum skal du oprette følgende tags:
og:image [og=Open Graph]
og:title
og:description

opret felt auto udfyldning

Klik Indhold > Felter > Ny. Nu er du i oprettelsen af et nyt felt. Start med at give feltet et navn – det skal være nøjagtigt som det tag du vil oprette fx og:image. Klik Gem – så fyldes der automatisk ud i Navn og Label felterne.
Vælg feltgruppen 'Open Graph' i højre side af skærmen. Under fanen Indstillinger skal du ud for punktet Automatisk visning vælge 'Vis ikke automatisk'.

Når du har oprettet disse tre felter kan du oprette en artikel og se, at du har fået en ny fane 'Open Graph' – her kan du taste url til dit billede samt give artiklen en Open Graph title og description.

Tjek om det virker
Du kan teste om dine tags virker ved at logge på Facebook og bruge deres 'Sharing Debugger Tool'. Kopier den url som din artikel findes under fx 'https://ditdomaene.dk/dinartikel'. Indsæt url'en i feltet og klik på knappen 'Debug' til højre. Nu henter Facebook din artikel og læser også dine tags – hvilket du vil se et eksempel af under feltet. Hvis du ikke kan se de korrekte elementer kan du klikke på knappen 'scrape again' – så forsøger Facebook at hente dine data igen.

God fornøjelse med Open Graph.

 

Image