WerklyTools
Esc
↑↓ navigate↵ open
EN
Buy me a coffee

Meta tags generator for SEO and social media

Write your page title and description and get the HTML block with basic meta tags, Open Graph and Twitter Card. You will see how it looks on Google and when shared on social networks, with warnings if the text is too long or short.

Processed 100% in your browser

Google preview
Share preview

Ctrl + Enter runCtrl + C copy result

How to use

  1. 1Write your page title and description.
  2. 2Add the URL, site name and share image.
  3. 3Check the Google and social media previews.
  4. 4Copy the code and paste it inside the head tag of your HTML.

Use cases

  • Prepare the head of a new landing page.
  • Improve how a link looks when shared on WhatsApp, Facebook or X.
  • Check whether the title and description fit in Google results.
  • Generate tags for a blog or shop without plugins.

Frequently asked questions

How long should the title and description be?

As a guide, about 60 characters for the title and 120 to 160 for the description. Google may cut anything longer, and the tool warns you.

What is Open Graph?

It is a set of tags created by Facebook that WhatsApp, LinkedIn and other platforms also use to show a title, description and image when a link is shared.

What size should the share image be?

Typically 1200 × 630 pixels, as JPG or PNG, with a full address starting with https://.

Where do I paste the generated code?

Inside the head tag of each page, before </head>. In WordPress and other CMSs, use the header code field or your SEO plugin.

Related tools

Base64 encoder and decoderConvert text or any file to Base64 and back. Supports the URL-safe variant, line breaks and data URI prefixes, and detects when decoded content is binary.
Code to imageCreate attractive code screenshots for social media, slides, blogs or documentation. Paste your code, pick a language, theme and background, and download a crisp PNG or a scalable SVG.
Cron expression generator and translatorType a cron expression or build it field by field, and the tool tells you in plain words when it will run, plus the next ten dates. That way you can confirm a scheduled task will do what you expect before putting it on the server.
CSS minifier and beautifierShrink your stylesheets by removing comments, whitespace and empty rules, or do the opposite: turn minified CSS into readable, indented code. You will see the original size, the final size and the gzipped size.
HTML formatter and minifierPaste messy or single-line HTML and get clean, indented code that is easy to read and review. You can also do the opposite and minify it to make it smaller. Everything happens in your browser and your code is never sent anywhere.
JavaScript minifier and beautifierCompress your JS by stripping comments and whitespace and shortening names, or format a minified script so it is readable. Powered by Terser, right in your browser.