A page's meta tags don't affect how it looks to a visitor at all — they only matter to the systems reading the page on a visitor's behalf: search engines deciding how to show it in results, and Slack, WhatsApp, or Twitter deciding how to render a shared link's preview card. Get them wrong and the page can look fine in a browser while looking broken everywhere it's shared or listed.
Steps
- Open Meta Tag Generator and enter a title and description.
- Add the canonical URL, and optionally a social share image, site name, and Twitter/X handle.
- Copy the generated tags into the page's
<head>.
The tags that actually get used
The <title> and meta name="description" are what Google most often shows as the clickable headline and snippet in search results — though Google sometimes rewrites either one if it judges different text better answers the query. <link rel="canonical"> tells search engines which URL is the authoritative version when the same content could be reached more than one way. The og: (Open Graph) tags control how Facebook, LinkedIn, WhatsApp, and Slack render a shared link's preview card; the twitter: tags do the same specifically for X/Twitter, falling back to Open Graph values if a matching Twitter tag isn't present.
Common mistakes worth avoiding
- A missing or generic description — leave it out, and Google often auto-generates one by pulling text from the page, which is rarely as compelling as one written on purpose.
- No
og:image— a link shared without one renders as a bare text card almost everywhere, which gets clicked far less than one with a preview image. - A title that's just the site name — every page should have its own specific, descriptive title, not a copy-pasted brand name repeated across the whole site.