Video: 15 Inspiring Home Designs | Green Homes | Sustainable 2025
Facebook er verdens ledende sosiale media-nettsted. Hvis du håper å optimalisere sosiale medier, må du vite om Facebooks Open Graph Protocol. Open Graph-protokollen er en semantisk markupstandard introdusert av Facebook i 2010 og nå allment akseptert. Noen ser Open Graph som konkurrerer med Schema. org, men i virkeligheten er de to standardene komplementære.
Det er mulig å implementere begge skjemaene. org microdata og Open Graph markup. Standarden er ikke i konflikt.
Begge disse standardene har samme mål: å bedre beskrive informasjonen på en nettside. Nøkkelforskjellene kan oppsummeres på denne måten:
-
Open Graph-metadata beskriver siden som helhet.
-
skjema. org-mikroformater beskriver spesifikke elementer på siden.
Åpne grafmarkering inneholder mindre informasjon enn skjemaet. org -microdata gjør, men er lettere å implementere. For å gjøre websiden din åpen for grafisk, må du legge til grunnleggende metadata på siden din. Som tradisjonelle metadata går Open Graph-metadata inn i taggen til nettsiden.
I Open Graph-speak er en nettside et Open Graph-objekt.
Open Graph har fire nødvendige egenskaper:
-
og: title : Tittelen på siden som du vil at den skal vises i ethvert system som leser Open Graph-dataene.
Det er best å holde titteltaggen kortere enn 88 tegn. Selv om du kan legge til flere tegn, viser Facebook bare bare de første 88.
-
og: type : Typen av objektet ditt. Typer er angitt av protokollen og er ganske mange.
typen er en interessant egenskap, da den styrer hvor andelen vises i brukerens interesser på Facebook. Hvis du for eksempel angir typen av objektet til «film» og brukeren deler objektet, vises delen som en av brukerens interesser under overskriften Filmer i personens Facebook-profil.
Se her for å finne ut om alle de forskjellige objekttypene.
-
og: image : URL-adressen til bildet du vil representere siden.
bildet er en viktig tag, fordi et godt bilde kan hjelpe innholdet ditt spredt. Bruk denne taggen til å kontrollere hva som vises når innholdet ditt deles og sørg for at det er optimalisert for å passe pent inn i Facebook. (Et forhold på 1. 9: 1 fungerer best. Hold det større enn 400 × 209 piksler.)
Ikke la denne taggen være tom. Hvis du gjør det, vil Facebook ganske enkelt trekke et annet bilde fra siden - muligens føre til upassende resultater.
-
og: url : Nettadressen til siden.Innholdet i URL-taggen bestemmer hvor brukeren går når han klikker på knappen Share.
Noen av de nødvendige elementene har ekstra valgfrie attributter, og du kan gi flere verdier for noen av dem hvis du ønsker det.
Alternativene inkluderer
-
og: lyd : Hvis du vil at en lydfil skal følge objektet, bruk denne taggen og spesifiser URL-adressen til filen.
-
og: beskrivelse : Bruk denne taggen til å gi en eller to setninger beskrivelse av objektet.
Facebook viser bare de første 300 tegnene i beskrivelsen din.
-
og: determiner : Denne taggen lar deg spesifisere ordet som går foran objektets tittel i en setning - vanligvis a, an, eller .
-
og: locale : Denne taggen angir lokaliteten for siden - med andre ord språket på siden. Hvis innholdet ditt er på amerikansk engelsk, vil verdien for denne taggen være en_us.
-
og: locale: alternate : Hvis siden tilbys på flere språk, kan du liste dem alle ved å bruke denne taggen.
-
og: site_name : Hvis nettsiden er en del av et større nettsted med et annet navn, bruk denne taggen for å angi nettstedets navn.
-
og: video : Hvis du har en videofil som skal inkluderes, bruk denne taggen for å angi filens URL.
Bruk av taggene er lettere å forstå med et eksempel. I det følgende eksemplet ser du hvordan du kan implementere Open Graph-merket for en nettside om en bok med tittelen HowTo: WordPress 4:
200x300. png "> Skrevet av Ric Shreves og publisert av vann og stein digital. Tilgjengelig nå på Amazon. com, Google Play butikk og på denne nettsiden. Publisert i ePub, Mobi og PDF versjoner. ">
Dine åpne grafkoder går i taggen til siden. Merk at hvis du bruker et populært innholdshåndteringssystem (for eksempel WordPress, Joomla! Eller Drupal), vil plugin-moduler håndtere denne oppgaven for deg, slik at du ikke trenger å skrive noen kode.
Resultatet av å implementere Open Graph-metadata er å kontrollere hva som vises når noen deler innholdet på nettsiden. Hvis noen deler siden med markeringen som vises i den forrige koden, så ser det slik ut.
Hvis du ikke er sikker på at du gjorde en din Open Graph-markering riktig, må du teste den med Facebooks nyttige Open Graph Debugger.
Selv om Open Graph-metadata er nøkkelen til innholdets suksess på Facebook, brukes den også av flere andre viktige sosiale nettsteder, inkludert Twitter, Pinterest, LinkedIn og Google+.
Fungerer Open Graph-markup? Det gjør det sikkert! E-boksite Kobo hevder å ha oppnådd en 50 prosent økning i trafikken fra Facebook etter å ha implementert Open Graph-koder.
