Skip to content
Codemites
Schedule a Call

Generate meta tags

Generate HTML meta tags for SEO, Open Graph and Twitter Cards, with live Google and social previews. Copy the code into your page head. Free.

  • Files never leave your device
  • Free, no sign-up
  • No watermark
Loading tool…

About Meta Tag Generator

Get your pages looking right in Google and on social media. Fill in the title, description, URL, image and other details, and the tool shows live previews of your Google result and social share cards while it generates the matching HTML: standard SEO tags, Open Graph tags for Facebook and LinkedIn, and Twitter Card tags. Copy the code into your page’s head and you are done.

How to use Meta Tag Generator

  1. 1

    Enter your page title, description and URL.

  2. 2

    Add a share image and social details.

  3. 3

    Check the Google and social previews.

  4. 4

    Copy the HTML into your head tag.

Why use this tool

  • Basic SEO, Open Graph and Twitter Card tags.
  • Live Google search preview.
  • Social share card preview.
  • Character guidance for titles and descriptions.
  • Copy-ready HTML.

Frequently asked questions

Around 50–60 characters, so it is not cut off in search results.

Roughly 120–160 characters. Google may still rewrite it.

1200×630 pixels works well across Facebook, LinkedIn and X.

No. Major search engines ignore the keywords meta tag.

Inside the head element of each page, or in your CMS’s SEO settings.

No. Everything is processed in your browser tab. Nothing you type or paste is sent to CodeMites or any other server.

Yes. There is no account, no watermark and no usage limit. The tool runs in your own browser, so there is no server cost to charge you for.

Yes. It runs in any modern browser on Android and iOS as well as on Windows, macOS and Linux, with nothing to install.

Yes, once the page has loaded. Everything runs in your browser, so you can keep working on a train or plane without a connection.

Related tools

All Developer tools →