No upload to server Fast Free

Open Graph / Twitter Card Tag Generator

Generate OG tags and Twitter Card tags for better share previews — copy ready-to-paste HTML instantly.

Page URL (canonical)

Use the exact public URL you want shared and indexed.

Title

Description

Tip: keep it clear and under ~160 characters.

Open Graph type

Locale (optional)

Site name (optional)

Preview image

Recommended: a readable 1200×630 image (large text, high contrast).

Image URL

Image alt (optional)

Twitter Cards

Card type

twitter:site (optional)

twitter:creator (optional)

Generated HTML

Paste these tags inside the <head> of your page.

<link rel="canonical" href="https://toolsofweb.com/">
<meta property="og:title" content="ToolsOfWeb – Free Online Tools">
<meta property="og:description" content="Fast, privacy-first tools that run locally in your browser: PDF, images, developers, calculators, and more.">
<meta property="og:url" content="https://toolsofweb.com/">
<meta property="og:site_name" content="ToolsOfWeb">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ToolsOfWeb – Free Online Tools">
<meta name="twitter:description" content="Fast, privacy-first tools that run locally in your browser: PDF, images, developers, calculators, and more.">

Quick checks

Use the exact canonical URL (avoid http/https or www/non-www mismatches).
Use a strong preview image (1200×630 recommended).
Keep title and description consistent with on-page content.

Open Graph tag generator + Twitter Card tag generator (SEO for social sharing)

Social share previews can change click-through rate. If your site shows the wrong title, missing description, or no image when shared, you typically need Open Graph meta tags and Twitter Card tags. This tool generates the most common OG + Twitter tags and outputs clean HTML you can paste into your page’s <head>.

Need a full checklist and common fixes? Read: Open Graph & Twitter Card Tags – Fix Social Share Previews.

Best practices to improve previews

Use a unique title and description that matches the page content.
Use a single canonical URL format (avoid duplicates across environments).
Use a readable OG image (1200×630 recommended) with high contrast and large text.
Keep tags consistent across OG and Twitter to avoid mismatched previews.

FAQs

What are Open Graph (OG) tags?+

Open Graph tags are meta tags used by platforms like Facebook, LinkedIn, and others to generate a rich share preview (title, description, image).

What are Twitter Card tags?+

Twitter Card tags control how your page looks when shared on X/Twitter. Common cards are summary and summary_large_image.

What is a good Open Graph image size?+

A common recommendation is 1200×630 for a large, readable preview image. Use high contrast and large text for clarity.

Is this tool free to use?+

Yes. ToolsOfWeb tools are free to use.

Do I need to create an account?+

No. No sign-up is required.

Related Tools

Want guides and tips? Visit the ToolsOfWeb blog or go back to the homepage.

AdSense placeholder (in-content)