snaptools
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-07-09

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

No. The tags and previews are generated entirely in your browser, so nothing you type leaves your machine.
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.
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.
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.
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.
Esc
↑↓ navigate open Esc close