Det korte svaret: For å sjekke Open Graph på nettet, lim inn sideadressen i den gratis Open Graph Debugger PromoPilot. Den vil lese alle og:* og Twitter Card-tagger, sjekke tilstedeværelsen og størrelsen på bildet, evaluere fullstendigheten av markupen og vise forhåndsvisninger av lenker for Facebook, X (Twitter) og LinkedIn – pluss anbefalinger for hva du bør legge til. Ingen registrering kreves. Nedenfor finner du de nødvendige taggene, den nødvendige og:image-størrelsen og hvordan du oppdaterer en "fastlåst" forhåndsvisning.
Jeg har laget nettsider i 12 år, og jeg hører spørsmålet «Hvorfor har ikke Telegram lenken et bilde?» fra kunder oftere enn jeg får spørsmål om rangeringer. Det er vanligvis en jobb på fem minutter – hvis du vet hvor du skal lete.
Hva sjekker Open Graph Debugger?
Når du setter inn en lenke i et innlegg eller en melding, går plattformen til siden og ser etter Open Graph-tagger. Hvis den finner en, tegner den et pent kort. Hvis den ikke gjør det, tar den det den finner eller viser en ren URL. Verktøyet sjekker bare det sosiale nettverk vil lese.
| Hva sjekker den? | Hva ser han på? | Hvorfor trenger næringslivet dette? |
|---|---|---|
| Alle tagger og:* | og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale | Fra disse samler nettstedene inn tittelen, beskrivelsen og bildet av kortet. |
| Twitter-kort | twitter:kort, twitter:tittel, twitter:beskrivelse, twitter:bilde | X (Twitter) leser taggene sine, og hvis de mangler, delvis og |
| OG-bilde | Finnes det et bilde, og hvor stort er det? | Det lille bildet gjør kortet om til et lite ikon på siden |
| Fullstendighetsvurdering | Hvor mange anbefalte tagger er fylt ut? | Hurtigreferanse: er alt på plass? |
| Forhåndsvisninger av nettverket | kort for Facebook, X og LinkedIn | Du kan se hvordan innlegget vil se ut før publisering. |
| Anbefalinger | Hva bør jeg legge til eller korrigere? | En ferdig oppgaveliste for en utvikler eller for deg |
Hvordan sjekke Open Graph-sider på nettet?
- Åpne Åpne graffeilsøkingsprogram.
- Skriv inn nettadressen til siden du vil dele: en artikkel, et produkt eller en landingsside for annonsering. Klikk på «Merk av».
- Gå gjennom listen over tagger: hvilke som er angitt, hvilke som er tomme, og om det er en fremmedadresse eller testadresse i og:url.
- Sjekk forhåndsvisningen for hvert nettverk: er tittelen kuttet bort, er bildet synlig, og er det viktig tekst rundt kantene.
- Vennligst legg til de manglende taggene som anbefalt og sjekk siden på nytt.
Verktøyside: adressefelt, «Sjekk»-knapp, liste over sjekker og vanlige spørsmål
Verktøyet er lett: en daglig grense er nok til at en gjest kan sjekke alle nettstedets maler – hjemmeside, kategori, produkt og artikkel. Etter gratis registrering tredobles grensen.
Hva er de vanligste feilene i Open Graph?
Her er hva jeg finner på nesten alle andre nettsteder, og i hvilken rekkefølge jeg skal fikse det.
- Det finnes ikke noe og:image, eller det er spesifisert som en relativ URL. Sosiale nettverk forstår ikke
content="/img/cover.jpg"– hele URL-en som starter medhttps://er påkrevd. Uten et bilde synker innleggets rekkevidde betraktelig. - Bildet er for lite. Logoen på 200 x 200 gjør om kortet til en liten firkant på siden. Et bilde på 1200 x 630 er nødvendig.
- Ett og:bilde for hele nettstedet. Hver artikkel og hvert produkt på sosiale medier skal se like ut – med logoen. For bloggen og katalogen skal bildet være hentet fra sidens hovedbilde.
- og:url fører til en annen adresse – hjemmesiden, et testdomene eller
http://versjonen. Plattformen kan samle alle lenker på én side. - Det finnes ikke noe twitter:card. Uten det viser X ofte et lite kort. For et større bilde trenger du
summary_large_image. - og:title dupliserer tittelen med «kjøp» og merkevaren. I en feed på sosiale medier ser dette ut som en annonse; en livlig overskrift, som for et innlegg, er bedre.
Minimum korrekt sett ser slik ut:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">Hvordan klargjøre et bilde for og:image?
Bildet er den mest synlige delen av kortet, og det er der folk ofte sparer. Her er noen regler jeg følger:
- Størrelsen er 1200×630 og retningen er horisontal. Det sosiale nettverket vil beskjære toppen og bunnen av et firkantet produktbilde, noe som kan føre til at produktet mangler et hode eller en såle.
- Det viktigste er i midten. Ulike plattformer beskjærer kantene ulikt, og i mobilfeeden er kortet enda mindre. Hold teksten stor og vekk fra kantene.
- Minimal tekst. Tittelen er allerede under bildet; 3–6 ord eller ingen bildetekster er tilstrekkelig på selve bildet.
- Lett fil. En JPG- eller PNG-fil av rimelig størrelse lastes raskt, og plattformen får ikke tidsavbrudd.
- Et dedikert bilde for hver nøkkelside. For artikler og produkter er det praktisk å opprette et automatisk: et artikkelforsidebilde eller hovedproduktbildet.
En god test er å åpne forhåndsvisningen i feilsøkingsprogrammet på telefonen din. Hvis lenken ikke er tydelig uten å zoome inn, må bildet omarbeides.
Hvordan oppdaterer jeg en gammel forhåndsvisning etter en rettelse?
Et vanlig scenario: du har fikset taggene, men det sosiale nettverket viser sta det gamle bildet. Årsaken er mellomlagring: plattformen har husket forhåndsvisningen fra den første delingen. På Facebook hjelper det å samle inn dataene på nytt i Sharing Debugger, på LinkedIn med Post Inspector, og på Telegram med @WebpageBot-boten, som du sender lenken til. Hvis alt annet mislykkes, legg til en harmløs parameter i adressen, for eksempel ?v=2: for plattformen er dette en ny lenke.
Sammenligning: Open Graph Debugger og alternativer
| Verktøy | Hva er gratis? | Restriksjoner | Hvem passer det for? |
|---|---|---|---|
| PromoPilot – Feilsøkingsprogram for åpen graf | Alle OG- og Twitter-tagger, OG: bildestørrelse, forhåndsvisninger for Facebook, X og LinkedIn, anbefalinger | Tømmer ikke hurtigbufferen på sosiale medier | Sjekk siden din umiddelbart før du publiserer den på sosiale medier |
| Deling av feilsøkingsprogram (Meta) | Facebook forhåndsvisning og datainnsamling på nytt | Kun Facebook, kontoinnlogging kreves | Tilbakestill gammel forhåndsvisning på Facebook |
| LinkedIn-innleggsinspektør | LinkedIn-forhåndsvisning og hurtigbufferoppdatering | Kun LinkedIn, innlogging kreves | For de som markedsfører seg på LinkedIn |
| @WebpageBot på Telegram | Oppdaterer forhåndsvisningen av lenken i Telegram | Bare Telegram analyserer ikke tagger | For eiere av Telegram kanaler |
Konklusjon: Offisielle plattformfeilsøkingsprogrammer er nødvendige for å tømme hurtigbufferen, men hver plattform viser bare sitt eget nettverk. For å se alle forhåndsvisninger og en liste over manglende tagger på én gang, er en universell feilsøkingsenhet mer praktisk.
Forresten, PromoPilot har 87 gratis SEO-verktøy. Hvis du ikke har skrevet tagger ennå, har vi en artikkel i serien vår om en metataggenerator som lager en Open Graph-blokk med forhåndsvisning.
Hvordan er Open Graph Debugger forskjellig fra metataganalyse?
Metataganalyse ser på en side gjennom øynene til en søkemotor: tittel, beskrivelse, kanonisk, hreflang og Open Graph er bare én gruppe. Feilsøkingsprogrammet fokuserer på sosiale medier: det lager kort for ulike plattformer, sjekker bildestørrelsen og gir anbefalinger spesifikt basert på forhåndsvisninger. Hvis lenker til nettstedet ditt deles aktivt på sosiale medier og meldingsapper, er feilsøkingsprogrammet mer nyttig.
Begge har én begrensning: de leser HTML-koden som returneres av serveren. Hvis tagger settes inn av et nettleserskript, vil mange sosiale nettverk ikke se dem – dette må fikses på nettstedets side. En annen detalj: feilsøkingsprogrammet sjekker taggene, men ikke selve delingen. Hvis siden er passordbeskyttet, geoblokkert eller beskyttet mot roboter, kan det hende at det sosiale nettverket ikke får tilgang til det selv om alle taggene er til stede.
Når er et gratis verktøy ikke nok?
En feilsøkingsfunksjon vil vise at siden ikke har `og:image`. Men hvis det er tusenvis av sider, er det ikke mulig å sette inn bilder manuelt. En spesialist er nødvendig når:
- hvert produkt eller hver artikkel skal ha sitt eget forhåndsvisningsbilde, samlet inn automatisk;
- nettstedet returnerer tagger ved hjelp av et skript, og sosiale nettverk ser dem ikke;
- Du lanserer annonser og utsendelser der hver forhåndsvisning påvirker kostnaden per klikk;
- Vi trenger en kombinasjon av «nettsted + Telegram kanal + automatisk publisering» med de riktige kortene.
Hva kan jeg gjøre for nettstedet ditt?
Jeg er Valeriy Danyuk, en utvikler og SEO-spesialist med 12 års erfaring og over 200 kunder. En vakker forhåndsvisning av lenker er gratis, og jeg tilpasser den for hvert prosjekt.
SEO og promotering
- Nøkkelferdig SEO-revisjon for nettsider: Jeg sjekker alle maltagger, setter opp automatiske forhåndsvisningsbilder og korrigerer kode.
Nettsteder og nettbutikker
- Overføring av butikken din fra Instagram til nettstedet ditt – produkter med skikkelige forhåndsvisninger for enkel deling.
- En landingsside for et nytt produkt laget på én kveld – en NordHarvest-casestudie med et ferdiglaget kort for sosiale medier.
- En nettside for plastikkirurgiklinikk med AI og applikasjoner via Telegram.
- Nettsted på 1001site: forhåndsvisninger for sosiale nettverk og automatisk publisering i Telegram konfigureres automatisk.
Boter og automatisering
- Telegram bot med AI for en nettbutikk med sauser.
- QuestFlow er en SaaS-bygger Telegram boter med AI.
- E-handelsagenter i stedet for chatboter.
Send meg en lenke som ser dårlig ut i en messenger på Telegram, så skal jeg fortelle deg hvilken tagg som mangler.
Resultat
- En Open Graph-sjekker på nett viser hvordan en lenke ser ut på Facebook, X og LinkedIn, og hvilke tagger som mangler.
- Minimumskravet er og:title, og:type, og:image (1200×630, full adresse) og og:url, pluss twitter:card.
- Etter at dette er fikset, tilbakestill hurtigbufferen til nettstedene: Delingsfeilsøking, Innleggsinspektør, @WebpageBot.
- Forhåndsvisningsbilder bør samles inn automatisk for katalogen og bloggen, slik som på 1001site.
Sjekk siden du skal dele i den gratis Open Graph Debugger før følgerne dine ser innlegget.
Kilder
- PromoPilots side for Open Graph Debugger-verktøyet – liste over sjekker og vanlige spørsmål.
- Open Graph Protocol (ogp.me) – obligatoriske og valgfrie egenskaper.
- Metas Sharing Debugger og LinkedIn Post Inspector er plattformenes offisielle verktøy.
