Meta Tags Generator

Generate HTML SEO meta tags, Open Graph tags, and Twitter Cards with a live Google search result preview.

Meta Information

Google Search Preview
Aidelico Web Tools - All-in-One Developer Utilities
https://tools.aidelico.com
Free online web tools by Aidelico for developers, SEO specialists, and content creators. Minifiers, generators, JSON formatters, and converters.
HTML Code
<!-- Primary Meta Tags --> <title>Aidelico Web Tools - All-in-One Developer Utilities</title> <meta name="title" content="Aidelico Web Tools - All-in-One Developer Utilities" /> <meta name="description" content="Free online web tools by Aidelico for developers, SEO specialists, and content creators. Minifiers, generators, JSON formatters, and converters." /> <meta name="keywords" content="aidelico, web tools, seo generator, json formatter, minifier, qr code" /> <meta name="author" content="Aidelico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://tools.aidelico.com" /> <meta property="og:title" content="Aidelico Web Tools - All-in-One Developer Utilities" /> <meta property="og:description" content="Free online web tools by Aidelico for developers, SEO specialists, and content creators. Minifiers, generators, JSON formatters, and converters." /> <meta property="og:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=800" /> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://tools.aidelico.com" /> <meta property="twitter:title" content="Aidelico Web Tools - All-in-One Developer Utilities" /> <meta property="twitter:description" content="Free online web tools by Aidelico for developers, SEO specialists, and content creators. Minifiers, generators, JSON formatters, and converters." /> <meta property="twitter:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=800" />
  1. Enter the page title. The counter shows how close you are to the recommended 60 characters.
  2. Write a meta description and keep an eye on the 160-character counter.
  3. Add keywords, the author, the page's canonical URL, and the URL of the image to show when the page is shared.
  4. Check the Google search preview, then copy the generated HTML and paste it into your page's <head>.
  • Live Google search result preview
  • Title and description length counters
  • Instant one-click HTML code snippet copy

How long should a title tag and meta description be?

Google truncates snippets by pixel width rather than a fixed character count, but titles of roughly 50–60 characters and descriptions of roughly 150–160 characters usually display in full on desktop. Google may also rewrite them to better match a search query.

Does the meta keywords tag help SEO?

Google does not use the meta keywords tag for ranking. It's harmless to include a short, relevant list, but your time is better spent on a clear title, a compelling description, and good page content.

What are Open Graph and Twitter Card tags?

They control how your page looks when it's shared on social platforms. Open Graph tags (og:title, og:description, og:image) are read by Facebook, LinkedIn, and many messaging apps, while Twitter Card tags control previews on X. This generator creates both sets from the same inputs.

What size should my social share image be?

Use an image of about 1200×630 pixels (a 1.91:1 ratio). That size works for Facebook, LinkedIn, and X large image cards. Always use an absolute URL starting with https:// so platforms can fetch it.