Meta tags code generator
Generate title, description, viewport, robots and social sharing (Open Graph / Twitter) meta tags for your page, with a live preview of how it'll look in Google, Facebook and Twitter/X.About meta tags
Meta tags provide information for search engines and social media to present your page. Providing a title and description for each page of your website allows search engines to determine the type of content that is on your page, so can present your page in search results.
Social media meta tags allow you to tailor the information that is presented when the page is shared through social media. This may be different to the title and description that you display in search engines, as it will allow you to target a different audience.
Building with a JavaScript framework? Switch the output format to Next.js, Nuxt or Remix syntax after generating your tags, instead of plain HTML.
Looking for a meta-refresh generator that will forward your page to another URL? Check out our redirect link generator.
Frequently asked questions
How long should my title and description be?
Google typically shows around 50-60 characters of a title and 150-160 characters of a description before truncating with "...". Put the most important words first in both, since people scan left to right and a truncated title still needs to make sense on its own. Including your target keyword in the description doesn't affect ranking, but Google bolds matching words in the snippet, which helps your result stand out.
Do meta keywords still matter?
No - Google has publicly confirmed it ignores the meta keywords tag, and hasn't used it for ranking since 2009. It's not included in this generator's output for that reason.
Do I need Open Graph and Twitter Card tags?
Only if you want control over how your page looks when someone shares its link on Facebook, LinkedIn, Twitter/X, Slack etc. Without them, those platforms guess a title/image from the page itself, which doesn't always pick well - the tags let you set exactly what shows.
What does the robots meta tag actually do?
It tells search engine crawlers whether to index the page and whether to follow its links. Most pages want neither box checked (default index, follow) - only set "noindex" for pages you genuinely don't want appearing in search results, like thank-you or admin pages.
Which viewport option should I choose?
Standard is right for almost every site, which is why it's on by default. Choose edge-to-edge only if your design deliberately fills the whole screen (e.g. a full-bleed header or background image) and you want it to extend under the notch/Dynamic Island on newer iPhones instead of leaving a black bar around it - most sites never need this.