Open Graph meta tags: ką reikia žinoti

Praktinis gidas apie Open Graph meta tags: ką jos daro, pagrindinės žymos ir pavyzdžiai, platformų atsarginiai sprendimai, testavimo veiksmai ir kontrolinis sąrašas, kad socialiniai peržiūros būtų teisingos.

Michael

Published 2026 m. vasario 16 d.

Open Graph Meta Tags - What You Need to Know

Ką daro Open Graph ir kodėl tai svarbu

Open Graph meta tags nurodo socialinėms platformoms, kokį pavadinimą, aprašymą ir paveikslėlį rodyti dalijantis URL. Įdėtos į HTML head, šios žymos standartizuoja, kaip puslapiai peržiūrimi paslaugose, palaikančiose protokolą. Nustatę jas, Jūs kontroliuojate ištraukas, kurias žmonės mato naujienų srautuose, privačiuose pranešimuose ir pokalbių peržiūrose, o ne paliekate pasirinkimą platformos heuristikai.

Keletas techninių pastabų, kurios įtakoja įgyvendinimą ir trikčių šalinimą: Google kaip pagrindą naudoja puslapio mobilią versiją crawling and indexing; nuo July 2024 Google pagal numatytuosius naršo Search su Googlebot Smartphone. Facebook, Twitter/X ir kiti socialiniai scrapers gali užkrauti puslapį su skirtingais user-agents ir talpinti peržiūras. Taip pat atkreipkite dėmesį, kad Google removed traditional cached pages in early 2024, kas nekeičia, kaip veikia Open Graph, bet įtakoja, kaip paieškos sistemos atvaizduoja senesnes puslapių momentines nuotraukas.

Key Open Graph tags and example markup

Pagrindinės Open Graph žymos, kurias turėtumėte įtraukti į kiekvieno dalijamo puslapio head, yra og:title, og:description, og:image, og:url ir og:type. Pridėkite jas kartu su standartiniu meta description ir structured data; social crawlers skaito tik head, todėl įtraukite pilnai atvaizduotas žymas ten.

Example HTML (place inside <head>):

Jei turinį publikuojate programiškai (CMS šablonai arba server-side rendering), užtikrinkite, kad tos žymos būtų sugeneruotos server-side, kad scrapers jas gautų be priklausomybės nuo client-side JavaScript.

Platform differences and fallbacks

Open Graph yra plačiai palaikomas protokolas, tačiau kiekviena platforma taiko savas taisykles ir fallbacks.

Kadangi platformos talpina peržiūras skirtingai, visuomet išbandykite savo puslapį tose paslaugose, kuriose tikitės, kad naudotojai dalinsis. Naudokite platformų debuggers, kad patikrintumėte, ką kiekviena paslauga išskiria, ir išvalytumėte talpintas kopijas atnaujinę metadata.

Image guidance and accessibility considerations

Vaizdai yra matomiausias socialinio peržiūros elementas. Stenkitės, kad paveikslėliai būtų pakankamai dideli, kad atrodytų aštrūs aukštos DPI įrenginiuose, ir būtų vizualiai centruoti pagal įprastus apkarpymo santykius. Plačiai naudojama praktika — pateikti landscape orientacijos paveikslėlį ir, kur palaikoma, nurodyti explicit width/height metadata (og:image:width ir og:image:height), kad scrapers žinotų dimensijas be viso failo atsisiuntimo.

Taip pat patikrinkite šiuos praktinius punktus:

Pavyzdys: patikrinkite paveikslėlio antraštes komanda curl -I https://yourdomain.com/wp-content/uploads/your-image.png kad patvirtintumėte 200 response ir Content-Type.

How to test and troubleshoot Open Graph

Kai peržiūra atrodo neteisinga, sekitės sisteminiu kontroliniu sąrašu, o ne spėliojimais. Pradėkite nuo žaliavos HTML head, kad patvirtintumėte žymų egzistavimą, tada patikrinkite, kaip scrapers užkrauna puslapį ir ar proxy ar cache'ai negrąžina pasenusio turinio.

Jūsų valdomiems puslapiams Google Search Console’s URL Inspection vis dar naudingas indeksacijos ir mobiliojo atvaizdavimo patikrinimams, tačiau jis nėra pakaitalas socialinių platformų debuggers, kai diagnozuojate socialinių peržiūrų problemas.

Common mistakes and a quick implementation checklist

Quick implementation checklist:

Jei norite gilesnio techninio audito apie tai, kaip Jūsų puslapiai aptarnaujami ir atvaizduojami, žr. Skaitykite Technical SEO vadovą apie išdėstymą, atvaizdavimą ir server-side aspektus.

FAQ: What if a platform ignores my og:image?

Platformos taiko savo heuristikas ir talpinimą. Patikrinkite, ar paveikslėlio URL grąžina 200 statusą ir teisingą Content-Type, ar jis pakankamai didelis ir turi tinkamą aspektų santykį, ir ar jis nėra blokuojamas robots.txt. Naudokite platformos debuggerį, kad tiksliai pamatytumėte, ką scraperis ištraukė, ir priverstumėte pakartotinį nuskaitymą.

FAQ: Can I use different text for Twitter/X and Facebook?

Taip. Twitter/X palaiko twitter:* žymas titului, aprašymui ir paveikslėliui. Jei Jums reikia kitos antraštės ar paveikslėlio Twitter/X, įtraukite tiek og:*, tiek twitter:* žymas — platforma teiks prioritetą savo žymoms, jei jos yra.

FAQ: Should Open Graph tags be added for every page?

Teikite prioritetą dalijamiems puslapiams: tinklaraščio įrašams, landing pages ir produktų puslapiai paprastai gauna daugiausiai naudos. Svetainės masto puslapiai (teisės, administraciniai) turi mažesnę naudą, bet tai nepavojinga. Jei puslapis greičiausiai nebus dalijamas, žymos suteikia mažai vertės ir taip pat mažai kaštų.

FAQ: Do Open Graph tags affect SEO rankings?

Open Graph žymos kontroliuoja socialines peržiūras ir tiesiogiai nekeičia, kaip paieškos sistemos vertina puslapius. Vis dėlto geresnės peržiūros gali padidinti paspaudimų iš socialinių kanalų, kas netiesiogiai gali paveikti naudotojų įsitraukimo signalus. Laikykite atskiromis crawl, index ir ranking klausimus: OG tags veikia tai, ką parodo socialinės platformos, o ne paieškos variklių indeksavimo taisykles.

Related articles