Facebook OG metakodes



Facebook OG metakodes

For å få en nettsideadresse som vises riktig i Facebook Open Graph, er det nødvendig med noen ekstra metakoder, med sidetittelen, sidetypen, siden URL, bildeadressen, sidebeskrivelsen, nettstednavnet, artikkelen publisering og modifikasjonsdatoer, artikkelseksjonen, artikkeltaggen og Facebook administrator ID.

Open Graph er generelt et veldig komplett sett med metadata som gjør det mulig å opprette et komplett rikt kort når du deler nettadressen.

Åpne graf meta tags SEO

Følgende metatagger må brukes, med undermal som kan kopieres og limes inn.

På toppen av å tillate en riktig visning når du deler nettadressen, vil den også forbedre den generelle siden SEO.

Dette er kun for Facebook OG Open Graph, og metataggen i HTML skal limes inn i hovedenheten av koden:

<!-- Open graph Facebook card --> <meta property="og:url" content="https://www.url.com/"/> <meta property="og:type" content="website/article/..."/> <meta property="og:locale" content="en-US" /> <meta property="og:site_name" content="Site name" /> <meta property="og:image" content="http://www.url.com/img.jpg" /> <meta property="og:title" content="60 char title"/> <meta property="og:description" content="Page description" /> <meta property="article:published_time" content="2018-11-06 11:32:39" /> <meta property="article:modified_time" content="2018-11-06 11:32:39" /> <meta property="article:section" content="Section" />

Facebook Open Graph meta tags

For å få hele Facebook-nettsiden OG-spesifikasjoner, inkludert meta-tagger for Twitter-kort og Facebook-meta-grafikkene, kan hele koden nedenfor brukes.

Dette vil dekke alle sosiale medias meta data HTML-kort, og tillate en riktig deling av nettadressene dine på dem alle:

<!DOCTYPE html> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en" prefix="fb: http://www.facebook.com/2008/fbml"> <head> <title>60 char title</title> <meta name="description" content="200 char description" /> <!-- Twitter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@Twitter_publisher" /> <meta name="twitter:title" content="Page title" /> <meta name="twitter:description" content="Page description" /> <meta name="twitter:creator" content="@Twitter_creator" /> <!-- Twitter 280x150px image --> <meta name="twitter:image:src" content="http://www.url.com/img.jpg" /> <!-- Open graph Facebook card --> <meta property="og:url" content="https://www.url.com/"/> <meta property="og:type" content="website/article/..."/> <meta property="og:locale" content="en-US" /> <meta property="og:site_name" content="Site name" /> <meta property="og:image" content="http://www.url.com/img.jpg" /> <meta property="og:title" content="60 char title"/> <meta property="og:description" content="Page description" /> <meta property="article:published_time" content="2018-11-06 11:32:39" /> <meta property="article:modified_time" content="2018-11-06 11:32:39" /> <meta property="article:section" content="Section" /> <!-- Schema.org markup for Google+ --> <meta itemprop="name" content="Site name"> <meta itemprop="description" content="Page description"> <meta itemprop="image" content="http://www.url.com/img.jpg">

Åpne grafprotokoll

Når Facebook-metadataene har blitt implementert på nettstedet, vil deling av dem frembringe utseendet under, da tittelen, bildet og beskrivelsen blir hentet riktig av Facebook.

Facebook OG debugger

En online-applikasjon for utviklere, Open Graph-validatoren, er tilgjengelig på Facebook-nettstedet, og lar devlopers kontrollere seg selv om de rike kortene har metatagger blitt riktig implementert på deres nettsteder.

Bare åpne nettsiden, lim inn en nettadresse der Facebook OG-rike kortene skal vises, og se resultatene, eller de mulige feilene i tilfelle av feilaktig implementering, som forklart av Facebook Open Graph debugger.

Facebook OG debugger

Facebook OG bildestørrelse

Et bilde som er lagt inn i et Facebook-innlegg, må være minst 200 piksler bredt med 200 piksler stort, eller 200x200px, men det anbefales å bruke større bilder, opp til 1200x630px.

Følg disse minimumskravene for å være sikker på at bildene dine alltid vises riktig på Facebook-innleggene, og får dem til å se bra ut.

Hvor kan jeg fly? - Hjem | Facebook
Internasjonal SAP og Web Consulting - Hjem | Facebook
Hjelp Smartphone - Home Facebook
Reise Komparator - Hjem Facebook
Facebook utviklerplattform - Facebook-utviklere
Kiev strandklubb og Kiev nattlys om sommeren - Hvor kan jeg fly?

Ytterligere avlesninger

For å optimalisere meta-tagger for visning av rike kort og andre sosiale medier som deler puroposes, ta en titt på disse flotte nettstedene som er fulle av nyttig informasjon:

Webutviklerens SEO Cheat Sheet 2.0
18 Meta Tags hver nettside burde ha i 2014
Den åpne grafprotokollen
Utdrag - Google + -plattform
Pinterest Rich Pins for Business
WooCommerce - Gratis Wordpress verktøykasse som legger til produktmarkering

Meta eiendom OG Facebook

Facebook Open Graph-bildedimensjonene, for Facebook-metadimensjonsstørrelsen og også Facebook Open Graph-bildestørrelsen, er 200 piksler med 200 piksler. Det anbefales som minimum, og maksimal størrelse bør ikke være mer enn 1200 med 630 piksler.

Hva er OG-tag? OG-tag, også kalt Facebook OG-tag, eller Facebook Open Graph-tag, er informasjon som finnes i nettstedets kildekode, men skjult fra besøkende på nettstedet, som brukes av Facebook eller andre sosiale nettverk når du deler en side på sosiale medier, for å vise et bilde, en beskrivelse og annen informasjon som vil bli brukt til å vise detaljer på en fin måte om den delte linken.

Facebook-meta er følgende:

- Facebook OG nettstednavn er navnet på nettsiden,

- Facebook OG beskrivelse inneholder nettsiden kort tekstbeskrivelse,

- OG image Facebook inneholder lenken til bildet av lenken,

- Facebook OG-typen definerer typen innhold som deles, for eksempel en artikkel eller en bok,

- Facebook OG URL er den unike Internett-adressen til lenken, også kalt URL, Uniform resource location,

- Facebook OG bildestørrelse er minimum 200x200px, maksimalt 1200x630px.

OG tag generator Open Graph Generator, Avansert meta tags generator verktøy
Twitter Open Graph tester Card Validator - Twitter-kort




Lignende artikler

DesignCap Infographic Maker - Vis kompliserte data på en enkel måte

DesignCap Infographic Maker - Vis kompliserte data på en enkel måte

Gjennom eksperimentering og repetisjon har vi funnet ut at å inkludere bilder på sosiale medier eller blogginnlegg øker engasjementet eksponentielt.


kommentarer (1)

Bardzo przydatny artykuł tylko szkoda że tak mało osób z niego korzysta.

Legg igjen en kommentar