otwarty Graph znaczniki: nie a czynnik rankingowy, nadal an SEO Deliverable
co otwarty Graph znaczniki są, why they're nie a Google czynnik rankingowy, co Google actually robi z og:tytuł/og:image/og:site_name, udokumentowany per-platforma og:image sizing, per-platforma fallback i buforowanie behavior, i how to force a re-scrape.
Języki
otwarty Graph (OG) znaczniki są <meta> elementy in twój head, z the otwarty Graph protokół (ogp.me, built by Facebook), że describe twój strona as a shareable obiekt. The four required właściwości są og:tytuł, og:type, og:image, og:url; dodawać og:opis, og:site_name, og:locale, i og:image:alt. ich main job jest the link preview card people see gdy twój URL jest shared on Facebook, LinkedIn, Slack, Discord, WhatsApp, i iMessage — so they're a CTR lever, nie a czynnik rankingowy. ale Google robi read them: og:tytuł jest listed among the źródła it może używać dla the SERP tytuł link (added Aug 2024), og:image jest one udokumentowany input to Google's automated image-thumbnail selection dla Search i odkrywać, i og:site_name jest a lower-priority input to the witryna nazwa shown in wyniki — none of ten jest a guarantee twój wartość gets używany as-jest. Practical spine: og:image needs an absolute URL i a udokumentowany alt opis; każdy platforma publishes jego own size guidance (LinkedIn: 1200×627 min, 1,91:1; Google odkrywać: co najmniej 1200px wide, 16:9) zamiast one universal figure, though 1200×630 (1,91:1) jest the long-standing cross-platforma convention; missing znaczniki cause an uncontrolled (nie blank) preview; każdy platforma caches the scrape, so editing znaczniki doesn't fix już-shared links — force a re-scrape z the Facebook Sharing Debugger lub LinkedIn Post Inspector. najbardziej social crawlers don't run JavaScript, so the znaczniki musi być in the serwer-wyrenderowany HTML.
Evidence for this claim The Open Graph protocol defines og:title, og:type, og:image, and og:url as basic metadata for representing a page as a graph object. Scope: Open Graph protocol vocabulary; platform rendering can vary. Confidence: high · Verified: Open Graph protocol Evidence for this claim Meta's sharing crawler uses server-rendered Open Graph metadata and provides Sharing Debugger tools to inspect and refresh scraped information. Scope: Meta/Facebook sharing behavior, distinct from search ranking. Confidence: high · Verified: Meta for Developers: Webmasters sharing guideTL;DR — otwarty Graph (OG) znaczniki są little bits of HTML in the head of twój strona że decide how twój link looks gdy someone shares it — the tytuł, blurb, i image in że preview card you see on Facebook, LinkedIn, Slack, Discord, WhatsApp, lub in an iMessage. They don’t pomagać you rank in Google. ale if you skip them, the platformy guess — i the guess jest zwykle worse than co you’d mieć chosen.
co otwarty Graph znaczniki są
gdy you paste a link do a chat app lub a social post i it turns do a neat
little card — a headline, a short opis, i a big image — że card jest built
z otwarty Graph znaczniki. They’re <meta> znaczniki że live in twój strona’s <head>,
gdzie visitors nigdy see them ale the apps że zbuduj preview robić.
The system comes z the otwarty Graph protokół, a spec Facebook created (you może read it at ogp.me). The idea był to let dowolny strona internetowa act like a rich “object” że social platformy mógł display consistently.
Here są the ones you actually ustawić:
<meta property="og:title" content="Your headline for the share card" />
<meta property="og:description" content="A short blurb, a sentence or two." />
<meta property="og:image" content="https://example.com/share-image.jpg" />
<meta property="og:url" content="https://example.com/your-page/" />
<meta property="og:type" content="website" />- og:tytuł — the headline on the card.
- og:opis — the blurb poniżej it.
- og:image — the big thumbnail (ten jest the one że makes the card eye-catching).
- og:url — the canonical link dla the strona.
- og:type — co kind of thing the strona jest (
websitedla najbardziej strony,articledla a blog post).
robić they pomagać you rank?
No. otwarty Graph znaczniki są nie a Google czynnik rankingowy — adding them won’t move you up in wyniki wyszukiwania. co they robić jest affect how wiele people click twój link gdy it’s shared, który jest a różny (i nadal valuable) thing. Think of them the way you’d think of a good opis meta: it’s nie ranking, it’s the pitch że earns the click.
The image size to remember
There’s no single official size każdy platforma publishes — każdy one documents jego
own liczby (LinkedIn’s own pomagać strona says 1200 × 627px minimum, 1,91:1 ratio;
Google’s own odkrywać guidance says co najmniej 1200px wide, 16:9). w praktyce,
1200 × 630 pixels (o a 1,91:1 ratio) jest the long-standing convention że
renders cleanly, uncropped, on Facebook, LinkedIn, Slack, Discord, WhatsApp, i
iMessage — używać it as twój bezpieczny domyślny zamiast a reguła stamped anywhere official.
i używać a pełny URL starting z https:// — a relative path like /image.jpg
gets silently ignored.
The one thing everyone trips on
You change twój og:image, re-share the link… i the old image nadal pokazuje up.
że’s buforowanie — Facebook, LinkedIn, i Slack wszystkie remember (pamięć podręczna) co they
scraped the pierwszy time, i editing twój znaczniki doesn’t retroactively update links
że były już shared. To fix it you mieć to make the platforma look again: paste
twój URL do the Facebook Sharing Debugger i click “Scrape Again,” lub użyj
LinkedIn Post Inspector.
Want the pełny picture — każdy znacznik, co Google actually robi z them in 2026, the per-platforma fallback i buforowanie quirks, i the JavaScript gotcha że hides twój znaczniki z crawlers? Switch to the Advanced tab.
Evidence for this claim The Open Graph protocol defines og:title, og:type, og:image, and og:url as basic metadata for representing a page as a graph object. Scope: Open Graph protocol vocabulary; platform rendering can vary. Confidence: high · Verified: Open Graph protocol Evidence for this claim Meta's sharing crawler uses server-rendered Open Graph metadata and provides Sharing Debugger tools to inspect and refresh scraped information. Scope: Meta/Facebook sharing behavior, distinct from search ranking. Confidence: high · Verified: Meta for Developers: Webmasters sharing guideTL;DR — otwarty Graph znaczniki są
<head><meta>elementy z the otwarty Graph protokół (ogp.me, built by Facebook) że describe twój strona as a shareable obiekt. Required:og:title,og:type,og:image,og:url; common optional:og:description,og:site_name,og:locale, iog:image:alt. Repeated właściwości form tablice, z the pierwszy znacznik preferred on conflicts. They są nie a czynnik rankingowy — they’re the appearance warstwa dla social/chat-app link previews (Facebook, LinkedIn, Slack, Discord, WhatsApp, iMessage). Search-engine handling jest oddzielny i powinien nie być inferred z otwarty Graph validity. The protokół itself ustawia no pixel dimensions dlaog:image— każdy consumer publishes jego own sizing (LinkedIn, Google odkrywać) — so ship an absolute-URLog:imagesized dla the platformy you obsługiwać; know że missing znaczniki produce an uncontrolled, nie blank, preview; i remember każdy platforma caches the scrape — editing znaczniki doesn’t fix już-shared links, so force a re-scrape. najbardziej social crawlers don’t run JavaScript, so the znaczniki musi być in the serwer-wyrenderowany HTML.
co otwarty Graph znaczniki actually są
otwarty Graph znaczniki są <meta> elementy in twój strona’s <head>, defined by the
otwarty Graph protokół — a spec Facebook created i opublikowany at
ogp.me. The protokół’s premise jest że a strona internetowa może być turned
do a rich “object” z a mały, spójny vocabulary of właściwości, so dowolny
platforma może zbuduj same preview z the same znaczniki. Google’s own programista
explainer puts the origin plainly: the otwarty Graph protokół “zapewnia Facebook z
the metadata necessary to pozwalać strony internetowe to mieć the same functionality as other
Facebook obiekty,” per web.dev’s Social discovery artykuł.
The spec marks four właściwości as required — og:title, og:type, og:image,
i og:url — i the ones you’ll almost zawsze dodawać on top są og:description,
og:site_name, i og:locale, plus structured sub-właściwości like
og:image:width, og:image:height, i og:image:alt (the spec’s own guidance:
a strona że specifies og:image powinien określać og:image:alt too).
Repeated znaczniki i structured właściwości follow specific reguły. The protokół
lets you repeat a root właściwość to describe multiple obiekty (say, several
candidate images) — gdy consumers see conflicting wartości dla the same właściwość,
the pierwszy znacznik in document order wins. A structured sub-właściwość like
og:image:width applies to the og:image znacznik immediately przed it, nie to każdy
image on the strona, so zachować każdy image’s og:image i jego structured
sub-właściwości grouped together in źródło order. ten jest protokół-level behavior
z ogp.me itself, nie a per-platforma quirk.
The framing I want you to zachować: ten jest the social/chat appearance warstwa, the sibling of the SERP appearance warstwa you już manage z the tytuł znacznik i the opis meta. Same idea — control how twój strona presents itself — just on a różny surface.
The core otwarty Graph znaczniki, one by one
Google’s web.dev explainer gives the per-znacznik purpose in one wiersz każdy: og:title jest
“the title of the web page,” og:description jest “the opis of the web
strona,” og:image is the “URL to an image attached to the shared post,” og:url
jest “the canonical url of the web page,” i og:type jest “a ciąg znaków że indicates
the type of the strona internetowa” (web.dev).
Practically:
- og:tytuł — the card headline. zachować it to roughly co pokazuje on mobilny/komputer stacjonarny
cards; użyj raw tytuł bez witryna-nazwa branding tacked on. ten jest oddzielny
z twój HTML
<title>element, though Google może draw on either dla the tytuł link (see below). - og:opis — the card blurb. A zdanie lub two; longer tekst truncates on najbardziej platformy.
- og:image — the thumbnail, i the właściwość że makes lub breaks the card. It
musi być an absolute URL (
https://…) — a relative path jest silently ignored by crawlers. dodawaćog:image:width/og:image:heightso platformy może lay out the card przed the image finishes ładowanie, iog:image:altz a rzeczywisty opis — the protokół itself recommends it whenever you określaćog:image. - og:url — the kanoniczny URL dla the strona (align it z twój rel=canonical so shares consolidate on one address).
- og:type — declares the obiekt type.
websitejest the domyślny (i co dowolny unmarked strona jest treated as);articleunlocks extra właściwości likearticle:author,article:published_time, iarticle:section; there są równieżprofile,book,video.*, imusic.*types. ten matters dla platforma funkcje, nie dla SEO directly. - og:site_name i og:locale — the optional-ale-użyteczny pair.
og:site_namenazwy the marka behind the strona;og:locale(domyślnyen_US) jest tylko needed gdy treść isn’t in American English.
są otwarty Graph znaczniki a czynnik rankingowy? No — ale here’s co Google robi z them
There jest no official Google źródło stating że OG znaczniki influence ranking. They control appearance, nie position — the dokładny same bucket John Mueller put the meta opis in: it’s “primarily używany as a snippet in the wyniki wyszukiwania strona. i że’s nie something że we by używać dla ranking” (via wyszukiwarka Journal’s write-up). No named Google rep ma given an equivalent on-the-record cytat specifically o otwarty Graph i ranking, so I won’t invent one — the dowód jest the udokumentowany mechanism, i the mechanism jest wszystkie appearance. There są three confirmed places Google’s own documentation says it reads twój OG znaczniki — i in każdy case, prawidłowy znaczniki jest one input Google może draw on, nie a guarantee of a particular display, a particular crop, lub dowolny ranking lub ruch outcome. Absence z one of te docs isn’t proof Google ignores the znacznik elsewhere, either — treat ten as “co’s udokumentowany,” nie an exhaustive lista of everything Google’s systemy może touch.
og:tytuł as a tytuł-link źródło
Since August 26, 2024, Google’s documentation listy “treść in og:title
meta znaczniki” among the źródła it może używać to automatically generate the
tytuł link — the clickable headline
in wyniki. The changelog wiersz jest bezpośredni: “Google Search może używać treść w
og:title meta znaczniki to automatically generate tytuł links”
(Search Central changelog).
It’s one of roughly nine źródła Google blends z
(tytuł-link docs) —
nie a guarantee twój og:title gets używany verbatim.
og:image as an image-thumbnail źródło
Google’s Image SEO dobre praktyki
ma a “Specify a preferred image with metadata” sekcja że nazwy two metadata
źródła you może używać to influence który image gets picked dla Search: schemat.org’s
primaryImageOfPage (lub an image on the main entity), lub “the og:image
meta znacznik.” Google is explicit that “Google’s selection of an image preview jest
completely automated” and warns you to “avoid używając a generic image (na przykład,
twój witryna logo) lub an image z tekst in the schemat.org znaczniki lub og:image meta
znacznik.” jego odkrywać doc
gives the same two options dla odkrywać images i dodaje concrete guidance: at
least 1200px wide, więcej niż 300 000 total pixels, i a 16:9 aspect ratio (jego own
przykład jest 1280×720) — note że’s a różny ratio than the 1,91:1 convention
używany dla social-card images below, so a single image sized dla social sharing
won’t automatically być odkrywać’s preferred crop.
Trade press (wyszukiwarka Land, wyszukiwarka Journal, wyszukiwarka Roundtable) covered ten Images/odkrywać documentation as new around early March 2026 i reported że og:image’s role now extends to Omówienia AI as well. I mógł nie confirm an Omówienia AI mention on Google’s own Images lub odkrywać strony directly — neither strona currently nazwy Omówienia AI lub “AI surfaces” — so treat the Search/odkrywać role as the udokumentowany fakt i the Omówienia AI extension as third-party-reported, nie something Google’s own docs state outright. Either way, ten jest selection, nie ranking: og:image jest one input among several, z no guarantee of dokładny display.
og:site_name as a witryna-nazwa źródło
dla the witryna nazwa shown następny to twój wyniki, Google says jego system “będzie również
consider treść in og:site_name, <title>, nagłówek elementy, i other tekst on a
home strona. However, WebSite dane strukturalne jest najbardziej ważny”
(witryna nazwy doc).
So og:site_name jest one lever, below WebSite
schemat znaczniki in priority. (dla video strony there’s
a fourth touchpoint: Google obsługuje OGP i reads og:video:image dla video
thumbnails, per the Video SEO docs.)
Tie them together i the honest headline jest: Google reads twój OG znaczniki, ale tylko to pomagać decide how twój wynik looks — nigdy gdzie it ranks.
How social platformy i chat apps używać OG znaczniki
The primary, everyday job of OG znaczniki jest the link preview card. Facebook, LinkedIn, Slack, Discord, WhatsApp, iMessage, i Telegram wszystkie read them to zbuduj card shown przed a click.
X/Twitter jest the special case. Twitter Cards są, in Google’s words, “an
extension to the otwarty Graph protokół applicable dla Twitter”
(web.dev). X sprawdzenia twitter:card /
twitter:* znaczniki pierwszy i falls back to OG znaczniki per-właściwość; if twitter:card jest
absent entirely, X nadal może build a card z OG data ale defaults to the plain
summary card type. Worth knowing: the old Twitter Card Validator narzędzie był
deprecated around 2022 gdy the platforma rebranded — several competitor poradniki
nadal reference it as if it’s live. There’s no official X-specific validator
anymore; third-party OG debuggers fill the gap.
Recommended og:image size i format
The otwarty Graph protokół itself ustawia no pixel dimensions lub aspect ratio dla
og:image — ogp.me tylko defines the structured właściwości (og:image:width,
og:image:height, og:image:type, og:image:alt), nie a required size. Sizing jest
a per-consumer decision, i consumers don’t wszystkie agree:
- LinkedIn documents jego own minimum directly: 1200 × 627px, 1,91:1 ratio; images narrower than ~401px render as a mały thumbnail tylko.
- Google odkrywać documents co najmniej 1200px wide, więcej niż 300 000 total pixels, 16:9 aspect ratio (przykład given: 1280×720) dla jego preferred-image metadata — a noticeably różny ratio than the social-card convention below.
- Facebook’s current sharing documentation asks dla images “co najmniej 1080 pixels in width” bez pinning a universal ratio; it points you to a oddzielny best-practices poradnik dla specifics.
Given że spread, 1200 × 630px (o 1,91:1) pozostaje the practical cross-platforma domyślny najbardziej implementers używać — it’s close to LinkedIn’s own minimum i renders acceptably (if nie zawsze pixel-perfect) on Facebook, Slack, Discord, WhatsApp, i iMessage, i X displays it as a duży-image card. Treat it as a sensible convention, nie a reguła dowolny single spec mandates — if a specific platforma matters a lot to you, sprawdzenie że platforma’s current documentation rather than assuming ten figure jest guaranteed poprawny there.
Two things że są trudny reguły, nie conventions:
- Absolute URL required.
og:imagemusi point to a pełnyhttps://…URL; a relative path jest ignored by crawlers. - No generic logos lub tekst-heavy images if you również want the image eligible dla
Google’s thumbnail selection — Google explicitly warns wobec oba, i wobec
extreme aspect ratios. ustawić
og:image:altz a rzeczywisty opis, too.
co happens gdy otwarty Graph znaczniki są missing
A common myth jest że “no OG tags” means “plain text link, no image.” It doesn’t —
platformy fall back, they don’t blank out. Facebook fills the gaps z the
strona’s <title>, opis meta, i pierwszy usable treść image; LinkedIn behaves
similarly i treats images narrower than ~401px as thumbnail-tylko. So the rzeczywisty risk
of omitting OG znaczniki jest an uncontrolled, worse preview — a random in-body image,
a truncated <title> — nie a missing one. If you care how a strona looks gdy shared
(i dla anything you’d promote, you powinien), ustawić the znaczniki zamiast letting każdy
platforma guess.
Why twój updated OG znaczniki aren’t showing up — buforowanie i re-scraping
ten jest the liczba-one practical pain point. Facebook, LinkedIn, i Slack wszystkie
pamięć podręczna the scraped OG data, so editing twój znaczniki doesn’t retroactively update
links że były już shared. Facebook’s own webmaster docs confirm one specific
mechanism worth knowing: “images są cached na podstawie the URL i won’t być updated
unless the URL changes” — so if you’re troubleshooting a stuck image, changing the
og:image filename (nie just jego treści) może force a fresh fetch. I don’t mieć a
pierwszy-party źródło dla exactly how long każdy platforma’s pamięć podręczna lives przed it
expires on jego own, so don’t treat dowolny specific duration you see quoted elsewhere
as a udokumentowany guarantee — force a re-scrape per platforma zamiast waiting it
out:
- Facebook Sharing Debugger (programiści.facebook.com/narzędzia/debug) — paste the URL i używać “Scrape Again” to trigger a fresh fetch.
- LinkedIn Post Inspector — re-fetches i previews the card; if the image nadal won’t pull, sprawdzenie it isn’t blocked lub behind auth.
- X/Twitter — no official validator since ~2022. Since X falls back to OG znaczniki, a generic OG debugger plus a fresh share jest the practical route.
ponieważ crawlers pamięć podręczna i treść changes, OG znaczniki aren’t truly ustawić-i-forget: po a significant treść lub image update on a wysoki-wartość strona, re-scrape it.
implementacja gotchas: JavaScript, byte limits, absolute URLs
The biggest one ties straight back to
renderowanie: najbardziej social-platforma
crawlers robić nie execute JavaScript. OG znaczniki injected client-side — say, by React
po hydration — są invisible to them; the crawler sees an empty <head>. The
znaczniki musi być present in the raw, serwer-wyrenderowany HTML. ten jest the same
crawl-vs-render distinction że bites JavaScript-heavy witryny elsewhere (see
SEO JavaScript). Slack ma był reported (nie
udokumentowany in an official spec) to fetch tylko a limited liczba of bytes z the
start of a strona, so as a safety margin put twój OG znaczniki early in <head> rather
than po a duży inline script lub style blok. i, once więcej ponieważ it’s the
quiet killer: og:image musi być an absolute URL.
Bing, Microsoft, i otwarty Graph
Bing jest far mniej udokumentowany here than Google. Bing’s znaczniki Validator (in Bing
narzędzia dla webmasterów) listy otwarty Graph among the structured-znaczniki formaty it recognizes,
alongside schemat.org, Microdata, Microformats, i RDFa, i Bing’s migration
guidance flags OG metadata as something to zachować current podczas a move — ale Bing
hasn’t opublikowany Google-style specifics on whether lub how OG feedy danych jego snippets
lub thumbnails. w praktyce the stronger Microsoft-ecosystem consumer of OG znaczniki jest
LinkedIn (Microsoft-owned), który reads og:title, og:description,
og:image, i og:url to build jego share cards. Don’t overclaim a Bing mechanism
że isn’t udokumentowany.
Common otwarty Graph myths, debunked
- “OG tags are a Google ranking factor.” No — no official źródło says so. They affect appearance (tytuł-link, image-thumbnail, witryna-nazwa źródła), nie position.
- “OG is only for Facebook, irrelevant to real SEO.” Out of date. Google’s own
docs lista
og:title(tytuł links, added Aug 2024),og:image(a Search/odkrywać image-selection input), iog:site_name(a lower-priority witryna-nazwa input) as three oddzielny appearance funkcje it reads OG znaczniki dla — though “AI Overviews” specifically jest trade-press reporting, nie a twierdzenie on Google’s own Images/odkrywać strony as of ten sprawdzenie. - “No OG tags means a plain, image-less link.” No — platformy fall back to
<title>/opis meta/pierwszy image, giving an uncontrolled preview, nie a blank one. - “Updating og:image instantly fixes every already-shared link.” No — Facebook/LinkedIn/Slack pamięć podręczna the scrape; you musi force a re-scrape, i CDN buforowanie może opóźnienie it further.
- “Use the Twitter Card Validator to fix X previews.” że narzędzie był deprecated ~2022; there’s no official X validator now.
- “Any image size/URL works for og:image.” No — it musi być an absolute URL, i Google warns wobec generic logos, tekst-in-image, i extreme aspect ratios dla jego own thumbnail selection.
gdzie to go następny
ten strona jest a deep dive poniżej the
Meta znaczniki dla SEO hub, the on-strona cluster’s map
of który head elementy actually matter. otwarty Graph jest the social/chat appearance
warstwa — jego siblings on the SERP appearance side są the
tytuł znacznik (który Google może draw z
twój og:title) i the opis meta
(the closest analogue: nie a czynnik rankingowy, wszystkie o the click). dla the image i
witryna-nazwa side, OG overlaps z schemat znaczniki —
Google treats og:image i schemat’s primaryImageOfPage as alternative thumbnail
źródła. i ponieważ najbardziej social crawlers don’t run JavaScript, the whole topic sits
downstream of renderowanie i
SEO JavaScript.
AI summary
A condensed take on the Advanced version:
- otwarty Graph znaczniki = the social/chat appearance warstwa.
<head><meta>elementy z the otwarty Graph protokół (ogp.me, built by Facebook) że describe twój strona as a shareable obiekt. - Required:
og:title,og:type,og:image,og:url. Common optional:og:description,og:site_name,og:locale,og:image:alt. Repeated znaczniki form tablice; the pierwszy znacznik wins on conflicts. - nie a czynnik rankingowy — same appearance bucket as the opis meta. No official Google źródło ties OG znaczniki to ranking.
- Google reads them dla appearance (three udokumentowany mechanisms, none a
guarantee):
og:title→ a tytuł-link źródło (added Aug 2024);og:image→ an image-selection input dla Search i odkrywać (odkrywać’s own spec: ≥1200px wide, 16:9 — a różny ratio than the social-card convention);og:site_name→ a lower-priority witryna-nazwa input (belowWebSiteschemat). Video strony dodawaćog:video:image. Trade press również raporty an Omówienia AI role dlaog:image; Google’s own Images/odkrywać strony don’t nazwa Omówienia AI directly. - Main rzeczywisty-world job: the link preview card on Facebook, LinkedIn, Slack,
Discord, WhatsApp, iMessage. X/Twitter Cards extend OG — X reads
twitter:*pierwszy, falls back to OG per-właściwość, defaults to asummarycard iftwitter:cardjest absent. The Twitter Card Validator był deprecated ~2022. - og:image: no universal spec size; LinkedIn documents 1200×627 (1,91:1),
Google odkrywać documents ≥1200px/16:9; 1200×630 (1,91:1) jest the common
cross-platforma convention. Absolute URL required; avoid generic logos /
tekst-in-image / extreme ratios; ustawić
og:image:alt. - Missing znaczniki → uncontrolled, nie blank preview. platformy fall back to
<title>/opis meta/pierwszy image. - buforowanie jest the #1 problem. Editing znaczniki doesn’t fix już-shared links; force a re-scrape via the Facebook Sharing Debugger (“Scrape Again”) lub LinkedIn Post Inspector. Facebook’s own docs note images są cached by URL i won’t update unless the URL itself changes.
- renderowanie gotcha: najbardziej social crawlers don’t run JavaScript — znaczniki musi być in the serwer-wyrenderowany HTML; Slack jest reported (nie officially udokumentowany) to fetch tylko a limited liczba of bytes, so put head znaczniki early as a safety margin.
- Bing: thin docs — jego znaczniki Validator recognizes OG, ale no Google-style thumbnail/snippet mechanism jest opublikowany. LinkedIn jest the practical Microsoft consumer.
Official documentation
Primary-źródło documentation z the protokół i the wyszukiwarki.
The protokół
- The otwarty Graph protokół (ogp.me) — the spec itself: required właściwości (
og:title,og:type,og:image,og:url), optional ones, i structured sub-właściwości likeog:image:width/og:image:height.
- Control twój tytuł links in wyniki wyszukiwania — the pełny lista of tytuł-link źródła, w tym
og:title. - Search Central changelog: adding og:tytuł to tytuł-link źródła (Aug 26, 2024) — gdy
og:titlebył added. - Image SEO dobre praktyki — “Specify a preferred image with metadata” —
og:image(i schemat.org) as thumbnail-selection źródła dla Search. - Google odkrywać —
og:imagedla odkrywać thumbnails; documents ≥1200px wide, >300 000 total pixels, 16:9 ratio. - witryna nazwy in Google Search —
og:site_nameas a witryna-nazwa źródło (belowWebSitedane strukturalne). - Video SEO dobre praktyki — OGP obsługiwać i
og:video:imagedla video thumbnails. - web.dev — Social discovery — Google’s foundational explainer of OGP i Twitter Cards, z the per-znacznik purpose tabela.
narzędzia
- Facebook Sharing Debugger — paste a URL, see how Facebook scrapes it, i “Scrape Again” to bust the pamięć podręczna.
cytaty z the źródło
On-the-record statements z Google. każdy link jest a deep link że jumps to the quoted passage on the źródło strona.
Google — og:tytuł as a tytuł-link źródło
- “Google Search can use content within
og:titlemetatags to automatically generate title links.” — Google Search Central changelog (Aug 26, 2024). Jump to cytat - The lista of tytuł-link źródła obejmuje “Content in
og:titlemetatags.” — Google Search Central docs. Jump to cytat
Google — og:image as a thumbnail-selection źródło
- You może influence image selection “by providing your preferred image through one of the following metadata sources” — schemat.org znaczniki lub “the
og:imagemetatag.” — Google Search Central docs. Jump to cytat - “Avoid using a generic image (for example, your site logo) or an image with text in the schema.org markup or
og:imagemetatag.” Jump to cytat - “Use either schema.org markup or the
og:imagemetatag to specify a large image that’s relevant and representative of the web page.” — Google odkrywać docs. Jump to cytat
Google — og:site_name as a witryna-nazwa źródło
- “Our site name system will also consider content in
og:site_name,<title>, heading elements, and other text on a home page. However,WebSitestructured data is most important.” — Google Search Central docs. Jump to cytat
Google — the OGP definition i per-znacznik purpose
- The otwarty Graph protokół “provides Facebook with the metadata necessary to allow web pages to have the same functionality as other Facebook objects.” — web.dev (Google). Jump to cytat
- Twitter Cards są “an extension to the Open Graph Protocol applicable for Twitter.” — web.dev (Google). Jump to cytat
John Mueller, Google — appearance ≠ ranking (cited by analogy)
- “So the meta description is primarily used as a snippet in the search results page. And that’s not something that we would use for ranking.” — John Mueller, SEO Office Hours (może 2022), via wyszukiwarka Journal. The same “appearance, not ranking” logic jest how to read OG znaczniki. przeczytaj coverage
”My shared link looks wrong” — a triage tree
działać top to bottom; the pierwszy “yes” jest twój answer.
1. robi the strona mieć OG znaczniki at wszystkie in the raw HTML?
Run curl -s https://your-url/ | grep 'og:' (lub “View Source,” nie DevTools’
wyrenderowany DOM).
- No znaczniki in raw HTML, ale they’re in the wyrenderowany DOM → they’re będąc injected
by JavaScript. najbardziej social crawlers don’t run JS, so they może’t see them. Fix:
serwer-render the znaczniki do the
<head>. - No znaczniki anywhere → dodawać them. Until then, platformy fall back to
<title>/opis meta/pierwszy image (an uncontrolled preview). - znaczniki są present in raw HTML → go to 2.
2. jest og:image an absolute https://… URL?
- No (relative path) → crawlers ignore it. Fix: make it absolute.
- Yes → go to 3.
3. zrobił you recently change the znaczniki, i the old preview nadal pokazuje?
- Yes → it’s cached. Fix: re-scrape per platforma — Facebook Sharing Debugger (“Scrape Again”), LinkedIn Post Inspector. If it’s specifically the image i re-scraping doesn’t pomagać, try changing the image’s URL/filename — Facebook’s own docs say images są cached by URL i won’t update until the URL robi.
- No → go to 4.
4. jest it tylko błędny on X/Twitter?
- Yes → X reads
twitter:*znaczniki pierwszy, then falls back to OG per-właściwość i defaults to asummarycard iftwitter:cardjest missing. There’s no official X validator since ~2022; dodawać explicittwitter:cardznaczniki i re-share. - No → go to 5.
5. jest the image the błędny size/cropped, lub a logo/tekst image in Google wyniki?
- Cropped/blurry on social → resize to 1200×630 (1,91:1), the common cross-platforma convention (no single platforma’s official spec, ale close to LinkedIn’s own udokumentowany minimum).
- błędny crop specifically in Google odkrywać → odkrywać documents a 16:9 ratio (≥1200px wide, >300 000 total pixels), różny z the 1,91:1 social convention.
- Google’s thumbnail jest twój logo lub a tekst image → Google avoids generic logos,
tekst-in-image, i extreme aspect ratios; give it a clean, representative
og:image(lub ustawićprimaryImageOfPageschemat).
otwarty Graph cheat sheet
The znaczniki — co każdy one robi
| właściwość | Required? | Controls | Notes |
|---|---|---|---|
og:title | Yes | Card headline | również a Google tytuł-link źródło (Aug 2024) |
og:type | Yes | obiekt type | website domyślny; article unlocks article:* |
og:image | Yes | Card thumbnail | Absolute URL; również a Google Search/odkrywać thumbnail input |
og:url | Yes | Canonical link | Align z rel=canonical |
og:description | No | Card blurb | Truncates on najbardziej platformy |
og:site_name | No | marka nazwa | również a Google witryna-nazwa źródło (below WebSite schemat) |
og:locale | No | język/region | domyślny en_US; ustawić dla non-US-English |
og:image:width/:height | No | Layout hint | pomaga platformy render przed load |
og:video:image | No | Video thumbnail | Google reads it dla video strony |
gdzie Google reads OG znaczniki (wszystkie appearance, none ranking)
| znacznik | Google funkcja | Priority note |
|---|---|---|
og:title | tytuł link | One of ~9 źródła; nie używany verbatim |
og:image | Image thumbnail (Search / odkrywać; Omówienia AI per press raporty) | Alt to schemat primaryImageOfPage |
og:site_name | witryna nazwa | Below WebSite dane strukturalne |
Fast fakty
- No universal spec size dla
og:image. LinkedIn: 1200×627, 1,91:1. Google odkrywać: ≥1200px wide, 16:9. Common convention: 1200×630px, 1,91:1, absolute URL,og:image:altustawić, no logo/tekst/extreme ratio. - Missing znaczniki → uncontrolled fallback preview, nie a blank one.
- buforowanie: editing znaczniki doesn’t fix już-shared links — re-scrape. Facebook caches images by URL — a changed URL forces a fresh fetch nawet jeśli the filename looks similar.
- Facebook: Sharing Debugger → “Scrape Again.”
- LinkedIn: Post Inspector (sticky pamięć podręczna).
- X: no official validator since ~2022; reads
twitter:*pierwszy, falls back to OG. - renderowanie: najbardziej social crawlers don’t run JS — znaczniki musi być serwer-wyrenderowany; Slack jest reported (unofficially) to fetch tylko a limited byte range, so zachować head znaczniki early.
otwarty Graph implementacja checklist
A pass to confirm twój shared links look the way you intend:
- wszystkie four required znaczniki present:
og:title,og:type,og:image,og:url. -
og:descriptioniog:site_nameustawić;og:localeustawić if nie US English. -
og:imagejest at an absolutehttps://URL — nie a relative path, logo, tekst-heavy graphic, lub extreme aspect ratio. Sized 1200×630px (1,91:1) as the common cross-platforma convention, lub checked wobec the specific platforma’s own udokumentowany minimum if one matters najbardziej to you (e.g. LinkedIn’s 1200×627/1,91:1, Google odkrywać’s ≥1200px-wide/16:9). -
og:image:width/og:image:height/og:image:altdeclared to pomagać card layout i accessibility. -
og:urlmatches twój rel=canonical so shares consolidate on one URL. - znaczniki są in the raw, serwer-wyrenderowany HTML
<head>— confirmed via “View Source” /curl, nie just DevTools’ wyrenderowany DOM (najbardziej social crawlers don’t run JavaScript). - Head znaczniki appear early in the document (Slack jest reported, unofficially, to fetch tylko a limited byte range z the start of the strona).
-
og:typematches the strona (articledla posts, unlockingarticle:author/article:published_time). -
twitter:card(itwitter:*) znaczniki ustawić if you want explicit control on X; otherwise X falls back to OG z asummarycard. - Previewed in the Facebook Sharing Debugger i LinkedIn Post Inspector; re-scraped po dowolny significant tytuł/image change.
- dla strony you want eligible dla Google image thumbnails,
og:image(lub schematprimaryImageOfPage) jest a clean, representative image.
Inspect otwarty Graph output z the terminal
url="$1"
curl -sSL "$url" | grep -Eio '<meta[^>]+property=["'"']og:[^"'"']+["'"'][^>]*>'Save as check-og.sh, run bash check-og.sh https://example.com/page, i sprawdzenie the
raw serwer odpowiedź. ten catches missing serwer-wyrenderowany znaczniki; używać platforma re-scrape
narzędzia osobno to jasny cached previews.
otwarty Graph mistakes to avoid
- używając relative
og:imageURLs lub an image blocked z public fetchers. - Generating OG znaczniki tylko po client-side JavaScript runs.
- Publishing multiple conflicting wartości dla the same core właściwość.
- Changing znaczniki repeatedly gdy the rzeczywisty problem jest a platforma’s cached scrape.
- Treating social-preview znaczniki as a replacement dla tytuł, canonical, lub structured-data działać.
zasoby worth twój time
My powiązany writing
- The Beginner’s poradnik to techniczne SEO — gdzie the appearance warstwa (tytuły, opisy, i now OG znaczniki) fits in the crawl → index → serve pipeline. (It doesn’t cover otwarty Graph specifically — ten artykuł jest the OG deep dive że poradnik points toward.)
My speaking
- How Search działa (SlideShare) — my walkthrough of crawling, renderowanie, indeksowanie, i serving, który jest the backdrop dla why serwer-wyrenderowany OG znaczniki matter (social crawlers don’t run JS). (My standing disclaimer applies: “This is my understanding of systems… not going to be 100% complete or accurate.”)
Official / the protokół
- The otwarty Graph protokół (ogp.me) — the spec: required vs. optional właściwości i structured sub-właściwości.
- Google — określać a preferred image z metadata —
og:imageas a thumbnail źródło dla Search. - Google — Control twój tytuł links i witryna nazwy —
og:titleiog:site_nameas appearance źródła. - web.dev — Social discovery — Google’s OGP + Twitter Cards explainer.
z around the industry
- otwarty Graph Meta znaczniki: Everything You Need to Know (Michal Pecánek, sprawdzony by Joshua Hardwick — Ahrefs) — a thorough implementacja reference dla the znaczniki i sizes.
- Google używa oba schemat.org znaczniki i og:image dla thumbnails in Search i odkrywać (wyszukiwarka Land, March 2, 2026) — coverage of the og:image thumbnail update.
- Google Clarifies How It Picks Thumbnails dla Search, odkrywać (wyszukiwarka Journal) — companion write-up on the same change.
- How Google Picks Image Thumbnails In Google Search & Google odkrywać (Barry Schwartz, wyszukiwarka Roundtable) — a third corroborating raport.
- Facebook Sharing Debugger — the narzędzie dla scraping/re-scraping how Facebook sees twój strona.
- r/TechSEO — the community dla debugging OG/link-preview problemy.
Test yourself: otwarty Graph znaczniki
Five quick questions on co otwarty Graph znaczniki robić i how to get them right. Pick an answer dla każdy, then sprawdzenie.
Dziennik zmian
Zaktualizowano 18 lip 2026.
Podsumowanie redakcyjne i zapisane szczegóły zmian.Szczegóły zmian
-
Szczegółowe uwagi dotyczące zmian są obecnie dostępne po angielsku.
-
Szczegółowe uwagi dotyczące zmian są obecnie dostępne po angielsku.
-
Szczegółowe uwagi dotyczące zmian są obecnie dostępne po angielsku.
-
Szczegółowe uwagi dotyczące zmian są obecnie dostępne po angielsku.
-
Szczegółowe uwagi dotyczące zmian są obecnie dostępne po angielsku.
Pełne porównanie jest niedostępne — dla tej wersji nie zarchiwizowano wcześniejszej migawki.