Öppna Graph Validator

Extrahera och verifiera metadata för alla öppna grafer

Inspektera öppna grafer med ETTVI:s Open Graph Validator för att säkerställa att metadata på en webbsida får uppmärksamhet när de delas på sociala medier. Det här avancerade verktyget hjälper webbansvariga att ta reda på hur väl deras webblänkar visas på Facebook, Pinterest, Instagram och LinkedIn i realtid.

Ange bara webbadressen till din webbsida och se hur snabbt ETTVI:s Open Graph Validator visar förhandsgranskningen och metadata för den öppna grafen. Det kommer att extrahera och markera kopierbart:

• Titel på Open Graph

• Beskrivning av Open Graph

• Typ av webbresurs

• Webbplatsens namn

• webbadress

• bild URL

ETTVI:s banbrytande Open Graph Generator Validator extraherar  OG-metataggarna  - den hämtar och visar automatiskt de öppna grafens metataggar. Användaren kan enkelt kopiera eller ladda ner koderna för den begärda öppna grafen.

Verifiera och extrahera öppna grafmetataggar - förhandsgranska hur webblänkarna visas på sociala medier utan kostnad.

Följ dessa steg för att kontrollera den öppna grafen för en webblänk:

STEG 1 "Ange URL"

Placera länken till en webbsida för att validera dess öppna graf enligt följande:

STEG 2 "Kör verktyget"

Klicka på validera för att köra ETTVI:s Open Graph Checker.

STEG 3 "Förhandsgranska Öppna graf"

ETTVI:s Open Graph Validator visar den öppna grafen för att visa hur din länk kommer att visas på sociala medier enligt följande:

STEG 4 "Kontrollera öppna grafdetaljer"

ETTVI:s Open Graph Validator kommer att extrahera och markera följande information:

STEG 5 "Hämta Open Graph Meta Tags"

ETTVI:s Open Graph Validator extraherar OG-metataggarna och visar dem enligt följande:

Klicka på eller för att spara metataggarna för den givna öppna grafen.

ETTVI:s Open Graph Validator tjänar det bästa för att säkerställa om användarna av sociala medier tycker att dina webblänkar är betydande eller inte. Det låter dig förhandsgranska och verifiera öppna grafer för vilken webb som helst på mindre än en minut. Dessutom kan du enkelt extrahera kopierbar metadata och metataggar för alla öppna grafer med ETTVI:s avancerade verktyg.

Ta en titt nedan för att veta vad ETTVI:s Open Graph Checker erbjuder och varför du bör välja det:

Användarvänligt gränssnitt

ETTVI-teamet har sett till att användarna enkelt kan hitta, komma åt och använda det här verktyget för att testa en öppen graf över vilken webbresurs som helst. Alla funktioner och funktioner i ETTVI:s Open Graph Validator har visats framträdande och korrekt på ett organiserat sätt. Vad ETTVI:s Open Graph Tester gör, hur och varför användarna ska använda den har dessutom specificerats tydligt.

Exakt hur detta verktyg har designats och utvecklats för att kontrollera den öppna grafen för en webblänk är verkligen anmärkningsvärt. Det fungerar effektivt och korrekt för att hjälpa webbansvariga att validera alla öppna diagram.

Validering med ett klick

ETTVI:s Open Graph Validator kräver bara att användaren anger webbadressen till en webbresurs för att hämta och visa dess öppna graf. Med bara ett klick kan användarna kontrollera och validera den öppna grafen på vilken webbsida som helst. Om användaren hittar några problem med att förstå hur verktyget fungerar, kan de läsa den integrerade manualen för att veta hur man testar öppen graf med ETTVI:s Open Graph Validator.

Snabb extraktion

När användaren anger webbadressen till en webbresurs hämtar den automatiskt och visar alla detaljer i det öppna diagrammet. Kort sagt, ETTVI:s Open Graph Validator extraherar metadata och metataggar från den begärda öppna grafen och gör det möjligt för användarna att kopiera eller ladda ner dem efter behov. Visst, alla webbansvariga, inklusive SEO, marknadsförare på sociala medier och bloggare kan använda detta avancerade verktyg för att spåra og metataggar eller titel och beskrivning av alla öppna grafer i realtid.

Gratis och obegränsad tillgång

ETTVI gör det möjligt för användarna att få tillgång till och använda Open Graph Validator utan kostnad. Människor från hela världen kan validera öppna grafer med detta avancerade verktyg – oavsett tidsgräns och prenumeration.

Innehållet är det viktigaste. Men även det bästa materialet skulle gå obemärkt förbi utan delning på sociala medier och plattformar som främjar delning. Om en användare vill maximera räckvidden på sociala nätverk, är det första en användare bör göra att förbättra utseendet på innehåll när det delas, vilket SEO:er kan göra med Open Graph-taggar.

Vad är Open Graph-metataggar?

Varje webbsida kan omvandlas till ett rikt objekt i den sociala grafen genom Open Graph-protokollet. Det är möjligt att ändra hur webbadresser visas på sociala medier genom att lägga till Open Graph-metataggar i rubriken på HTML-taggar.

En webbsidas sektion innehåller dessa taggar. Open Graph-taggar är alla taggar med prefixet og: före egenskapsnamnet.

Metataggar för öppna grafer kodas enligt följande:

Efter att ha lärt sig vad öppna graftaggar är kan SEO:are fråga hur kodningen för dessa taggar ser ut.

Den grundläggande formeln för denna kodning är följande:

Även om Facebook var pionjär med detta koncept, har det sedan antagits av andra sociala medieföretag. Twitter, LinkedIn och Google känner igen öppna Graphs-taggar. Även om Twitter har sina egna metataggar som kallas "Twitter-kort", känner den fortfarande igen och använder Open Graph-taggar och kommer att göra det om inga Twitter-kort hittas. SEO:are kan dock använda ETTVI:s öppna grafkontroll, som ger en översikt över de giltiga taggar som har implementerats framgångsrikt.

Varför är Open Graph Protocol nödvändigt för webbplatsen?

Open Graph Protocol förbättrar användarupplevelsen av delat innehåll. Det förbättrar innehållets exponering, gör det mer intressant och uppmuntrar läsarna att klicka på det.

Till exempel, engagera sig med rika föremål som:

• Öka antalet personer som besöker webbplatsen

• Förbättra sökmotorernas rankning och öka försäljningen

• Uppnår högkvalitativa bakåtlänkar till webbplatsen

• Öka antalet personer som svarar på det specifika innehållet

• Öka antalet sociala medier

• Öka webbplatsens klickfrekvens (CTR)

Använd OG-taggar för att meddela sociala medier om vilket innehåll de ska visa när någon delar innehållet. Facebook är inte ett bra ställe att lägga upp en länk om bilden saknas eller om titeln är felaktig. OG-taggar kan också användas för att rikta in sig på vissa grupper eller platser. SEO kan till exempel kontrollera informationen som visas för användare i ett specifikt område. Låt oss börja med lite grunder för Metadata för öppna grafer.

Grunderna i metadata

Det finns fyra grundläggande metataggar som varje sida bör innehålla:

• og:title: sidans titel. Detta bör inte innehålla några webbplatsspecifika identifierare utan bara information om själva sidan.

• og:type: sidans innehållstyp. Den vanligaste typen är en webbplats, men fler varianter finns tillgängliga om webbansvariga kräver något mer specifikt.

• og:image: bilden som kommer att visas i förhandsgranskningen av en länk. Detta bör vara en representativ bild av sidans innehåll. Dessutom är det fördelaktigt att inkludera en reservbild som representerar webbplatsen som är länkad till länken.

• og:url: sidans kanoniska URL. Det måste vara en fullständigt kvalificerad URL.

Även om implementering av Open Graph-taggar inte kommer att ha någon direkt effekt på SEO på sidan, kommer det säkert att ha en effekt på prestandan för länkar till sociala medier. Som ett resultat är det en kritisk aspekt att undersöka!

Förstå OCH Metataggar på Facebook

Öppna grafmetataggar på Facebook finns i en mängd olika smaker. Här finns många typer av öppna grafer som förklarar hur man använder var och en.

och:titel

Titeln på innehållet definieras på detta sätt som användaren kan förvänta sig. Koden kan fortfarande använda standardmetatiteltaggen för detta ändamål. Metatiteln används istället för taggen og:title om Facebook inte hittar den på sidan.

Se till att komma ihåg att texten som visas på ett Facebook-nyhetsflöde är fetstilt och otroligt iögonfallande. Som en bra bloggartikeltitel måste den vara spännande.

En rimlig tumregel är att hålla sig till mellan 60 och 90 tecken, men det finns ingen övre eller nedre begränsning. Facebook kommer att trunkera titeln till bara 88 tecken om den är mer än 100 tecken.

och:url

När du delar en sida är det enkelt att ställa in sidans kanoniska URL. I huvudsak betyder detta att alla andelar kommer att vara länkade till en enda webbsida. Detta är en användbar tagg om innehållet har många webbadresser som pekar på samma innehåll. En viktig anmärkning: Facebooks nyhetsflöde visar bara domännamnet och inte URL-adressen som användarna har angett.

och: typ

Detta uttrycker typen av objekt, här är några exempel:

Underhållning:

• bok

• spel

• film

Det finns mycket överlappning mellan denna meta-descriptor och HTML-meta description-taggen. Taggen og:description används för att beskriva innehållet på Facebook; det visas under länkens titel snarare än högst upp på en sökmotors resultatsida. Lägg inte för mycket tid på att försöka ta reda på hur du ska inkludera sökord i innehållet. Som ett resultat kommer det inte att påverka sökmotorernas ranking. Men om sökmotoroptimerare vill att användarna ska klicka på det måste de göra det intressant och engagerande, och de kan kontrollera sin beskrivning, rubrik, bild och innehåll med ETTVI:s öppna grafvalidering.

Twitter-kort

Tumblr-kort är en typ av social metatagg som endast används för tweeting.

Twitter använder Twitter-korttaggar, som ger dem större kraft och alternativ när de är tillgängliga. Annars används Open Graph som standard (igen, om det finns).

Med Twitter-kort införlivas ytterligare innehåll, såsom fotografier, videor och andra medier, omedelbart i tweeten, vilket ökar interaktionen.

Taggar för Twitter-kort

Twitter:card avgör vilken typ av kort som används i en situation.

Sammanfattning - erbjuder ett sammanfattningskort som innehåller en bild av en fyrkant tillsammans med sammanfattningsinformationen.

Large-Summary-Image: När bilden som används är rektangulär vill användaren använda en stor sammanfattningsbild istället för en liten sammanfattningsbild.

twitter:description (og:description) En beskrivning av sidan eller artikeln.

twitter:site Använda Twitter-handtaget, kopplat till företaget eller webbplatsen

twitter:creator (Valfritt). Skapade innehållsskaparens Twitter-handtag. Endast om twitter:card är definierat för att sammanfatta en stor bild kommer denna tagg att vara meningsfull.

Fyrkantiga bilder (genom taggen twitter:image) i storlek mellan 4096x4096 och 144x144 pixlar kan användas för Twitter:kort som är inställda på sammanfattning.

Dessutom stöds rektangulära bilder mellan 4096x4096 och 300x157 pixlar för den sammanfattande storbildsparametern, som kan användas för större bilder. JPG-, WEBP-, GIF- och PNG-filer stöds alla och de bör inte överstiga 5 MB i filstorlek. Twitter, å andra sidan, stöder inte animerade GIF-filer. Istället används den första ramen. Emellertid kommer verktyget Open Graph Checker från ETTVI att hjälpa SEO-proffs att identifiera och optimera OG-taggarna på en webbsida, enligt deras behov.

Konfigurera Shopifys Open Graph-taggar för Facebook

OG-taggar som og:title och og:image hämtas från variabler som titeltaggen och utvalda bilder i de flesta Shopify-teman. Endast taggen og:image kan anpassas via Shopifys användargränssnitt. Tema/ Anpassa/ Temainställningar/ Anpassa/ Sociala medier/ välj en bild från rullgardinsmenyn. För att se hur det går till, gå till Online Store > Teman > Åtgärder > Redigera kod > Snippets > social-meta-tags flytande i rullningslisten. Om användarna behöver göra ändringar i koden kan de göra det.

Wix Tillåt att lägga till öppna graftaggar

Förutom sidans metatitel och beskrivning använder Wix även annan data för att fylla i typiska OG-taggar.

I alternativen "Social delning" kan användare ändra varje sidas OG-beskrivning, titel och bild. OG-bilden kan också anpassas för hela webbplatsen. På huvudmenyn väljer du Inställningar > Social delning. Wix gör det enkelt att lägga till OG-taggar eftersom ingenting behöver hårdkodas.

Öppna Graph Tags i WordPress adminpanel

Yoasts SEO-plugin kan hjälpa till att förbättra webbplatsens sökmotorrankning. En SEO-verktygslåda ska visas i inläggs- eller sidredigeraren, ner till botten. Välj "Facebook" från rullgardinsmenyn "Social".

För att ställa in taggarna og:description, og:title och og:image, skriv in informationen här. Det finns ingen anledning att ställa in og:url explicit, Yoast hanterar detta. Bilddimensioner ingår också i listan över OG-taggar som kan vara till nytta. En användare kanske inte har känt till detta, men om användaren inte har en utvald bild för inlägget kommer Yoast att använda den som standard. För att spara tid kommer den också att lägga till andra Twitter-kort och OG-taggar, som webbplatsnamn, bildstorlek och så vidare.

Det rekommenderas också att ställa in en och:image-tagg för hela webbplatsen. När en delad URL inte har en anpassad tagg visas detta meddelande. Med hjälp av Yoasts inställningar, kommer den att hitta det här alternativet. Yoast > Facebook > Sociala nätverk När omkopplaren är inställd på "Aktiverad", skicka in en lämplig bild. Det här är ett bra ställe för varumärkesbilder.

Vad händer om inlägget inte har OG-taggar?

Som standard kommer de flesta sociala nätverk att göra sitt bästa för att skapa en smygtitt på innehållet. För det mesta går detta inte som planerat. Även om min sidas namn förekommer i titeln och beskrivningen är tweeten inte särskilt iögonfallande. Vi ser en annan historia jämfört med förhandsgranskningen av ett enskilt inlägg. Så vad händer om en användare inte använder öppna graftaggar på sin webbplats? Inget hemskt kommer att hända men det kommer inte att kunna använda vissa av de egenskaper som skiljer innehållet från störtfloden av annat innehåll som publiceras online.