Generate complete SEO meta tags, Open Graph tags, and Twitter Cards for your website. See live Google, Facebook, and Twitter previews as you type.
Meta tags are snippets of HTML code that provide structured information about a web page to search engines and social media platforms. They live in the <head> section of your HTML and are not visible to visitors browsing the page. Despite being invisible, they have a significant impact on how your page appears in search results, social shares, and browser tabs.
The most important meta tags for SEO are the title tag and the meta description. The title tag determines the clickable headline that appears in Google search results. The meta description provides the summary text below that headline. Together, they form your page's first impression in search results and directly influence click-through rates.
Beyond basic SEO, meta tags also control how your content appears when shared on social platforms through Open Graph (Facebook, LinkedIn) and Twitter Card tags. These protocols let you specify exactly what image, title, and description appear in social posts, rather than leaving it to the platform's scraper to guess.
The title tag is the single most important on-page SEO element. It should contain your primary keyword, accurately describe the page content, and stay within 50-60 characters to avoid truncation in search results. Google measures the title display width in pixels (approximately 580px), so titles with wider characters like uppercase W or M may truncate sooner than titles using narrower characters.
The meta description should summarize your page content in 150-160 characters. While Google does not use the meta description as a direct ranking factor, it heavily influences CTR. A compelling description that includes relevant keywords (which Google bolds in results) can meaningfully increase your organic traffic without changing your ranking position.
The canonical URL tag tells search engines which version of a page is the "official" one. This prevents duplicate content issues when the same page is accessible through multiple URLs (with or without www, with tracking parameters, etc.). Every page should have a canonical tag pointing to its preferred URL.
The robots meta tag controls how search engines index and follow links on your page. The default behavior is index, follow, meaning the page will be indexed and its links will be crawled. Use noindex for pages you want to keep out of search results, and nofollow to prevent search engines from following links on the page.
Open Graph is a protocol originally created by Facebook that standardizes how web pages are represented when shared on social media. When someone shares a link on Facebook, LinkedIn, Pinterest, or most messaging apps, the platform reads the Open Graph tags to determine what image, title, and description to display in the share card.
The four required Open Graph properties are og:title, og:type, og:image, and og:url. The og:description, og:site_name, and og:locale properties are optional but recommended. If you omit OG tags, platforms will attempt to scrape the information from your page content, which often produces poor results -- a random image from the page, truncated text, or no preview at all.
The OG image is arguably the most impactful social tag because visual content dominates social feeds. Use an image that is at least 1200x630 pixels for optimal display across platforms. The image should be relevant to the page content and compelling enough to stop users from scrolling past.
Twitter Cards extend your tweets with rich media attachments. When someone shares a URL that has Twitter Card tags, Twitter displays a card below the tweet with the page's image, title, and description. There are four card types, each suited for different content.
The summary card shows a small square thumbnail next to the title and description. It works well for general articles and pages where the image is supplementary rather than central.
The summary_large_image card displays a large, prominent image above the title and description. This is the most popular type for blog posts, news articles, and landing pages because the large image captures more attention in the feed.
The app card is designed specifically for mobile applications, displaying a name, description, icon, rating, and a download button. The player card embeds playable media (video or audio) directly in the tweet. Both require approval from Twitter before they function.
Twitter falls back to Open Graph tags when its own card tags are not present. If you set og:title, og:description, and og:image, Twitter will use those values. Adding dedicated Twitter Card tags gives you more control over the Twitter-specific appearance.
Write meta descriptions as a pitch to the searcher. They have already typed a query into Google. Your description needs to convince them that your page has the answer. Include your primary keyword naturally -- Google bolds matching terms in the description, which draws the eye.
Keep descriptions between 150 and 160 characters. Google truncates longer descriptions, and shorter ones waste valuable real estate. Use the full space to communicate your page's value proposition. Avoid filler phrases that do not add information.
Each page on your site should have a unique meta description. Duplicate descriptions across multiple pages make it harder for searchers to distinguish between your pages and can signal low-quality content to search engines. If writing unique descriptions for hundreds of pages seems impractical, prioritize your highest-traffic pages first.
Avoid using quotation marks in meta descriptions. Google sometimes truncates descriptions at the quotation mark. If you need to reference a quote, use single quotes or rephrase the text.
Do not stuff keywords into the meta description. Google's algorithm is sophisticated enough to understand topical relevance without keyword repetition. One or two instances of your primary keyword is sufficient. Focus the rest of the description on communicating value and encouraging the click.
Google has officially stated that it does not use the meta keywords tag as a ranking signal. It stopped using it in 2009. However, some smaller search engines like Yandex may still consider it. Including a few relevant keywords does not hurt, but do not invest significant time in the keywords meta tag. Focus your efforts on the title tag and meta description instead, as those directly impact how your page appears in search results.
When OG tags are missing, social platforms will try to scrape your page content automatically. Facebook might pull a random image from your page (often a logo, sidebar image, or advertisement), and the title and description may be truncated or irrelevant. The result is an unappealing share card that gets fewer clicks. Setting explicit OG tags ensures you control exactly what appears when your content is shared.
Facebook recommends 1200 x 630 pixels for optimal display across all devices. Twitter recommends a 2:1 aspect ratio for summary_large_image cards, with a minimum of 300 x 157 pixels and a maximum of 4096 x 4096 pixels. For best cross-platform results, create images at 1200 x 630 pixels. Keep file sizes under 5MB, and use JPG or PNG formats.
Yes. Since 2021, Google has been actively rewriting title tags when it believes its version will be more useful to searchers. Common reasons for rewrites include titles that are too long, stuffed with keywords, do not match the page content, or use boilerplate formatting. To minimize rewrites, write concise and accurate titles under 60 characters that closely match your H1 heading and page content.
Using the same title is perfectly fine and is the simplest approach. However, you may want different titles for each context. Your title tag should be optimized for search (including keywords, staying under 60 characters). Your OG title is optimized for social sharing, where you have slightly more character space and might use a more conversational or attention-grabbing format. This generator defaults the OG title to your page title but lets you customize it separately.
This generator runs entirely in your web browser using JavaScript. No data is transmitted to any server, and nothing is stored beyond your current browser session. Your page titles, descriptions, URLs, and all other inputs remain on your device. You can verify this by checking the Network tab in your browser's developer tools while using the tool.