Det korte svar: For at tjekke Open Graph online skal du indsætte sideadressen i den gratis Open Graph Debugger PromoPilot. Den læser alle og:* og Twitter Card-tags, kontrollerer billedets tilstedeværelse og størrelse, evaluerer fuldstændigheden af markup'en og viser linkforhåndsvisninger til Facebook, X (Twitter) og LinkedIn – plus anbefalinger til, hvad der skal tilføjes. Ingen registrering kræves. Nedenfor finder du de nødvendige tags, den nødvendige og:image-størrelse og hvordan du opdaterer en "fastsiddende" forhåndsvisning.
Jeg har lavet hjemmesider i 12 år, og jeg hører spørgsmålet "Hvorfor har Telegram linket ikke et billede?" oftere fra klienter end jeg hører spørgsmål om placeringer. Det er normalt et fem minutters job – hvis du ved, hvor du skal lede.
Hvad tjekker Open Graph Debugger?
Når du indsætter et link i et opslag eller en besked, går platformen til siden og leder efter Open Graph-tags. Hvis den finder et, tegner den et pænt kort. Hvis den ikke gør det, tager den det, den finder, eller viser en ren URL. Værktøjet tjekker kun, hvad sociale netværk vil læse.
| Hvad kontrollerer den? | Hvad kigger han på? | Hvorfor har erhvervslivet brug for dette? |
|---|---|---|
| Alle tags og:* | og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale | Fra disse indsamler webstederne kortets titel, beskrivelse og billede. |
| Twitter-kort | twitter:kort, twitter:titel, twitter:beskrivelse, twitter:billede | X (Twitter) læser sine tags, og hvis de mangler, delvist og |
| OG-billede | Er der et billede, og hvilken størrelse er det? | Det lille billede forvandler kortet til et lille ikon på siden |
| Fuldstændighedsvurdering | Hvor mange anbefalede tags er udfyldt? | Hurtig reference: Er alt på plads? |
| Netværksforhåndsvisninger | kort til Facebook, X og LinkedIn | Du kan se, hvordan opslaget vil se ud, inden det udgives. |
| Anbefalinger | Hvad skal jeg tilføje eller rette? | En færdiglavet opgaveliste til en udvikler eller til dig |
Hvordan tjekker man Open Graph-sider online?
- Åbn Open Graph Debugger.
- Indtast URL'en på den side, du vil dele: en artikel, et produkt eller en landingsside for annoncer. Klik på "Marker".
- Gennemgå listen over tags: hvilke er indstillet, hvilke er tomme, og om der er en fremmedadresse eller en testadresse i og:url.
- Tjek forhåndsvisningen for hvert netværk: er titlen beskåret, er billedet synligt, og er der vigtig tekst rundt om kanterne?
- Tilføj venligst de manglende tags som anbefalet, og tjek siden igen.
Værktøjsside: adressefelt, "Check"-knap, liste over checks og ofte stillede spørgsmål
Værktøjet er let: en daglig grænse er nok til, at en gæst kan tjekke alle webstedets skabeloner – hjemmeside, kategori, produkt og artikel. Efter gratis registrering tredobles grænsen.
Hvad er de mest almindelige fejl i Open Graph?
Her er hvad jeg finder på næsten alle andre sider, og i hvilken rækkefølge jeg skal rette det.
- Der er intet og:image, eller det er angivet som en relativ URL. Sociale netværk forstår ikke
content="/img/cover.jpg"— den fulde URL, der starter medhttps://er påkrævet. Uden et billede falder opslagets rækkevidde betydeligt. - Billedet er for lille. 200x200-logoet forvandler kortet til en lille firkant på siden. Der kræves et billede på 1200x630.
- Ét og:billede for hele webstedet. Hver artikel og hvert produkt på sociale medier skal se ens ud – med logoet. For bloggen og kataloget skal billedet være taget fra sidens hovedfoto.
- og:url fører til en anden adresse — hjemmesiden, et testdomæne eller
http://versionen. Platformen kan samle alle links på én side. - Der er intet twitter:card. Uden det viser X ofte et lille kort. For et større billede skal du bruge
summary_large_image. - og:title duplikerer titlen med "køb" og brandet. I et feed på sociale medier ligner dette en annonce; en livlig overskrift, som til et opslag, er bedre.
Det minimale korrekte sæt ser sådan ud:
<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 forbereder man et billede til og:image?
Billedet er den mest synlige del af kortet, og det er der, folk ofte sparer. Her er et par regler, jeg følger:
- Størrelsen er 1200×630, og retningen er vandret. Det sociale netværk vil beskære toppen og bunden af et firkantet produktfoto, hvilket kan resultere i, at produktet mangler et hoved eller en sål.
- Det vigtige er i midten. Forskellige platforme beskærer kanterne forskelligt, og i mobilfeedet er kortet endnu mindre. Hold teksten stor og væk fra kanterne.
- Minimal tekst. Titlen er allerede under billedet; 3-6 ord eller ingen billedtekster er tilstrækkeligt på selve billedet.
- Letvægtsfil. En JPG- eller PNG-fil af rimelig størrelse indlæses hurtigt, og platformen får ikke timeout.
- Et dedikeret billede til hver nøgleside. For artikler og produkter er det praktisk at oprette et automatisk: et artikelforsidebillede eller det primære produktfoto.
En god test er at åbne forhåndsvisningen i fejlfindingsprogrammet på din telefon. Hvis linket ikke er tydeligt uden at zoome ind, skal billedet omarbejdes.
Hvordan opdaterer jeg en gammel forhåndsvisning efter en rettelse?
Et almindeligt scenarie: Du har rettet tagsene, men det sociale netværk viser stædigt det gamle billede. Årsagen er cache: platformen har husket forhåndsvisningen fra den første deling. På Facebook hjælper det at indsamle dataene igen i Sharing Debugger, på LinkedIn med Post Inspector, og på Telegram med @WebpageBot-botten, som du sender linket til. Hvis alt andet fejler, kan du tilføje en harmløs parameter til adressen, f.eks. ?v=2: for platformen er dette et nyt link.
Sammenligning: Open Graph Debugger og alternativer
| Værktøj | Hvad er gratis? | Begrænsninger | Hvem er det egnet til? |
|---|---|---|---|
| PromoPilot - Fejlfindingsprogram til åben graf | Alle OG- og Twitter-tags, OG: billedstørrelse, forhåndsvisninger til Facebook, X og LinkedIn, anbefalinger | Rydder ikke cachen på sociale medier | Tjek din side med det samme, før du publicerer den på sociale medier |
| Delingsfejlfinder (Meta) | Facebook forhåndsvisning og genindsamling af data | Kun Facebook, kontologin kræves | Nulstil gammel forhåndsvisning på Facebook |
| LinkedIn-opslagsinspektør | LinkedIn-forhåndsvisning og cacheopdatering | Kun LinkedIn, login kræves | For dem, der promoverer på LinkedIn |
| @WebpageBot på Telegram | Opdatering af linkforhåndsvisning i Telegram | Kun Telegram analyserer ikke tags | For ejere Telegram kanaler |
Konklusion: Officielle platform-debuggere er nødvendige for at rydde cachen, men hver platform viser kun sit eget netværk. For at se alle forhåndsvisninger og en liste over manglende tags på én gang er en universel debugger mere praktisk.
Forresten har PromoPilot 87 gratis SEO-værktøjer. Hvis du ikke har skrevet tags endnu, har vi en artikel i vores serie om en metataggenerator, der opretter en Open Graph-blok med et eksempel.
Hvordan adskiller Open Graph Debugger sig fra metataganalyse?
Metataganalyse ser på en side gennem en søgemaskines øjne: titel, beskrivelse, kanonisk, hreflang og Open Graph er blot én gruppe. Debuggeren fokuserer på sociale medier: den opretter kort til forskellige platforme, kontrollerer billedstørrelsen og giver anbefalinger specifikt baseret på forhåndsvisninger. Hvis links til dit websted aktivt deles på sociale medier og i beskedapps, er debuggeren mere nyttig.
Begge har én begrænsning: de læser den HTML, der returneres af serveren. Hvis tags indsættes af et browserscript, vil mange sociale netværk ikke se dem – dette skal rettes på webstedet. En anden detalje: fejlfindingsprogrammet kontrollerer tags, men ikke selve delingen. Hvis siden er adgangskodebeskyttet, geoblokeret eller beskyttet mod bots, kan det sociale netværk muligvis ikke få adgang til det, selvom alle tags er til stede.
Hvornår er et gratis værktøj ikke nok?
En debugger vil vise, at siden ikke har `og:image`. Men hvis der er tusindvis af sider, er det ikke muligt at indsætte billeder manuelt. En specialist er nødvendig, når:
- hvert produkt eller hver artikel skal have sit eget forhåndsvisningsbillede, der indsamles automatisk;
- webstedet returnerer tags ved hjælp af et script, og sociale netværk ser dem ikke;
- Du lancerer annoncer og udsendelser, hvor hver forhåndsvisning påvirker prisen pr. klik;
- Vi har brug for en kombination af "hjemmeside + Telegram kanal + automatisk publicering" med de rigtige kort.
Hvad kan jeg gøre for din hjemmeside?
Jeg er Valeriy Danyuk, udvikler og SEO-specialist med 12 års erfaring og over 200 kunder. En smuk linkforhåndsvisning er gratis, og jeg tilpasser den til hvert projekt.
SEO og promovering
- Nøglefærdig SEO-revision af hjemmesider: Jeg tjekker alle skabelontags, opsætter automatiske forhåndsvisninger af billeder og retter kode.
Hjemmesider og onlinebutikker
- Overførsel af din butik fra Instagram til din hjemmeside — produkter med korrekte forhåndsvisninger for nem deling.
- En landingsside til et nyt produkt skabt på én aften – en NordHarvest casestudie med et færdiglavet kort til sociale medier.
- En hjemmeside for plastikkirurgiklinikker med AI og applikationer via Telegram.
- Hjemmeside på 1001site: forhåndsvisninger til sociale netværk og automatisk publicering i Telegram konfigureres automatisk.
Bots og automatisering
- Telegram bot med AI til en online saucebutik.
- QuestFlow er en SaaS-bygger Telegram bots med AI.
- E-handelsagenter i stedet for chatbots.
Send mig et link, der ser dårligt ud i en messenger på Telegram, så skal jeg fortælle dig, hvilket tag der mangler.
Resultat
- En online Open Graph-tjekker viser, hvordan et link ser ud på Facebook, X og LinkedIn, og hvilke tags der mangler.
- Det krævede minimum er og:title, og:type, og:image (1200×630, fuld adresse) og og:url, plus twitter:card.
- Efter rettelse, nulstil cachen for webstederne: Delingsfejlfinder, Indlægsinspektør, @WebpageBot.
- For kataloget og bloggen bør forhåndsvisningsbilleder indsamles automatisk, ligesom på 1001site.
Tjek den side, du er ved at dele, i den gratis Open Graph Debugger, før dine følgere ser opslaget.
Kilder
- PromoPilots side med Open Graph Debugger-værktøjet — liste over tjek og ofte stillede spørgsmål.
- Open Graph Protocol (ogp.me) - obligatoriske og valgfrie egenskaber.
- Metas Sharing Debugger og LinkedIn Post Inspector er platformenes officielle værktøjer.
