OG / Meta Tag Generator
Generate Open Graph, Twitter Card, and HTML meta tags ready to paste into your <head>. Character counters for title and description included.
Page Details
Generated Tags
<!-- Primary Meta Tags --> <meta name="robots" content="index,follow" /> <html lang="en"> <meta name="theme-color" content="#3b82f6" />
Paste these tags inside your HTML <head> element.
Open Graph Tags for Social Sharing
Open Graph tags are HTML meta tags that give social networks — Facebook, LinkedIn, Slack, Discord, WhatsApp — the information they need to create rich link previews. Without them, platforms guess your page title and image, usually with poor results. The most important OG tags are og:title, og:description, and og:image. The canonical URL should be set in og:url to prevent confusion when users share deep links or query-string variations of your page.
Keep your og:title under 60 characters and your og:description under 160 characters to avoid truncation. Use an image at 1200×630 px for the best display across all platforms.
Twitter Card Tags
Twitter uses its own set of meta tags to render link previews (called Twitter Cards) independently from Open Graph. The twitter:card type controls the layout — summary_large_image is the most widely used because it renders a large image above the tweet text. Set twitter:site to your brand's Twitter handle (e.g. @mybrand) and twitter:creator to the author's handle.
If both OG and Twitter tags are present, Twitter uses its own tags first and falls back to OG tags for any missing values. You can validate your Twitter Card output using Twitter's Card Validator tool.
SEO Meta Tags Best Practices
The <title> tag and meta description are the two most important on-page SEO elements. Titles should be 50–60 characters and include your primary keyword near the front. Descriptions should be 150–160 characters and act as a call-to-action in search results.
Use the meta robots tag carefully — setting noindex on pages you don't want indexed (admin pages, staging environments, duplicate content). The canonical URL prevents duplicate content penalties when your page is reachable via multiple URLs. The theme-color meta tag controls the browser chrome color on mobile devices and PWAs.
Frequently Asked Questions
What are Open Graph tags?
Open Graph (OG) tags are HTML meta tags that control how your page appears when shared on social networks like Facebook, LinkedIn, and Slack. They define the title, description, image, and URL that social platforms display in link previews. Without OG tags, platforms try to infer this information from your page content — often with poor results.
What size should the og:image be?
The recommended og:image size is 1200×630 pixels (1.91:1 aspect ratio). This renders well on Facebook, LinkedIn, and most other platforms. For Twitter's summary_large_image card, the same 1200×630 size works. Keep file size under 8 MB and use JPEG or PNG format for best compatibility.
What are the different twitter:card types?
There are four Twitter card types: summary (small thumbnail + text, default), summary_large_image (large image with text below — most commonly used for blog posts and landing pages), app (links to an app in the App Store or Google Play), and player (embeds audio or video content). For most websites, summary_large_image gives the best visual impact.
What is the canonical tag used for?
The canonical tag (<link rel="canonical">) tells search engines which URL is the definitive version of a page when the same content is accessible via multiple URLs. This prevents duplicate content issues. For example, if your page is reachable at both http and https, or with and without trailing slashes, the canonical URL tells Google which version to index and which to ignore.
What does meta robots noindex do?
The meta robots tag with noindex tells search engine crawlers not to include that page in their search index. This is useful for admin pages, thank-you pages, staging environments, or any page you don't want appearing in search results. Combining noindex with nofollow also prevents the crawler from following any links on the page.