Skip to main content
snaptools
Categories json csv text encoding hash formatters converters generators
Guides Pricing Sign in
chain
M
Meta Tag Generator
GOOGLE RESULT
SOCIAL CARD
HTML — paste inside <head>
generated client-side · nothing uploaded
// about this tool

Meta Tag Generator Online

Updated 2026-10-24

Generate SEO and social meta tags online for free. Fill in your title, description, URL, and image, preview how the page will look in Google results and on a social card, and copy a clean block of <meta> tags (SEO, Open Graph, and Twitter) ready to paste into your head. Everything runs in your browser, so nothing is uploaded.

Getting meta tags right is fiddly: search engines, Facebook, and Twitter each want their own properties, and a missing og:image or an over-long title quietly ruins how your links look when shared. This generator writes all three sets from a single form and shows live previews, so you can see exactly how the page will appear before you ship it, and the character counters keep your title and description within the lengths search engines display.

// how to use

  1. 1 Fill in your page title, description, canonical URL, and an optional social image.
  2. 2 Watch the Google result and social-card previews update as you type.
  3. 3 Click Copy HTML and paste the generated tags inside your page's head.

// examples

Basic SEO + social tags
Input
title "My Page", description "A great page", url https://example.com
Output
<title>My Page</title> plus description, Open Graph, and Twitter card meta tags.
With a social image
Input
image https://example.com/og.png
Output
Adds og:image and twitter:image so link shares show a preview picture.

// common uses

Adding SEO and social meta tags to a new page Previewing how a link will look when shared Standardising Open Graph tags across a site Fixing missing or truncated social previews

// faq

Is anything uploaded to a server?
No. The tags and previews are generated entirely in your browser, so nothing you type leaves your machine.
Which tags does it generate?
It produces the title and meta description for search engines, a canonical link, the Open Graph tags used by Facebook, LinkedIn, and most platforms, and the Twitter card tags, all from one form.
Where do I put the generated tags?
Paste them inside the <head> element of your HTML page, ideally near the top before any scripts, so crawlers and social scrapers read them first.
What image size should I use for og:image?
A ratio of roughly 1.91 to 1 works best (1200 by 630 pixels is the widely recommended size), so the picture fills the social card without being cropped awkwardly.
How long should the title and description be?
Aim for a title around 50 to 60 characters and a description around 150 to 160, so they display fully in search results without being truncated. The character counters help you stay in range.

// works with your data

QR Code Generator Slug Generator HTML Formatter URL Parser JSON to TypeScript Color Converter