Tilbake til bloggen
Har du noen gang lurt på hvorfor lenker du deler på Facebook eller Twitter noen ganger ser rare ut? Vet du hvordan du kan påvirke utseendet til blogginnleggene dine når de deles på sosiale medier?
Hvis du er usikker på om du har gjort alt du kan for å optimalisere informasjonen som vises om blogginnlegget eller siden din på Facebook og Twitter, bør du lese videre. Vi skal vise deg hvordan bruk av riktige social media tags kan hjelpe deg med å forbedre utseendet på post-previews.
Når du deler en lenke til en artikkel, vil du at den skal se bra ut når den publiseres. Du vil at den skal inneholde et bilde av høy kvalitet, riktig tittel, beskrivelse og URL. Facebook, Twitter og andre plattformer henter disse parameterne direkte fra nettsiden din.
Du kan kontrollere hva de henter ved å inkludere social media meta tags (for eksempel Open Graph-tags) i HTML-koden på siden din.
Hvis Facebook meta tags (= Open Graph meta tags) er til stede, bestemmer du hva som vises i Facebook-innlegget. Hvis du ikke inkluderer disse Open Graph (og) egenskapene, vil Facebook fortsatt vise informasjon om innlegget, men sannsynligvis ikke slik du ønsker. Det samme gjelder for Twitter meta tags. La oss se hvordan dette fungerer i praksis med Facebook.
Deling av webinnhold på Facebook
Facebook er en flott plattform for å dele nytt innhold. Å opprette et nytt innlegg fra en artikkel er så enkelt som å lime inn lenken i feltet for et nytt innlegg.
La oss se på prosessen. Vi bruker vårt innlegg om Facebook Marketing Strategy som eksempel.
Etter at URL-en er limt inn, henter Facebook data fra lenken og lager et ferdig formatert innlegg. Du ser resultatet umiddelbart i en preview – både for desktop og mobil. Hvis du bruker Kontentino for å administrere innholdet ditt, er denne previewen alltid tilgjengelig i din Kontentino content calendar.
Forstå meta tags i nettsidens HTML-kode
Meta-egenskaper for søkemotorer
Helt øverst i koden finner vi flere egenskaper som definerer parametere for artikkelen, også kalt meta tags. Noen av disse brukes av søkemotorer for å forstå innholdet på siden ved å gi ekstra informasjon som ikke vises direkte for brukeren. Dette inkluderer for eksempel:
- Meta title – <title>
- Meta description – meta name=”description”
- Robots – meta name=”robots”
Bildet under viser HTML-koden for dette Kontentino-innlegget. Du kan se disse meta-taggene markert med grønt.
Identifisering av meta tags i HTML-koden til innlegget Facebook Ads Target Audiences 101: The Ultimate Guide
Tips: Usikker på hvordan du ser HTML-koden? Trykk CTRL+U i nettleseren på Windows eller Option + Command + U på Mac.
Takket være disse taggene vet søkemotorer at siden skal indekseres (dofollow). Meta title og meta description brukes av søkemotorer for å vise lenken til innlegget i søkeresultatene (SERP). Som du ser, er disse satt til:
- Meta title: ‘Facebook Ads Target Audiences 101: The Ultimate Guide | Kontentino Blog – Simplifying Social Media Approval Workflow’
- Meta description: ‘Finn ut hvordan du når de rette personene med Facebook Ads target audiences.’
Vi vet at disse kanskje ikke har optimal lengde, men vi er ikke her for å snakke om SEO eller Google. La oss gå rett til meta-taggene nedenfor som inneholder teksten “og:”.
Disse egenskapene kalles ofte social meta tags, social media meta tags eller bare og-egenskaper.
I HTML-koden til blogginnlegget vårt er det 7 forskjellige og-egenskaper:
- og: locale
- og: type
- og: title
- og: description
- og: url
- og: site_name
- og: image
I tillegg finnes det flere Facebook meta tags knyttet til og:image, som inkluderer:
- og:image:width
- og:image:height
- og:image:alt
- og:image:type
Twitter meta tags
Utenom disse finner du også spesielle social meta tags for Twitter i HTML-koden, som:
- meta name=”twitter:card”
- meta name=”twitter:title”
- meta name=”twitter:description”
- meta name=”twitter:site”
- meta name=”twitter:image”
La oss gå tilbake til eksempelet med Facebook. Vi må forstå og redigere innholdet i “og:”-egenskapene for å påvirke hvordan det nye innlegget ser ut når lenken bygges inn.
Les videre for å lære mer om: i) Tolkning av og-egenskaper; ii) Retningslinjer for skriving av innhold til social meta tags; og iii) Redigering av disse i ditt CMS.
Publisering til Facebook og Twitter med Kontentino
Registrer deg for en 14-dagers prøveperiode hos Kontentino og lær å mestre social media meta tags. Se en preview av innlegget i Kontentino før du publiserer.
“og:” står for “Open Graph”. Det er en protokoll som lar deg fortelle Facebook hvordan delt innhold skal vises. Som Facebook selv nevner i sine instruksjoner for utviklere, vil Facebooks crawler uten disse taggene gjette seg frem til tittel, beskrivelse og bilde. Ved å definere dette eksplisitt sikrer du høyeste kvalitet på innleggene dine.
Disse taggene er ekstremt viktige. Selv om du kanskje ikke har hørt om dem før, ble Open Graph-protokollen lansert av Facebook allerede for 10 år siden. I dag forvaltes den av Open Web Foundation.
La oss se nærmere på de 4 viktigste taggene som har ansvaret for utseendet på Facebook: og:title, og:image, og:url og og:description.
og:title
Dette er en av de fire grunnpilarene i Open Graph. Ved å spesifisere og:title setter vi tittelen på objektet vårt (blogginnlegget) slik det skal vises i den sosiale grafen. Facebook henter denne og viser den som overskrift i innlegget.
og:image
Her legger vi inn URL-en til bildet som skal representere artikkelen. Ved å spesifisere og:image sikrer vi at nøyaktig dette bildet vises på Facebook. Uten denne kan Facebook velge et helt annet bilde fra siden din, noe som ofte ser rotete ut.
og:url
Denne inneholder den kanoniske URL-en til objektet ditt, som fungerer som en permanent ID. I vårt tilfelle er dette lenken til blogginnlegget.
og:description
Denne taggen hjelper oss med å få vist en beskrivelse når innlegget deles. I HTML-eksempelet vårt er den satt til å forklare hvordan man når de rette personene med Facebook-annonsering.
Twitter meta tags
Twitter sine meta-tagger fungerer på tilsvarende måte og spesifiserer innholdet Twitter skal hente når en nettside deles på plattformen.
Mestring av og-tags
Både Facebook og Twitter tilbyr retningslinjer for hvordan du bruker disse taggene. Det er viktig å forstå hvordan de påvirker innholdet før du redigerer dem i ditt CMS. Vi skal vise eksempler fra WordPress, som er verdens mest brukte CMS.
Hvis du bruker en SEO-plugin som Yoast SEO, Rank Math eller All in One SEO, er det enkelt å redigere denne informasjonen. De fleste gode plugins lar deg endre taggene for Facebook og Twitter separat. Her viser vi hvordan det gjøres i Rank Math.
Start med å redigere innlegget og klikk på SEO-fanen. Deretter åpner du fanen for “social”.
Slik finner du stedet du redigerer social media meta tags i ditt CMS
Rank Math har en live preview som lar deg se hvordan endringene påvirker innlegget på Facebook eller Twitter. Klikk på knappen “Preview & Edit Social Media”.
Redigering av Facebook meta tags
Først ser du en preview av Facebook-innlegget, og under denne kan du justere meta-taggene.
Preview av lenkedeling generert i CMS-et – her i RankMath
Hvis og:image, og:title og og:description ikke er spesifisert, vil simulatoren ofte vise standardverdiene fra dine SEO-innstillinger for søkemotorer.
Redigering av og:title og og:description
Etter at endringene er lagret, bør du sjekke hvordan det oppdaterte innlegget ser ut når det deles.
Nye social media meta tags er fylt ut for innlegget
Selv om Facebook anbefaler 2 til 4 setninger for og:description, holder vi oss ofte til én kort beskrivelse for å sikre at den ikke blir kuttet.
Hvis du ikke bruker en SEO-plugin, finnes det dedikerte Open Graph-plugins som OG, eller du kan sette inn koden manuelt. De fleste store systemer som WIX har også innebygde løsninger for dette.
Når du er ferdig med redigeringen, bør du teste lenken i Facebook Debugger (også kalt Facebook Sharing Debugger). Husk å tømme cache før du tester, slik at du ser den nyeste versjonen.
Open Graph-tags i Facebook Link Sharing Debugger
Preview i Facebook Sharing Debugger som viser dine social media meta tags i aksjon
Som du ser over, ser alt bra ut og endringene har trådt i kraft.
Vanlige misoppfatninger om social media meta tags
Myte 1: Meta-tagger er kun for SEO.
Tagger er ikke bare for søkemotorer – de er avgjørende for hvordan innholdet ditt ser ut på sosiale nettverk. Tagger som og:image og og:title optimaliserer innleggene dine spesifikt for plattformer som Facebook og Twitter, noe som øker engagement.
Myte 2: Alle bilder vil vises perfekt automatisk.
Ikke alle bilder fra innlegget ditt vil vises korrekt når de deles. Uten å spesifisere og:image eller bruke et Twitter card, kan plattformene velge et tilfeldig bilde eller formatere det feil, noe som skader førsteinntrykket.
Myte 3: Meta-tagger er bare viktig for nettsider med én side.
Tagger er essensielle for alle typer sider. Enten du har en blogg eller en nettbutikk, sikrer bruk av og:type og andre tagger at innholdet ditt vises konsekvent på tvers av ulike plattformer.
Myte 4: Du kan stole på at sosiale medier viser innholdet ditt riktig.
Å stole på at Facebook eller Twitter automatisk formaterer innlegget ditt er risikabelt. Uten å sette tagger som og:url og og:description manuelt, kan plattformene hente feilaktig eller ufullstendig data.
Myte 5: Social meta tags er vanskelig å implementere uten koding.
WordPress-plugins som Rank Math forenkler prosessen betydelig. Du trenger ikke være en utvikler for å sikre at innleggene dine er optimalisert for deling.
Myte 6: Twitter cards fungerer bare med statiske bilder.
Twitter cards støtter ulike medieformater, inkludert GIF-er og videoer. Du kan legge ved bilder eller andre medier for å gjøre innleggene dine mer dynamiske og engasjerende.
Myte 7: Meta-tagger er bare for ditt eget innhold.
Tagger handler ikke bare om din egen nettside; de hjelper også når innholdet ditt deles av andre på deres sider. Riktig bruk av og:image og og:title sikrer at innholdet ditt ser profesjonelt ut uansett hvor det deles.
Konklusjon
Vi håper denne artikkelen har hjulpet deg med å forstå og-egenskapene og hvorfor de er viktige for deling på Facebook og Twitter. Hvis du vil ta din social media marketing til neste nivå, bør du prøve Kontentino. Det er et brukervennlig verktøy for effektivt samarbeid og godkjenning av innhold.
Vår content calendar har en integrert preview-funksjon, slik at du slipper å sjekke andre steder hvordan lenken din vil se ut. Dette sparer deg for dyrebar tid når du skal optimalisere dine social media meta tags.
Det blir ikke bedre enn å kunne sette opp UTM-tagger for tracking, planlegge publisering frem i tid, eller tildele budsjett for boosting direkte i samme workflow.
FAQ
Hva er en social media meta tag?
En social media meta tag gir viktige data som titler, bilder og beskrivelser til sosiale plattformer når du deler nettsider. Det er avgjørende for å øke engasjementet på de største sosiale mediene.
Hva er eksempler på meta tags?
Eksempler inkluderer meta property=”og:title”, og:image og og:url, som optimaliserer deling på plattformer som Facebook og Twitter.
Hva er social media metadata?
Social media metadata inkluderer Open Graph-data som en konsis tittel, beskrivelse og bilder av høy kvalitet, som forbedrer utseendet på innleggene dine.
Hva er social media tags?
Dette er identifikatorer som Twitter card tags eller og-tags bygget inn i HTML-filen for å påvirke hvordan nettsider vises når de deles.
Hvordan lager man meta tags?
En utvikler kan sette inn noen få linjer med kode i HTML-filen på en nettside, inkludert tittel-tag, beskrivelse-tag og et unikt bilde.
Hvilke sosiale medier bruker meta?
Meta-tagger brukes av store plattformer som Facebook, Twitter og LinkedIn for å optimalisere visningen av innhold som deles.
Er meta-tagger nødvendig?
Ja, de er helt avgjørende for digital markedsføring fordi de kontrollerer hvordan innholdet ditt fremstår, noe som direkte påvirker klikkrater og engagement.
Hvordan finner man meta tags?
Du kan inspisere en nettsides HTML-fil eller bruke verktøy som Facebook Debugger for å se spesifikke egenskaper som og:image eller og:type.
Hvor mange meta-tagger bør jeg bruke?
Bruk de essensielle: og:title, og:image, og:url og Twitter card tags. Fokuser på kvalitet og de taggene som har størst impact på delingen.
Hva er en Facebook meta tag?
En Facebook meta tag, som og:title, er en del av Open Graph-protokollen og hjelper til med å bestemme hvordan innholdet ditt ser ut på Facebook.
Hva er meta property og:title content?
Dette definerer tittelen på nettsiden din slik den vises når den deles på sosiale plattformer.
Hva er meta property og:image content?
Dette spesifiserer URL-en til bildet som skal vises sammen med innholdet ditt ved deling.
Hva er meta property og:type content?
Dette definerer typen innhold (f.eks. artikkel eller nettside) som deles, slik at plattformene kan kategorisere det riktig.
Hva er metadata? 3 eksempler?
Eksempler er description-taggen, sesjonsvariabler for brukeridentifisering og og:image-taggen for sosial deling.
