How to Check Open Graph Tags from HTML Without Publishing a Page

A URL-based Open Graph checker fetches your website from its own server. If the page is only available on your laptop, requires authentication or sits behind a staging firewall, that server cannot inspect it. HTML mode solves a different problem: it parses markup that you provide directly in your browser.

Where to get the HTML

• For a local page, open it in your browser and use View Page Source, then copy the document HTML.
• For Next.js, inspect the rendered page source after the route has generated metadata. Do not rely only on metadata you expect the client to add later.
• For a staging environment, use the response HTML from your own authorized browser or development workflow.

Paste and inspect

Open OpenGraph Preview, choose Paste HTML and insert the source. The parser reads meta elements by their property or name attributes, including og:title, og:description, og:image, og:url, twitter:card and the standard description tag. The HTML stays in the browser and is not sent to the inspection API.

Understand what HTML mode can and cannot prove

HTML inspection can confirm that tags exist in the snippet you pasted. It cannot prove that your server returns the same source to Facebook, LinkedIn or another crawler. It also cannot confirm that a remote image is reachable unless you run a separate image check from a public URL.

Common HTML inspection issues

• The tags are placed in the body instead of the document head.
• The page has multiple og:title or og:image tags with conflicting values.
• The image URL is relative and has no reliable base URL.
• The framework only adds tags after client-side JavaScript runs.
• The pasted source is incomplete and does not include the head section.