Skip to content
Node-devs logo

Free Tools

Developer tools

Meta Tag & Open Graph Generator

Get your title, description and social sharing tags right - with a live preview.

Runs in your browser · files never leave your device

Loading tool…

What you get with the Meta Tag & Open Graph Generator

  • Title, description, canonical, robots, language, theme colour and favicon tags
  • Open Graph and Twitter / X card tags with live social preview
  • Google result preview for desktop and mobile, with title pixel width
  • Robots controls: noindex, nofollow, noarchive, nosnippet, large image previews
  • hreflang alternates for multilingual sites
  • JSON-LD schema for Organization, WebSite, Article, Product, LocalBusiness, FAQ and Breadcrumbs
  • SEO checklist score and one-click copy of everything

How to use the Meta Tag & Open Graph Generator

  1. 1

    Fill in the title, description, URL and image.

  2. 2

    Check the previews.

  3. 3

    Copy the generated tags into your <head>.

The meta tags every page needs

Search engines and social networks read a handful of tags in the page head to decide how to show your page. A clear title and description decide whether people click, a canonical tag prevents duplicate-content problems, robots directives control indexing, and Open Graph tags control the card that appears when your link is shared on Facebook, LinkedIn, WhatsApp or X.

Writing a good title and description

  • Keep titles to about 30 to 60 characters (and under roughly 580 pixels) so they are not cut off.
  • Put the main topic first and your brand last.
  • Write the description as a promise of what the reader will learn, at 70 to 160 characters.
  • Make each page unique. Google may rewrite them, but good ones still win clicks.

Why add structured data?

JSON-LD schema describes your page in a machine-readable way. It can make pages eligible for rich results such as FAQs, product details and breadcrumbs where Google supports them. Only mark up what visitors can actually see on the page. Validate the output with Google's Rich Results Test.

See the full technical SEO checklist for everything else that affects crawling and ranking.

Need a custom tool for your business?

Node-devs builds web apps, automations and internal tools like this one - fast.

Talk to our team