Åbn Graph Validator

Udtræk og bekræft metadataene for enhver åben graf

Undersøg åbne grafer med ETTVI's Open Graph Validator for at sikre, at metadataene på en webside fanger opmærksomhed, når de deles på sociale medier. Dette avancerede værktøj hjælper webmastere med at finde ud af, hvor godt deres weblinks vises på Facebook, Pinterest, Instagram og LinkedIn i realtid.

Indtast blot URL'en på din webside og se, hvor hurtigt ETTVI's Open Graph Validator viser forhåndsvisningen og metadataene for den åbne graf. Det vil udtrække og fremhæve kopierbare:

• Titel på Open Graph

• Beskrivelse af Open Graph

• Type af webressource

• Hjemmeside navn

• Hjemmeside URL

• Billed-URL

ETTVI's banebrydende Open Graph Generator Validator udtrækker OG  -metatags  - den henter og viser automatisk de åbne graf-metatags. Brugeren kan nemt kopiere eller downloade koderne for den ønskede åbne graf.

Bekræft og udtræk åbne graf-metatags - se et eksempel på, hvordan weblinks vises på sociale medier gratis.

Følg disse trin for at kontrollere den åbne graf for ethvert weblink:

TRIN 1 "Indtast URL"

Placer linket til en webside for at validere dens åbne graf som følger:

TRIN 2 "Kør værktøjet"

Klik på valider for at køre ETTVI's Open Graph Checker.

TRIN 3 "Preview Open Graph"

ETTVI's Open Graph Validator viser den åbne graf for at vise, hvordan dit link vil se ud på sociale medier som følger:

TRIN 4 "Tjek åbne grafdetaljer"

ETTVI's Open Graph Validator vil udtrække og fremhæve følgende information:

TRIN 5 "Få åbne graf-metatags"

ETTVI's Open Graph Validator vil udtrække OG Meta Tags og vise dem som følger:

Klik på eller for at gemme metatags for den givne åbne graf.

ETTVI's Open Graph Validator tjener det bedste til at sikre, om de sociale mediebrugere finder dine weblinks væsentligt bemærkelsesværdige eller ej. Det giver dig mulighed for at forhåndsvise og verificere åbne grafer for enhver web på mindre end et minut. Desuden kan du nemt udtrække kopierbare metadata og metatags af enhver åben graf med ETTVI's avancerede værktøj.

Tag et kig nedenfor for at vide, hvad ETTVI's Open Graph Checker tilbyder, og hvorfor du skal vælge det:

Brugervenlig grænseflade

ETTVI-teamet har sørget for, at brugerne nemt kan finde, få adgang til og bruge dette værktøj til at teste åbne grafer for enhver webressource. Alle funktioner og funktioner i ETTVI's Open Graph Validator er blevet fremtrædende og korrekt vist på en organiseret måde. Desuden er det klart specificeret, hvad ETTVI's Open Graph Tester gør, hvordan og hvorfor brugerne skal bruge det.

Netop den måde, dette værktøj er blevet designet og udviklet til at kontrollere den åbne graf for ethvert weblink, er virkelig bemærkelsesværdig. Det fungerer effektivt og præcist for at hjælpe webmasterne med at validere enhver åben graf.

Et-klik validering

ETTVI's Open Graph Validator kræver blot, at brugeren indtaster URL'en på en webressource for at hente og vise dens åbne graf. Med kun et enkelt klik kan brugerne kontrollere og validere den åbne graf på enhver webside. I tilfælde af at brugeren finder et problem med at forstå værktøjets funktion, kan de læse den integrerede manual for at vide, hvordan man tester åben graf med ETTVI's Open Graph Validator.

Hurtig udvinding

Når brugeren indtaster URL'en på en webressource, henter og viser den automatisk alle detaljerne i den åbne graf. Kort sagt udtrækker ETTVI's Open Graph Validator metadata og metatags fra den ønskede åbne graf og gør det muligt for brugerne at kopiere eller downloade dem efter behov. Helt sikkert, alle webmastere, inklusive SEO'er, marketingfolk på sociale medier og bloggere kan udnytte dette avancerede værktøj til at spore og metatags eller titel og beskrivelse af enhver åben graf i realtid.

Gratis og ubegrænset adgang

ETTVI gør det muligt for brugerne at få adgang til og bruge Open Graph Validator gratis. Folk fra hele verden kan validere åbne grafer med dette avancerede værktøj - uanset enhver tidsbegrænsning og abonnement.

Indhold er det vigtigste. Men selv det bedste materiale ville gå ubemærket hen uden deling på sociale medier og platforme, der fremmer deling. Hvis en bruger ønsker at maksimere rækkevidden på sociale netværk, er det første, en bruger skal gøre, at forbedre udseendet af indhold, når det deles, hvilket SEO'er kan gøre med Open Graph-tags.

Hvad er Open Graph Meta Tags?

Hver webside kan omdannes til et rigt objekt i den sociale graf gennem Open Graph-protokollen. Det er muligt at ændre, hvordan URL'er vises på sociale medier ved at tilføje Open Graph-metatags til headeren af ​​HTML-tags.

En websides sektion indeholder disse tags. Open Graph tags er alle tags med præfikset og: før ejendomsnavnet.

Metatags for åbne grafer er kodet som følger:

Efter at have lært, hvad åbne graftags er, kan SEO'er spørge, hvordan kodningen for disse tags ser ud.

Den grundlæggende formel for denne kodning er som følger:

Selvom Facebook var banebrydende for dette koncept, er det siden blevet adopteret af andre sociale medievirksomheder. Twitter, LinkedIn og Google genkender åbne Graphs-tags. Mens Twitter har sine egne meta-tags kaldet "Twitter-kort", genkender og anvender det stadig Open Graph-tags og vil gøre det, hvis der ikke findes nogen Twitter-kort. SEO'ere kan dog bruge ETTVI's åbne graftjekker, som giver et overblik over de gyldige tags, der er blevet implementeret med succes.

Hvorfor er Open Graph Protocol nødvendig for webstedet?

Open Graph Protocol forbedrer brugeroplevelsen af ​​delt indhold. Det forbedrer indholdets eksponering, gør det mere interessant og opfordrer læserne til at klikke på det.

F.eks. engagere sig med omfattende genstande som:

• Øg antallet af personer, der besøger hjemmesiden

• Forbedre søgemaskinernes placeringer og øge salget

• Opnår backlinks af høj kvalitet til hjemmesiden

• Øg antallet af personer, der reagerer på det bestemte indhold

• Øg antallet af sociale medier

• Forøg webstedets klikrate (CTR)

Brug OG-tags til at underrette sociale medier om, hvilket indhold de skal vise, når nogen deler indholdet. Facebook er ikke et godt sted at poste et link, hvis billedet mangler, eller titlen er forkert. OG-tags kan også bruges til at målrette mod bestemte grupper eller steder. For eksempel kan SEO'er kontrollere de oplysninger, der vises for brugere i et specifikt område. Lad os starte med nogle grundlæggende oplysninger om Metadata for åbne grafer.

Grundlæggende om metadata

Der er fire grundlæggende metatags, som hver side bør indeholde:

• og:title: sidens titel. Dette bør ikke omfatte nogen webstedsspecifikke identifikatorer, men blot oplysninger om selve siden.

• og:type: sidens indholdstype. Den mest almindelige type er en hjemmeside, men flere varianter er tilgængelige, hvis webmastere har brug for noget mere specifikt.

• og:image: billedet, der vises i forhåndsvisningen af ​​et link. Dette skal være et repræsentativt billede af sidens indhold. Derudover er det en fordel at inkludere et reservebillede, der repræsenterer det websted, der er linket til linket.

• og:url: sidens kanoniske URL. Det skal være en fuldt kvalificeret URL.

Selvom implementering af Open Graph-tags ikke vil have nogen direkte effekt på on-page SEO, vil det helt sikkert have en effekt på ydeevnen af ​​sociale medier links. Som følge heraf er det et kritisk aspekt at undersøge!

Understanding OG Meta Tags on Facebook

Åbne graf-metatags på Facebook findes i en række forskellige varianter. Her er mange typer åbne grafer, der forklarer, hvordan man bruger hver enkelt.

og:titel

Titlen på indholdet er defineret på denne måde, som brugeren kunne forvente. Koden kan stadig bruge standard meta title tag til dette formål. Metatitlen bruges i stedet for og:title-tagget, hvis Facebook ikke finder det på siden.

Sørg for at huske, at den tekst, der vises på et Facebook-nyhedsfeed, er fed og utroligt iøjnefaldende. Ligesom en god blogartikeltitel skal den være spændende.

En rimelig tommelfingerregel er at holde sig til mellem 60 og 90 tegn, men der er ingen øvre eller nedre begrænsning. Facebook vil afkorte titlen til kun 88 tegn, hvis den er på mere end 100 tegn.

og:url

Når du deler en side, så er det nemt at indstille sidens kanoniske URL. I bund og grund betyder dette, at alle delinger vil være knyttet til en enkelt webside. Dette er et nyttigt tag, hvis indholdet har mange URL'er, der peger på det samme stykke indhold. En vigtig bemærkning: Facebooks nyhedsfeed viser kun domænenavnet og ikke den URL, brugerne har angivet.

og:type

Dette udtrykker typen af ​​objekt, her er et par eksempler:

Underholdning:

• Bestil

• spil

• film

Der er meget overlap mellem denne meta-descriptor og HTML-meta description-tagget. Tagget og:description bruges til at beskrive indholdet på Facebook; det vises under linkets titel i stedet for øverst på en søgemaskineresultatside. Brug ikke for meget tid på at finde ud af, hvordan man kan inkludere søgeord i indholdet. Som et resultat, vil det ikke have en indvirkning på søgemaskinernes placeringer. Men hvis SEO'er vil have brugerne til at klikke på det, skal de gøre det interessant og engagerende, og de kan tjekke deres beskrivelse, overskrift, billede og indhold med ETTVI's åbne grafvalidator.

Twitter-kort

Tumblr-kort er en type social meta-tag, der kun bruges til tweeting.

Twitter bruger Twitter-kortmærker, som giver dem større kraft og muligheder, når de er tilgængelige. Ellers bruges Open Graph som standard (igen, hvis det er angivet).

Med Twitter-kort bliver yderligere indhold, såsom fotografier, videoer og andre medier, øjeblikkeligt inkorporeret i tweetet, hvilket øger interaktionen.

Tags til Twitter-kort

Twitter:card bestemmer, hvilken type kort der bruges i en situation.

Resumé - tilbyder et oversigtskort, der indeholder et billede af en firkant ledsaget af oversigtsoplysningerne.

Large-Summary-Image: Når det anvendte billede er rektangulært, ønsker brugeren at bruge et stort resumébillede i stedet for et lille resumébillede.

twitter:description (og:description) En beskrivelse af siden eller artiklen.

twitter:site Brug af Twitter-håndtaget, der er knyttet til virksomheden eller hjemmesiden

twitter:creator (Valgfrit). Oprettet indholdsskaberens Twitter-håndtag. Kun hvis twitter:card er defineret til at opsummere et stort billede, vil dette tag være meningsfuldt.

Firkantede billeder (via twitter:image-tagget) i størrelsen mellem 4096x4096 og 144x144 pixels kan bruges til Twitter:kort indstillet til resumé.

Rektangulære billeder mellem 4096x4096 og 300x157 pixels understøttes også for parameteren summary large image, som kan bruges til større billeder. JPG-, WEBP-, GIF- og PNG-filer understøttes alle, og de bør ikke overstige 5 MB i filstørrelse. Twitter understøtter på den anden side ikke animerede GIF'er. I stedet bruges den første ramme. Open Graph Checker-værktøjet fra ETTVI vil dog hjælpe SEO-professionelle med at identificere og optimere OG-tags på en webside i henhold til deres behov.

Opsætning af Shopifys Open Graph Tags til Facebook

OG-tags som og:title og og:image hentes fra variabler som titeltagget og det fremhævede billede i de fleste Shopify-temaer. Kun og:image-tagget kan tilpasses gennem Shopify-brugergrænsefladen. Tema/ Tilpas/ Temaindstillinger/ Tilpas/ Sociale medier/ vælg et billede fra rullemenuen. For at se, hvordan det gøres, skal du gå til Onlinebutik > Temaer > Handlinger > Rediger kode > Snippets > sociale-metatags væske i rullepanelet. Hvis brugerne skal foretage ændringer i koden, kan de gøre det.

Wix Tillad at tilføje åbne graf-tags

Ud over sidens metatitel og beskrivelse bruger Wix også andre data til at udfylde typiske OG-tags.

I indstillingerne "Social deling" kan brugere ændre hver sides OG-beskrivelse, titel og billede. OG-billedet kan også tilpasses til hele webstedet. I hovedmenuen skal du vælge Indstillinger > Social deling. Wix gør det nemt at tilføje OG-tags, fordi intet skal hardkodes.

Åbn Graph Tags i WordPress Admin Panel

Yoasts SEO-plugin kan være med til at forbedre hjemmesidens placering i søgemaskinerne. En SEO-værktøjskasse skal vises i post- eller sideeditoren, ned til bunden. Vælg "Facebook" fra rullemenuen "Social".

For at indstille og:description, og:title og og:image tags, skal du indtaste oplysningerne her. Der er ingen grund til at indstille og:url eksplicit, Yoast håndterer dette. Billeddimensioner er også inkluderet i listen over OG-tags, der kan være gavnlige. En bruger har måske ikke vidst dette, men hvis brugeren ikke har et fremhævet billede til indlægget, vil Yoast bruge det som standard. For at spare tid vil den også tilføje andre Twitter-kort og OG-tags, såsom webstedsnavn, billedstørrelse og så videre.

Det anbefales også at indstille et sitewide og:image tag. Når en delt URL ikke har et tilpasset tag, vises denne meddelelse. Ved at bruge Yoasts indstillinger vil den finde denne mulighed. Yoast > Facebook > Sociale netværk Når kontakten er indstillet til "Aktiveret", indsend et passende billede. Dette er et godt sted for mærkebilleder.

Hvad vil der ske, hvis indlægget ikke har OG-tags?

Som standard vil de fleste sociale netværk gøre deres bedste for at skabe et smugkig af indholdet. Det meste af tiden går det ikke som planlagt. Selvom min sides navn står i titlen og beskrivelsen, er tweetet ikke specielt iøjnefaldende. Vi ser en anden historie sammenlignet med et enkelt indlægs forhåndsvisning. Så hvad sker der, hvis en bruger ikke bruger åbne graf-tags på sin hjemmeside? Der vil ikke ske noget forfærdeligt, men det vil ikke være i stand til at bruge nogle af de egenskaber, der adskiller indholdet fra syndfloden af ​​andet indhold, der er lagt ud online.