Lyhyt vastaus: tarkistaaksesi Open Graphin verkossa, liitä sivun osoite ilmaiseen Open Graph Debugger PromoPilotiin. Se lukee kaikki og:* ja Twitter Card -tagit, tarkistaa kuvan olemassaolon ja koon, arvioi merkintöjen täydellisyyden ja näyttää linkkien esikatselut Facebook, X:lle (Twitter) ja LinkedInille – sekä suosituksia lisättävistä sisällöistä. Rekisteröitymistä ei vaadita. Alta löydät vaaditut tagit, vaaditun og:image-koon ja ohjeet "jumiutuneen" esikatselun päivittämiseen.
Olen tehnyt verkkosivustoja 12 vuotta, ja kuulen asiakkailta useammin kysymyksen "Miksi Telegram linkissä ei ole kuvaa?" kuin kysymyksiä sijoituksista. Se on yleensä viiden minuutin työ – jos tiedät mistä etsiä.
Mitä Open Graph Debugger tarkistaa?
Kun lisäät linkin julkaisuun tai viestiin, alusta siirtyy sivulle ja etsii Open Graph -tageja. Jos se löytää sellaisen, se arpoo kortin. Jos ei, se ottaa löytämänsä tai näyttää pelkän URL-osoitteen. Työkalu tarkistaa vain, mitä sosiaaliset verkostot lukevat.
| Mitä se tarkistaa? | Mitä hän katsoo? | Miksi yritys tarvitsee tätä? |
|---|---|---|
| Kaikki tunnisteet og:* | og:title, og:description, og:image, og:url, og:type, og:site_name, og:locae | Näistä sivustot keräävät kortin otsikon, kuvauksen ja kuvan. |
| Twitter-kortti | twitter:kortti, twitter:otsikko, twitter:kuvaus, twitter:kuva | X (Twitter) lukee tunnisteensa ja jos niitä ei ole, osittain og |
| OG-kuva | Onko kuvaa ja minkä kokoinen se on? | Pieni kuva muuttaa kortin pieneksi kuvakkeeksi sivussa |
| Täydellisyyden arviointi | Kuinka monta suositeltua tunnistetta on täytetty? | Pikaohje: Onko kaikki paikoillaan? |
| Verkkoesikatselut | kortteja Facebook, X:lle ja LinkedInille | Voit nähdä, miltä postaus näyttää ennen julkaisua. |
| Suositukset | Mitä minun pitäisi lisätä tai korjata? | Valmis tehtävälista kehittäjälle tai sinulle |
Kuinka tarkistaa Open Graph -sivut verkossa?
- Avaa Open Graph Debugger.
- Anna jaettavan sivun URL-osoite: artikkeli, tuote tai mainosaloitussivu. Napsauta "Tarkista".
- Käy läpi tagiluettelo: mitkä tagit on asetettu, mitkä ovat tyhjiä ja onko og:url-kohteessa ulkomainen osoite tai testiosoite.
- Tarkista kunkin verkon esikatselu: onko otsikko rajautunut pois, onko kuva näkyvissä ja onko reunojen ympärillä tärkeää tekstiä.
- Lisää puuttuvat tagit suositusten mukaisesti ja tarkista sivu uudelleen.
Työkalusivu: osoitekenttä, "Tarkista"-painike, tarkistusten luettelo ja usein kysytyt kysymykset.
Työkalu on kevyt: päivittäinen raja riittää vieraalle kaikkien sivuston mallien – kotisivun, kategorian, tuotteen ja artikkelin – tarkistamiseen. Ilmaisen rekisteröitymisen jälkeen raja kolminkertaistuu.
Mitkä ovat yleisimmät virheet Open Graphissa?
Tässä on mitä löydän lähes kaikilta muilta sivustoilta, ja missä järjestyksessä se kannattaa korjata.
- og:image-elementtiä ei ole tai se on määritetty suhteellisena URL-osoitteena. Sosiaaliset verkostot eivät ymmärrä
content="/img/cover.jpg"— kokohttps://-alkuinen URL-osoite vaaditaan. Ilman kuvaa julkaisun tavoittavuus laskee merkittävästi. - Kuva on liian pieni. 200x200-logo muuttaa kortin sivussa pieneksi neliöksi. Tarvitaan 1200x630-kuva.
- Yksi og:image koko sivustolle. Jokaisen artikkelin ja jokaisen tuotteen sosiaalisessa mediassa tulisi näyttää samalta – logon kanssa. Blogissa ja luettelossa kuvan tulisi olla sivun pääkuvasta.
- og:url johtaa toiseen osoitteeseen – kotisivulle, testidomainiin tai
http://versioon. Alusta voi yhdistää kaikki linkit yhdelle sivulle. - Ei ole olemassa twitter:card-korttia. Ilman sitä X näyttää usein pienen kortin. Suurempaa kuvaa varten tarvitset
summary_large_image. - og:title-funktio yhdistää otsikon sanaan "buy" ja brändiin. Sosiaalisen median syötteessä tämä näyttää mainokselta; elävä otsikko, kuten postauksessa, on parempi.
Pienin oikea sarja näyttää tältä:
<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">Miten valmistella kuva og:image-arkistoa varten?
Kuva on kortin huomattavin osa, ja siinä ihmiset usein pihistelevät. Tässä on muutamia sääntöjä, joita noudatan:
- Koko on 1200 × 630 ja suunta on vaakasuora. Sosiaalinen verkosto rajaa neliönmuotoisen tuotekuvan ylä- ja alareunat, minkä vuoksi tuotteesta saattaa puuttua pää tai pohja.
- Tärkeintä on keskellä. Eri alustat rajaavat reunat eri tavalla, ja mobiilisyötteessä kortti on vielä pienempi. Pidä teksti suurena ja poissa reunoista.
- Minimaalisesti tekstiä. Otsikko on jo kuvan alapuolella; itse kuvaan ei tarvita 3–6 sanaa tai kuvatekstejä.
- Kevyt tiedosto. Kohtuullisen kokoinen JPG- tai PNG-tiedosto latautuu nopeasti, eikä alusta aikakatkaise tiedoston käyttöä.
- Jokaiselle avainsivulle oma kuva. Artikkeleille ja tuotteille on kätevää luoda sellainen automaattisesti: artikkelin kansikuva tai päätuotteen kuva.
Hyvä testi on avata esikatselu puhelimesi virheenkorjaajassa. Jos linkki ei näy selkeästi ilman zoomausta, kuvaa on muokattava.
Miten päivitän vanhan esikatselun korjauksen jälkeen?
Yleinen skenaario: olet korjannut tunnisteet, mutta sosiaalinen verkosto näyttää itsepäisesti vanhaa kuvaa. Syynä on välimuisti: alusta on muistanut esikatselun ensimmäisestä jaosta. Facebook auttaa tietojen kerääminen uudelleen Sharing Debuggerissa, LinkedInissä Post Inspector ja Telegram @WebpageBot-botti, johon lähetät linkin. Jos mikään muu ei auta, lisää osoitteeseen harmiton parametri, kuten ?v=2: alustalle tämä on uusi linkki.
Vertailu: Open Graph Debugger ja vaihtoehdot
| Työkalu | Mikä on ilmaista? | Rajoitukset | Kenelle se sopii? |
|---|---|---|---|
| PromoPilot - Avoimen graafin virheenkorjaaja | Kaikki og- ja Twitter-tagit, og:kuvan koko, esikatselut Facebook, X:lle ja LinkedInille, suositukset | Ei tyhjennä sosiaalisen median välimuistia | Tarkista sivusi välittömästi ennen sen julkaisemista missään sosiaalisessa mediassa |
| Jakamisen virheenkorjaaja (Meta) | Facebook esikatselu ja tietojen uudelleenkeruu | Vain Facebook, tilille kirjautuminen vaaditaan | Palauta vanha esikatselu Facebook |
| LinkedIn-viestien tarkastaja | LinkedIn-esikatselu ja välimuistin päivitys | Vain LinkedInissä, kirjautuminen vaaditaan | Niille, jotka mainostavat LinkedInissä |
| @WebpageBot Telegram | Linkin esikatselun päivittäminen Telegram | Vain Telegram, ei jäsennä tageja | Telegram -kanavien omistajille |
Johtopäätös: välimuistin tyhjentämiseen tarvitaan virallisia alustan debuggereja, mutta jokainen alusta näyttää vain oman verkkonsa. Kaikkien esikatselujen ja puuttuvien tunnisteiden luettelon näkemiseksi kerralla universaali debuggeri on kätevämpi.
Muuten, PromoPilotilla on 87 ilmaista SEO-työkalua. Jos et ole vielä kirjoittanut tageja, sarjassamme on artikkeli metatunnistegeneraattorista, joka luo Open Graph -lohkon esikatselulla.
Miten Open Graph Debugger eroaa metatunnisteiden analysoinnista?
Metatunnisteiden analyysi tarkastelee sivua hakukoneen silmin: otsikko, kuvaus, kanoninen, hreflang ja Open Graph ovat vain yksi ryhmä. Debugger keskittyy sosiaaliseen mediaan: se luo kortteja eri alustoille, tarkistaa kuvien koon ja antaa suosituksia erityisesti esikatselujen perusteella. Jos sivustosi linkkejä jaetaan aktiivisesti sosiaalisessa mediassa ja viestisovelluksissa, debuggerista on enemmän hyötyä.
Molemmilla on yksi rajoitus: ne lukevat palvelimen palauttaman HTML-koodin. Jos selainohjelma lisää tunnisteita, monet sosiaaliset verkostot eivät näe niitä – tämä on korjattava verkkosivuston päässä. Toinen yksityiskohta: virheenkorjausohjelma tarkistaa tunnisteet, mutta ei itse jakamista. Jos sivu on salasanasuojattu, geoblokattu tai suojattu boteilta, sosiaalinen verkosto ei välttämättä pysty käyttämään sitä, vaikka kaikki tunnisteet olisivat läsnä.
Milloin ilmainen työkalu ei riitä?
Virheenjäljitysohjelma näyttää, että sivulla ei ole og:image-kuvaa. Mutta jos sivuja on tuhansia, kuvien lisääminen manuaalisesti ei ole mahdollista. Asiantuntijaa tarvitaan, kun:
- jokaisella tuotteella tai artikkelilla tulisi olla oma esikatselukuva, joka kerätään automaattisesti;
- sivusto palauttaa tunnisteet komentosarjan avulla, eivätkä sosiaaliset verkostot näe niitä;
- Julkaiset mainoksia ja postituksia, joissa jokainen esikatselu vaikuttaa klikkauskohtaiseen hintaan;
- Tarvitsemme yhdistelmän "verkkosivusto + Telegram kanava + automaattinen julkaisu" oikeilla korteilla.
Mitä voin tehdä verkkosivustollesi?
Olen Valeriy Danyuk, kehittäjä ja SEO-asiantuntija, jolla on 12 vuoden kokemus ja yli 200 asiakasta. Kaunis linkin esikatselu on ilmainen ja räätälöin sen jokaista projektia varten.
Hakukoneoptimointi ja mainonta
- Avaimet käteen -verkkosivuston SEO-auditointi: Tarkistan kaikki mallipohjan tagit, määritän automaattiset esikatselukuvat ja korjaan koodin.
Verkkosivustot ja verkkokaupat
- Kauppasi siirtäminen Instagram verkkosivustollesi — tuotteet asianmukaisilla esikatseluilla helppoa jakamista varten.
- Uuden tuotteen laskeutumissivu luotiin yhdessä illassa – NordHarvestin tapaustutkimus valmiilla sosiaalisen median kortilla.
- Plastiikkakirurgian klinikan verkkosivusto tekoälyllä ja sovelluksilla Telegram kautta.
- Verkkosivusto 1001site -sivustolla: sosiaalisten verkostojen esikatselut ja automaattinen julkaisu Telegram määritetään automaattisesti.
Botit ja automaatio
- Telegram botti tekoälyllä verkkopohjaista kastikekauppaa varten.
- QuestFlow on SaaS-rakentaja Telegram boteille tekoälyn avulla.
- Verkkokauppaagentteja chatbottien sijaan.
Lähetä minulle linkki, joka näyttää huonolta Telegram viestissä, niin kerron sinulle, mikä tagi puuttuu.
Tulos
- Verkossa oleva Open Graph -tarkistin näyttää, miltä linkki näyttää Facebook, X:ssä ja LinkedInissä ja mitkä tagit puuttuvat.
- Vähimmäisvaatimus on og:title, og:type, og:image (1200×630, täydellinen osoite) ja og:url sekä twitter:kortti.
- Korjauksen jälkeen nollaa seuraavien sivustojen välimuisti: Sharing Debugger, Post Inspector, @WebpageBot.
- Katalogissa ja blogissa esikatselukuvat tulisi kerätä automaattisesti, kuten 1001site sivustolla.
Tarkista ilmaisessa Open Graph Debuggerissa sivu, jota olet jakamassa, ennen kuin seuraajasi näkevät julkaisun.
Lähteet
- PromoPilotin Open Graph Debugger -työkalusivu — tarkistusten luettelo ja usein kysytyt kysymykset.
- Avoin graafiprotokolla (ogp.me) - pakolliset ja valinnaiset ominaisuudet.
- Metan Sharing Debugger ja LinkedIn Post Inspector ovat alustojen virallisia työkaluja.
