How Search Engines and Social Media Read Your Page

Visitors read the rendered page, but search engines and social platforms mostly read a much smaller set of tags sitting in the page's head section, tags a visitor never sees directly at all. The title tag and meta description control what shows up in a search result. A separate set of tags, prefixed og: for Open Graph, control what shows up when the link is shared on social media or in a chat app. Neither is automatic just because the page itself looks right.

The title tag is what shows as the clickable headline in a search result and the browser tab, and the meta description is the short summary line underneath it. Search engines do not always use your description verbatim, sometimes substituting their own summary if they judge it a better match for the search, but a well written one still improves your odds and gives you influence over how the result reads, rather than leaving it entirely to chance.

• og:title and og:description: the headline and summary shown on the shared card, which can deliberately differ from the page's own title tag.
• og:image: the preview image, without which most platforms show a blank or generic card instead of a real preview.
• og:site_name: the site name shown alongside the card, separate from the page title itself.
• twitter: prefixed tags: a similar set specifically for X/Twitter, which a platform falls back to if no matching og: tag is present.

A blank or missing preview when sharing a link almost always means no og:image tag was found, not that something is broken with the link itself. Platforms will not fall back to just grabbing any image from the page; if no explicit tag points at one, they show nothing rather than guess. This is by far the single most common Open Graph mistake, and it is invisible unless you actually check the tags or try sharing the link yourself.

Meta Tag Checker reads a page's title, description, canonical URL and robots tag, flagging when the title or description run noticeably short or long. Open Graph Preview goes a step further and renders an approximation of the actual share card, so a missing og:image shows up immediately as a card with no picture rather than something you only discover after sharing a link and being disappointed by it.