Open Graph

You might say

Give the article share card the right title, description, absolute image URL, and canonical URL, then check it with a real share preview.

og:* metadata that describes a shared-link previewWhen an article link is sent through a chat or social platform, the platform can read og:title, og:description, og:image, and og:url to build a preview card. A page image working in the browser does not prove that the external platform received the share image, and platforms may cache an old result.

Know first

Page Metadata URL Image

How one URL becomes a share card

article.html

1<title>How to verify a project</title>

2

3

4

How Open Graph fields affect a preview

Four basic outputs should map cleanly: og:title, og:description, og:image, and og:url provide the title, description, image, and address. The image must be readable from a public URL by the sharing platform, not only on a local machine or behind a login.

The platform may keep an old fetch: After changing fields, request or refresh the platform preview and inspect the real card. Correct page source proves the fields were emitted, not that a cached preview has updated.

Quick checkChoose the best answer

The article Hero image works on the page, but the shared card has no image. What should be fixed?

Add or fix og:image with an externally reachable absolute URL, then refresh the preview fetchKeep cropping the page Hero image until the sharing platform discovers it automaticallyOnly add body keywords because Open Graph is for search ranking

You can say this to an AI Agent

Add the article's Open Graph title, description, absolute image URL, and canonical URL. Do not treat the page Hero image as proof; verify the title, description, and image in an external share preview, and record evidence if platform caching keeps an old result.

Learn next

1Page Metadata→2Image→