Meta Tag Generator: look right on Google and in social shares.

What do meta tags do?

Meta tags are short pieces of code in a page’s <head> that visitors never see. Google usually takes the title and description it shows in search results from them. When a link is shared on WhatsApp, LinkedIn, Facebook or X, the card’s title, description and image come from these tags too. If they are missing, the platform picks random text and images from the page, and the result often looks poor and gets few clicks.

Which tags does this tool create?

• Title and description: the headline and snippet shown in search results. The site name is added to the title with the separator you choose.
• Canonical: declares the page’s main URL so the same content is not indexed under several addresses.
• Robots: tells search engines whether to index the page and whether large image previews are allowed.
• Open Graph: the share tags used by Facebook, LinkedIn, WhatsApp and most messaging apps (og:title, og:description, og:image…).
• Twitter Card: the card type, account, title and image for shares on X.
• Article tags: published and modified dates, author, section and tags for blog posts.

How to use it

• Fill in the form. The notes on the right show whether the title will be cut, how long the description is and whether the image is suitable.
• Switch between the Google and share previews to check both.
• Copy the code into your page’s <head>. On WordPress with an SEO plugin such as Yoast or Rank Math, enter the same details in the plugin’s fields instead; do not add the tags twice.
• After publishing, confirm the card with the Facebook Sharing Debugger and LinkedIn Post Inspector.

Limitations

Google does not always show your title and description as written; it may pick other text from the page for a given query. Pixel width is an estimate and the previews are representative: each platform renders cards in its own design. The tool does not open your page or read existing tags; it is for writing new ones.

The tag set and order, including how the title is joined with the site name, the Open Graph and Twitter Card tags, image type and article tags, are adapted to browser JavaScript from Mohammad Javad Ebrahimi’s open-source SeoTags project (MIT license). Thanks for the work.