Generate complete HTML meta tags for SEO, Open Graph (Facebook), Twitter Cards, and robots directives. Preview your Google SERP snippet in real time.
Meta tags are snippets of HTML in the <head> section of a web page that provide metadata about the page's content. They are not visible to users on the page but are read by search engine crawlers, social media platforms, and browser applications. Two meta tags in particular have the highest impact on search engine optimisation: the title tag and the meta description.
The <title> tag (technically not a meta tag but universally grouped with them) defines the text displayed as the clickable headline in Google's Search Engine Results Pages (SERPs) and as the browser tab label. Google recommends keeping titles under 60 characters to avoid truncation. Every page on your website should have a unique, descriptive title that includes the primary keyword naturally. Duplicate titles across pages are a common SEO mistake that dilutes ranking signals.
The meta description (120–160 characters recommended) appears as the grey text below the title in Google's search results. While Google has confirmed that meta descriptions are not a direct ranking factor, they dramatically affect click-through rate (CTR), which is a ranking signal. Google will sometimes rewrite your description if it believes an excerpt from the page's body copy is a better match for the query — but providing an accurate, compelling description increases the chance that Google uses yours.
Open Graph (OG) tags, introduced by Facebook and now used by LinkedIn, Slack, WhatsApp, and most social platforms, control how your page appears when shared. The three most important are og:title, og:description, and og:image. The recommended OG image size is 1200×630 pixels with a 2:1 aspect ratio. Without OG tags, social platforms will make their best guess at a title, description, and image — often with poor results.
Twitter (X) uses its own twitter:card meta tags to control how links appear when shared on the platform. The summary_large_image card type displays a full-width image preview below the tweet and significantly increases engagement compared to the plain text URL. Twitter will fall back to Open Graph tags if Twitter-specific tags are absent. Once you have generated your meta tags, paste the complete <head> section into our free html editor online to preview and edit the full page. Write your page's body copy in our markdown editor online and export it as HTML to pair with these meta tags.
No. Google officially stopped using the <meta name="keywords"> tag as a ranking signal in 2009. Including keywords in this tag provides zero SEO benefit on Google. Bing announced it also ignores the tag. Including it does no harm, but it is unnecessary. Focus your keyword effort on the title, meta description, headings (H1–H3), and body copy instead.
The robots meta tag (<meta name="robots">) provides page-level crawling instructions to search engine bots. Common values: index (allow indexing), noindex (prevent indexing), follow (allow following links), nofollow (prevent following links). These are independent and can be combined: noindex, follow means "don't index this page but do follow its links". The default when no robots meta tag is present is index, follow.
The canonical link element (<link rel="canonical">) tells search engines which version of a URL is the "master" copy when the same or very similar content is accessible at multiple URLs. For example, https://example.com/page, https://example.com/page/, and https://www.example.com/page?ref=nav might all serve the same content. Without canonicals, search engines may split ranking signals across these URLs. The canonical tag consolidates them.
Google displays approximately 155–160 characters of meta description on desktop and around 120 characters on mobile before truncating. Aim for 120–155 characters to ensure your description is not cut off on either device. Descriptions that are too short (under 70 characters) leave ranking and CTR opportunity on the table. Include your primary keyword naturally and end with a call to action.
Google has confirmed that the meta description is not a direct ranking factor — it does not influence where your page ranks for a query. However, it strongly influences click-through rate (CTR). A compelling description that matches searcher intent gets more clicks. Higher CTR is a behavioural signal that can indirectly boost rankings. Google may also bold words in your description that match the user's query, making well-written descriptions more visually prominent.