What are meta tags?
Meta tags are snippets of HTML in a page's head that describe the page to browsers, search engines and social platforms. Visitors don't see them on the page, but they shape how the page appears in search results and link previews.
Strictly, the title is its own element and the canonical is a link tag, but they're written in the same place and usually discussed together, so the generator includes them.
Which meta tags matter for SEO?
Google's documentation lists the tags it supports. The ones most pages need are short.
- Title
- The main source of the blue title link in Google results. Unique per page, roughly under 60 characters.
- Meta description
- Often used as the snippet under the title. Not a ranking factor, but it affects clicks.
- Meta robots
- Controls indexing and snippets: noindex keeps a page out of results, nofollow tells crawlers not to follow its links, max-snippet and max-image-preview limit what Google shows.
- Canonical
- Names the preferred URL when the same content is reachable at several addresses. A strong hint, not a command.
- Viewport
- Makes the page display properly on phones. Google indexes the mobile version of pages, so this is essential.
- Charset
- Declares the character encoding, normally utf-8, so text displays correctly.
Does the meta keywords tag still matter?
No. Google has ignored the meta keywords tag for ranking since 2009, and a stuffed one only shows competitors your target keywords. The generator leaves it out on purpose.
Open Graph tags
Open Graph is a protocol created by Facebook that most platforms now read: Facebook, LinkedIn, Slack, WhatsApp, Discord, iMessage and others. When a link is shared, these tags supply the preview's title, description and image.
The four core properties are og:title, og:type, og:image and og:url. Add og:description and og:site_name for a complete card. A share image of 1200 × 630 pixels works well across platforms.
Twitter Card tags
X (Twitter) reads its own twitter: tags and falls back to Open Graph for anything missing. The tag that matters most is twitter:card, which sets the layout: summary_large_image for a full-width image, or summary for a small square thumbnail.
twitter:site is your brand's handle and twitter:creator is the author's. Both are optional.
noindex, nofollow and when to use them
Use noindex on pages that shouldn't appear in search results: thank-you pages, internal search results, staging copies, thin tag archives. The page must stay crawlable for Google to see the noindex, so don't also block it in robots.txt.
nofollow in a meta robots tag applies to every link on the page and is rarely what you want. To mark individual links, use rel="nofollow", "sponsored" or "ugc" on the link itself.
Where to put meta tags
Inside the head element of each page, before the closing head tag. In WordPress, an SEO plugin such as Yoast or Rank Math writes most of these for you. In Webflow, Shopify, Framer and similar builders, the page settings have SEO and Open Graph fields, plus a custom code slot for anything else.
After publishing, check the live page with the Open Graph Checker to confirm the social tags are actually there.