Web & SEO

Open Graph Tags

Individual page metadata fields, such as title, description and image, that social platforms may use to build a shared-link preview. The rendered card can differ by platform or cache, so test important links on the actual services used.

How it works

Open Graph tags supply fields that sharing services can use to build a link preview. The title, description, image, URL and content type describe a particular page. They belong in the page head and should agree with the visible subject and language.

A realistic example

Sharing a Spanish term page should not produce an English title and an unrelated homepage image. A suitable preview can use the actual term title and a relevant diagram, provided the image is reachable by the sharing service.

What to check

Inspect og:title, og:description, og:image and og:url in the final response. Check absolute URLs, image dimensions, status and language. Test a representative share where possible; some services cache earlier values and do not immediately refresh after a release.

Limits and next steps

Tags do not control every platform’s layout or guarantee a preview. Do not make the shared description more promotional or certain than the page. Keep one generator for these fields so a theme and plugin do not emit conflicting values.

Additional examples and checks

Open Graph is a vocabulary for describing an object when its URL is shared. Its page-level representation is a collection of metadata tags. Different object types can require different properties; an ordinary informational page should not pretend to be a product, video or article with facts it does not contain.

A shared glossary term can identify a webpage with a term-specific title. A genuine article may describe article-related context. Choosing a type because it sounds more impressive, without the supporting content, makes the metadata misleading.

Technical sources

← All glossary terms