Meta Tag & Open Graph Checklist

Check HTML tags, public URLs, image addresses, and caches when a search snippet or share card looks wrong.

Inspect the HTML you plan to publish

Paste the head into the meta tag preview and check title, description, canonical, and viewport. The tool reads pasted code; use the URL inspector when you need to fetch a published page.

<title>Image to PDF Converter | Example</title>
<meta name="description" content="Combine JPG and PNG images into a PDF.">
<link rel="canonical" href="https://example.com/image-to-pdf/">

Check the share card tags

Open Graph defines og:title, og:type, og:image, and og:url as its basic properties. Add og:description for a description. Make sure the image address is publicly accessible. The HTML preview displays remote image URLs without fetching them.

<meta property="og:title" content="Image to PDF Converter">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/image-to-pdf/">
<meta property="og:image" content="https://example.com/share.png">

Resolve relative addresses and inspect the published page

If the image uses a relative path such as /share.png, enter a base URL to check how it resolves. After publishing, compare the public page's values with the URL inspector. Login requirements or crawler restrictions can leave values unavailable.

Allow for cached cards and rewritten snippets

A sharing service may keep an older card after you update the HTML. Ask it to fetch the page again through its official sharing debugger. Search engines can also choose a different description for a query, so the displayed snippet may differ from your description tag.

Tools used in this guide

Sources

Reviewed: 2026-09-05