Meta tags are the lines in a page's head section that search engines and social networks read instead of the page itself. The title and description shape your Google snippet; Open Graph and Twitter Card tags decide the image, headline and text that appear when the link is shared. This generator writes them all from one form and shows the result as it will look.

Steps

1. 1 Enter the page title and description. The counters show the lengths that usually fit in search results — about 60 and 160 characters.
2. 2 Add the canonical URL, site name and a 1200×630 image. Choose the content type, locale and card layout; the three previews update as you type.
3. 3 Copy the generated tags and paste them inside the head section of your page, replacing any existing title and description tags.

Title and description

The title tag is the blue headline in search results and the browser tab. Keep it under about 60 characters and put the distinctive words first; Google truncates by pixel width, so wide letters eat space faster. The description is not a ranking factor but it is your advert in the results: 150–160 characters that say what the page offers and why to click. Google may replace it with text from the page when it judges that a better match.

Open Graph

Facebook, LinkedIn, WhatsApp, Slack and most chat apps read og:title, og:description, og:image and og:url to build a link preview. The image should be 1200×630 pixels (1.91:1), under 8 MB, and given as an absolute URL. og:type is website for most pages and article for posts; og:site_name shows above the headline on some networks. Without these tags a share may show a random image from the page or no image at all.

Twitter Cards

X uses its own tags but falls back to Open Graph for anything missing, so you mainly need twitter:card to choose the layout — summary_large_image for a full-width picture, summary for a small square thumbnail — and twitter:site for the account to credit. Title, description and image are repeated here for networks that read only the twitter: set.

Canonical URL and robots

The canonical link tells search engines which address is the original when the same content is reachable at several URLs (with and without parameters, http and https, trailing slash). Always use the full absolute URL. The robots tag is usually unnecessary — index, follow is the default — and is only worth adding to keep a page out of results with noindex.