The Meta Tags Cheat Sheet: 13 Tags and Which Ones Actually Matter

There are 13 meta tags that affect how your page looks in search results, in social shares, and on mobile. Three of them matter for SEO. Five matter for social sharing. The other five are either obsolete or nice-to-have. Here is the cheat sheet, with what each one does, when to use it, and when to skip it.

The 13 tags, in 4 groups

Group 1: The 3 that matter for SEO

1. <title> (the only one that is not a <meta> tag)

The title tag is the single most important on-page SEO element. It is the clickable headline in the search result, the tab name in the browser, and the default name when the page is bookmarked. The optimal length is 50-60 characters. Longer titles are truncated in the search result with an ellipsis.

The Title Length Checker on this site validates the length and shows how the title will look in a search result. The SERP Preview shows the title in context with the description and the URL.

Skip if: you do not care about search traffic. Otherwise, every page needs a unique, descriptive title.

2. <meta name="description">

The meta description is the snippet below the title in the search result. It does not directly affect ranking, but it affects click-through rate, which indirectly affects ranking. The optimal length is 150-160 characters. Longer descriptions are truncated.

The Meta Description Checker on this site validates the length and shows the description in context. The SERP Preview shows the full search result with the title, description, and URL.

Skip if: you do not care about click-through rate. Otherwise, every page needs a unique meta description that includes a call to action.

3. <link rel="canonical">

The canonical tag tells search engines which version of a page is the "main" one. It is critical when the same content is reachable from multiple URLs (e.g., with and without trailing slashes, with and without query parameters, on www and non-www domains). Without a canonical tag, search engines may pick the wrong version, split the ranking signals, and dilute the page's authority.

The canonical tag is also used when you syndicate content: the canonical points to the original, so the syndicated copy does not compete with the original for ranking.

Skip if: you have exactly one URL for every page and you never syndicate. Otherwise, every page needs a self-referential canonical.

Group 2: The 5 that matter for social sharing

4. <meta property="og:title">

The Open Graph title is the title shown when the page is shared on Facebook, LinkedIn, Slack, Discord, and most other social platforms. Without it, the platform falls back to the <title> tag, which is usually fine. The optimal length is 60-90 characters (longer than the search-result title because social platforms have more room).

Skip if: the <title> is already optimized for social. The fallback works for most pages.

5. <meta property="og:description">

The Open Graph description is the snippet shown in the social share. Without it, the platform falls back to the <meta name="description"> tag. The optimal length is 100-200 characters.

Skip if: the <meta name="description"> is already optimized for social. The fallback works for most pages.

6. <meta property="og:image">

The Open Graph image is the preview image shown in the social share. This is the most important social tag because the image is what stops the scroll. The recommended size is 1200×630 pixels (the "large image" format). Smaller images get cropped or scaled; non-rectangular aspect ratios get cropped. The file should be a JPG or PNG, under 5 MB.

Skip if: you do not care about social sharing. Otherwise, every page should have an OG image. The image is the single biggest lever on social click-through rate.

7. <meta property="og:url">

The Open Graph URL is the URL shown in the social share. Without it, the platform uses the URL of the page being shared, which is usually correct. The OG URL is used when the shareable URL is different from the canonical URL (e.g., a tracking parameter is added by the social platform, but the canonical URL is the clean version).

Skip if: the shareable URL is the same as the canonical URL. The fallback works for most pages.

8. <meta property="og:type">

The Open Graph type tells the social platform what kind of content the page is. The most common values are website (for general pages), article (for blog posts and news), product (for product pages), and video.other (for video pages). Without an OG type, the platform assumes website, which works for most pages.

Skip if: the page is a general website. Set the type for articles, products, and videos to get the right share format.

Group 3: The 3 that matter for mobile

9. <meta name="viewport" content="width=device-width, initial-scale=1">

The viewport tag tells the mobile browser how to scale the page. Without it, the mobile browser assumes the page is 980 pixels wide and scales it down, which makes the text tiny and the links hard to tap. The width=device-width tells the browser to use the actual device width; initial-scale=1 tells it not to zoom in or out by default.

Skip if: you do not care about mobile. Otherwise, every page needs the viewport tag. It is the single most important mobile tag.

10. <meta name="theme-color">

The theme color sets the color of the browser chrome (the address bar, the back button, the title bar) on mobile. It is a small visual refinement that makes the page feel integrated with the OS. The value is a CSS color (#1a73e8, rgb(26, 115, 232), etc.).

Skip if: you do not have a brand color or do not care about the integration. Set the theme color for a more polished mobile experience.

11. <meta name="apple-mobile-web-app-capable" content="yes">

The Apple mobile web app tag tells iOS to treat the page as a full-screen app when the user adds it to the home screen. Without it, the page opens in Safari with the browser chrome even when launched from the home screen.

Skip if: you do not want the page to feel like an app on iOS. Set the tag for a more app-like experience on iOS home screen.

Group 4: The 2 that are usually auto-handled

12. <meta charset="utf-8">

The charset tag tells the browser what character encoding the page uses. UTF-8 is the universal default and the only one most modern pages need. The tag should be the first thing in the <head>, before the title and the other meta tags.

Skip if: your framework auto-includes it (most do). Otherwise, every page needs the charset tag.

13. <meta name="robots">

The robots tag tells search engines whether to index the page and whether to follow the links. The default is index, follow, which is what you want for almost every page. The tag is used to mark pages as noindex (don't index this page), nofollow (don't follow the links), or noarchive (don't cache this page).

Skip if: you want every page indexed (the default). Set noindex for thank-you pages, internal search results, staging environments, and any other page that should not appear in search results.

What about the obsolete tags?

Some meta tags are no longer relevant in 2026:

• <meta name="keywords"> — ignored by all major search engines since 2009. Skip it.
• <meta name="author"> — not used by search engines for ranking. Use it for accessibility or content attribution if you want, but it is not required.
• <meta name="revisit-after"> — never used by any major search engine. Skip it.
• <meta name="distribution"> — never used by any major search engine. Skip it.
• <meta name="copyright"> — not used by search engines. The copyright is in the footer of the page.

What about Twitter Card tags?

Twitter has its own set of meta tags: twitter:card, twitter:title, twitter:description, twitter:image. The twitter:card value is usually summary_large_image (for a large preview image) or summary (for a small preview). Without Twitter-specific tags, Twitter falls back to the Open Graph tags, which work fine for most pages.

Set the twitter:card tag if you want the large-image format on Twitter specifically. Otherwise, the OG tags are enough.

The minimum viable meta tag setup

For a modern page in 2026, the minimum meta tag setup is 7 tags:

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Page Title</title>
<meta name="description" content="Page description">
<link rel="canonical" href="https://example.com/page">
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Page description">
<meta property="og:image" content="https://example.com/og.png">

Eight tags (counting the <title> as a tag), 6 if you count only meta tags. The OG image is the most important of the 8 because it is the single biggest lever on social click-through rate. The other 7 are the minimum for SEO, mobile, and social sharing.

How to preview the result

The Meta Tag Preview on this site shows how your page will look in a search result and a social share, side by side. Paste the URL or the raw HTML, see the preview. The SERP Preview shows the search-result preview alone; the Meta Description Checker validates the length; the Title Length Checker validates the title. The whole preview-and-validate flow takes 30 seconds.

The honest summary

There are 13 meta tags that matter. Three for SEO (title, description, canonical). Five for social (og:title, og:description, og:image, og:url, og:type). Three for mobile (viewport, theme-color, apple-mobile-web-app-capable). One for charset. One for robots. The minimum viable setup is 8 tags (or 6 if you do not count the title and the optional ones). The OG image is the single biggest lever on social click-through rate, and the viewport tag is the single biggest lever on mobile usability. The Meta Tag Preview shows the result; the SERP Preview shows the search-result version; the Title Length Checker and Meta Description Checker validate the lengths. The obsolete tags (keywords, author, revisit-after, distribution, copyright) can all be skipped. The whole topic is a 30-minute read and a 5-minute setup per page.