Sådan bruger du Open Graph-tags

Sådan bruger du Open Graph-tags

Bruger du titletags og metabeskrivelsestags? Selvfølgelig gør du det, fordi du allerede ved, at metatags kan hjælpe med at øge din placering i søgemaskinerne.

Men vidste du, at metatags faktisk påvirker din trafik på de sociale medier? Selvfølgelig er der Googles authorship-tags, men hvad med Facebook og Twitter? Faktisk har de begge deres egne metatags til sociale medier, som kan hjælpe dig med at øge mængden af social trafik, du får.

Har du nogensinde set de indlæg på sociale medier, der har cool udseende billeder og videoer? Du ved måske ikke, at du ikke behøver software eller premiumkonti for at gøre det samme med dine sociale indlæg.

De kaldes Facebook Open Graph og Twitter Cards. Her er, hvordan du kan udnytte dem begge:

Facebook Open Graph

Når du deler et billede på Facebook, hvordan ser det så ud?

Jamen, sådan ser det ikke altid ud. Facebook forsøger at læse koden på din side, men det er ikke altid i stand til at trække dine billeder frem. Hvis du ikke bruger Open Graph-tags, når du deler en URL fra dit websted på Facebook, kan det se sådan her ud:

Sådan plejede det at se ud med Quick Sprout, før jeg implementerede Open Graph-tags på mit websted. Efter at have implementeret Open Graph-tags kunne jeg øge min Facebook-trafik med 174 %, simpelthen fordi der nu var et billede ved siden af mine Quick Sprout-statusopdateringer.

Nu er du overbevist om, at du bør bruge Open Graph, og her er, hvordan du konfigurerer det på dit websted.

og:title

Det er her, du sætter titlen på dit indhold. Tænk på dette som svarende til dit normale html-titeltag, som en søgemaskine ville bruge. Når du opretter din og:title, skal du holde antallet af tegn på mindre end 95 tegn.

Eksempel: <meta property=”og:title” content=”11 Creative Ways to Build Links”/>

og:type

Det er her, du beskriver, hvilken type indhold du deler. Er det en video, et billede, et blogindlæg osv. Her er hele listen, som du kan vælge mellem, når du definerer din indholdstype:

Aktiviteter

• aktivitet
• sport

Erhverv

• bar

Erhverv

• bar
• virksomhed
• cafe
• hotel
• restaurant

Grupper

• sag
• sports_liga
• sports_hold

Organisationer

• band
• regering
• non_profit
• skole
• universitet

Personer

• skuespiller
• atlet
• forfatter
• direktør
• musiker
• politiker
• offentlig_personlighed

Steder

• By
• Land
• Landemærke
• Stat_provins

Produkter og underholdning

• album
• bog
• drikkevare
• mad
• spil
• produkt
• sang
• film
• tv_show

Websites

• blog
• website
• website
• article

Eksempel: <meta property=”og:type” content=”article”/>

og:description

Dette svarer også til dit html-metabeskrivelsestag, fordi det bruges til at beskrive dit indhold. Du bør ikke bekymre dig om, om den er rig på nøgleord, men i stedet bør du finde på en overbevisende beskrivelse, der vil resultere i flere klik. Du har op til 297 tegn til dette tag.

Eksempel: <meta property=”og:description” content=”Er du træt af at opbygge links på den gammeldags måde? Du ved, de metoder, der kræver, at du sender e-mails til tusindvis af webmastere for at tigge om links. “/>

og:image

Huskede du, at jeg nævnte, at jeg var i stand til at øge min Facebook-trafik med 174 %? Det var fordi jeg brugte Open Graph til at sikre, at Facebook viste et billede, hver gang nogen delte en URL fra Quick Sprout.

Gennem at bruge et og:image-tag sikrer du, at der kommer et billede ved siden af det indhold, du deler. På den måde skiller det sig ud fra alle de andre tekstbaserede statusopdateringer, som folk ser i deres tidslinjer.

Hvor jeg kommer ind på, hvordan du kan bruge dette tag, vil jeg gennemgå Facebooks krav. Et billede skal være mindst 50px x 50px, men helst større end 200px x 200px. Desuden må billedet ikke være mere end 5 MB stort.

Eksempel: <meta property=”og:image” content=”https://www.quicksprout.com/wp-content/uploads/2013/03/linkbuilding.jpg”/>

og:url

I dette tag skal du placere URL’en for den side, du deler. Dette tag kan virke irrelevant, men det er vigtigt, fordi du nogle gange vil have mere end én URL-adresse for det samme indhold. Ved at bruge dette tag sikrer du, at alle delinger går til én URL i stedet for flere URL’er, hvilket bør hjælpe din Facebook Edgerank.

Eksempel: <meta property=”og:url” content=”https://www.quicksprout.com/2013/03/21/11-creative-ways-to-build-links/”/>

og:site_name

Dette tag fortæller Facebook navnet på dit websted. Du har egentlig ikke brug for dette tag, men der er ingen skade ved at medtage det.

Eksempel: <meta property=”og:site_name” content=”Quick Sprout”/>

fb:admins

Hvis du har en fanside på Facebook, og du ønsker at få flere data i Facebook Insights, så skal du bruge dette tag. Det fortæller Facebook, at du er webstedets ejer, og det forbinder din Facebook-fanside med dit websted.

Eksempel: <meta property=”fb:admins” content=”500013011″/>

Nu har du dine Facebook Open Graph-metatags på plads, så lad os gå videre til Twitter Cards.

Twitter Cards

Har du nogensinde set et tweet som dette?

Ja, disse detaljerede tweets vises kun, når du bruger Twitter Cards. Kunne du ikke tænke dig at have det til dit websted? Det vil hjælpe det med at skille sig ud fra mængden.

Sådan udnytter du Twitter Cards:

Hvis du bruger SEO for WordPress-plugin af Yoast, skal du blot følge disse trin. For alle andre skal du følge nedenstående trin.

twitter:card

Dette metatag beskriver den type indhold, som du deler. Du har tre muligheder med Twitter: foto (for billeder), afspiller (for videoer) og resumé (for alt andet). Hvis du ikke definerer dit kort, vil Twitter som standard vælge resumé.

Eksempel: <meta name=”twitter:card” content=”summary”>

twitter:url

Dette er den side, du deler på Twitter. På samme måde som Facebook beder om en URL, gør Twitter også dette, fordi du kan have det samme stykke indhold på dit websted flere gange. Dette vil sikre, at én URL får alle tweets. Ellers vil dine tweets blive fordelt på flere urls.

Eksempel: <meta name=”twitter:url” content=”https://www.quicksprout.com/2013/03/21/11-creative-ways-to-build-links/”>

twitter:title

Lignende din Facebook Open Graph-titel bør denne ikke være fyldt med nøgleord. Gør den overbevisende, så folk får lyst til at klikke på den. Igen, ligesom med Facebook, skal du begrænse antallet af tegn til 70.

Eksempel: <meta name=”twitter:title” content=”11 Creative Ways to Build Links”>

twitter:description

Dette svarer til et meta description tag, som du ville bruge til Google. Men du skal ikke proppe det med nøgleord. Dit mål bør være at skabe en overbevisende sætning, der får folk til at klikke sig videre til dit websted. Din beskrivelse er begrænset til 200 tegn.

Eksempel: <meta name=”twitter:description” content=” Er du træt af at opbygge links på den gammeldags måde? Du ved, de metoder, der kræver, at du sender e-mails til tusindvis af webmastere for at tigge om links. “>

twitter:image

For at få dit tweet til at skille sig ud, har du brug for et billede. Dine billeder skal være mindre end 1 MB i filstørrelse, og de må ikke være mindre end 60px x 60px. Billeder, der er større end 120px x 120px, vil blive ændret i størrelse.

Eksempel: <meta name=”twitter:image” content=” https://www.quicksprout.com/wp-content/uploads/2013/03/linkbuilding.jpg”>

Når du har anvendt Twitter Card-metatagene på dit websted, skal du ansøge om at deltage i Twitters Card-program. Når du bliver accepteret, vil URL’er fra dit websted blive vist i kortformatet.

Konklusion

Metatags er ikke kun for søgemaskiner. De sociale medier udnytter dem også. Ligesom du ville optimere dine metatags til Google-placeringer og klikprocenter, skal du gøre det samme for Facebook og Twitter.