HTML Meta Tags Generator
Generate complete HTML meta tags for any page. Covers standard meta tags, Open Graph (Facebook), Twitter Card, and canonical URL. Preview the full <head> snippet ready to copy.
Standard Meta
Description exceeds 160 characters - search engines may truncate it.
Largely ignored by modern search engines but still read by some.
Open Graph (Facebook / LinkedIn)
Twitter Card (X / Twitter)
How to use the HTML Meta Tags Generator
Fill in the fields on the left and the complete <head> snippet updates in real time. Copy the output and paste it into the <head> section of your HTML document. All fields are optional except charset and viewport, which are always included. Empty fields are omitted from the output so you never get blank meta tags.
What each section does
Standard meta tags control how search engines index your page. The title and description appear in search results (SERPs). The robots directive tells crawlers whether to index the page and follow its links. The canonical URL prevents duplicate-content penalties by pointing search engines to the preferred version of a page.
Open Graph tags (og:*) control how your page appears when shared on Facebook, LinkedIn, Slack, and other platforms that read the OG protocol. The og:image is the thumbnail shown in the link preview. If OG title and description are left blank, this tool falls back to the standard title and description.
Twitter Card tags control the appearance of shared links on X (Twitter). summary_large_image shows a full-width image above the tweet text; summary shows a small square thumbnail. Twitter also falls back to og:image if a twitter:image is not provided - this generator mirrors that by reusing the OG image field.
Frequently Asked Questions
What is the ideal meta description length?
Google typically displays 150–160 characters. Descriptions longer than that get truncated with an ellipsis. For mobile results the cutoff is closer to 120 characters. This tool shows a live character count and warns you when you exceed 160.
Do keywords meta tags still matter for SEO?
No. Google, Bing, and most major search engines have ignored the keywords meta tag since around 2009. It is included here because some internal search systems and third-party tools still read it. It causes no harm, but don't expect SEO benefit from it.
What is a canonical URL and when do I need one?
A canonical tag (<link rel="canonical">) tells search engines which URL is the "original" when the same content is accessible at multiple URLs - for example ?page=1 vs no parameter, or HTTP vs HTTPS. Without it, search engines may split ranking signals across duplicate URLs. If you have a single clean URL for each page, a canonical pointing to itself is still good practice.
What image size should I use for og:image?
Facebook recommends at least 1200 × 630 pixels at a 1.91:1 aspect ratio. Twitter's summary_large_image card works best with 1200 × 628 pixels. Use a JPEG or PNG under 8 MB. Make sure the URL is absolute (starts with https://) - relative paths are not read by social crawlers.
What is the difference between robots "noindex" and "nofollow"?
noindex tells search engines not to include the page in search results. nofollow tells them not to follow links on the page. They are independent - you can index without following, or follow without indexing. noindex, nofollow is used for admin pages, thank-you pages, and other content you don't want crawled at all.