Meta Tag Generator
Build your title tag, meta description, Open Graph tags, and Twitter card code in under two minutes. Live preview shows exactly how your page will look in Google and on social media before you publish.
Your Page Title
Your meta description will appear here. Write a compelling summary of 120 to 155 characters to encourage clicks from search results.
yoursite.com
Your Page Title
Your meta description will appear here.
Enter a page title or description above to generate your meta tags.
What Are Meta Tags?
Getting these right costs almost no time with a meta tag generator, but the impact on search click-through rate and social sharing can be significant. A well-written title and description is often the single highest-leverage copywriting on a page.
Title Tag Best Practices
The title tag appears as the clickable headline in Google search results and in the browser tab. It is the single most important on-page SEO element.
50 to 60 characters
Google displays roughly 600 pixels of title text, which maps to about 50 to 60 characters on average. Titles shorter than 50 characters miss an opportunity to include your primary keyword and brand. Titles over 60 characters get truncated with an ellipsis.
- 01Put the primary keyword close to the front of the title where it carries more weight.
- 02Include the brand name at the end, separated by a pipe or a vertical bar.
- 03Make it specific to the page. Generic titles like Home or Services tell neither users nor Google what the page is about.
- 04Every page on your site should have a unique title. Duplicate titles confuse Google and waste crawl budget.
- 05Do not keyword-stuff. One clear, readable phrase beats a string of repetitive terms.
Meta Description Best Practices
The meta description is the grey text block under your title in search results. It is not a direct ranking signal, but it is the primary copy that convinces a searcher to click. Treat it as ad copy for your page.
120 to 155 characters
Below 120 characters and you are leaving useful real estate on the search result unused. Above 155 and Google cuts your description with an ellipsis, which often breaks the meaning mid-sentence. This meta description generator shows a live character count and turns the counter terracotta when you exceed the limit.
- 01Include the primary keyword naturally. Google bolds matching words in the snippet, which draws the eye.
- 02State a clear benefit or action. What does the user get by clicking?
- 03Include a subtle call to action where appropriate. Words like learn, discover, or get started add intent.
- 04Match the description to the page content. Misleading descriptions hurt dwell time and increase bounce rate.
- 05Write a unique description for every page. Duplicate descriptions signal low effort to Google.
Open Graph and Twitter Cards
When someone shares your URL on Facebook, LinkedIn, WhatsApp, or Twitter, those platforms read specific tags from your page to build the share preview. Without them, platforms pick arbitrary text and images, often with poor results. This open graph generator creates both OG and Twitter card code in one pass.
- og:title
- og:description
- og:image
- og:url
- og:type
- og:site_name
Used by Facebook, LinkedIn, WhatsApp, Slack, and most platforms that support the Open Graph protocol.
- twitter:card
- twitter:title
- twitter:description
- twitter:image
- twitter:site
Twitter reads twitter: tags first, then falls back to og: tags. Set both for full control across platforms.
The og:image is the most impactful single tag. Use a 1200 by 630 pixel image. Platforms that do not receive an image either show no preview or pull a random image from the page.
Do Meta Tags Affect Rankings?
The answer depends on which tag you mean.
The title tag is a direct ranking signal. Google reads it to determine what your page is about and uses it to match queries. Placing your primary keyword close to the front of the title improves both relevance and click-through rate in search results.
The meta description is not a direct ranking factor. Google has confirmed this publicly. It does, however, directly influence click-through rate, because it is the copy a searcher reads before deciding to visit. Higher CTR sends a positive engagement signal, which can improve ranking indirectly over time.
Open Graph tags do not directly affect Google rankings. They control how your page looks when shared on social platforms, which can drive traffic and brand signals, both of which support organic performance over time.
The meta keywords tag has no ranking value. Google and Bing both ignore it. Do not spend time on it. Focus instead on the title tag, on-page content, and heading structure.
For a full picture of how your site is performing in search, our SEO and GEO service covers technical audits, content strategy, and generative engine optimization for GCC markets.
How to Use This Meta Tag Generator
The tool updates all previews and code in real time as you type. No submit button required.
- 01Enter your page title in the Page Title field. Keep it between 50 and 60 characters. The character counter turns green when you are in range and terracotta when you exceed 60.
- 02Write your meta description between 120 and 155 characters. Include your primary keyword naturally and state the value the reader gets by clicking.
- 03Paste the full page URL in the Page URL field. This populates the og:url tag and the canonical link element.
- 04Add your site name. This fills the og:site_name tag and appears in the social card domain row.
- 05Enter the URL of your Open Graph image. Use an image that is 1200 by 630 pixels. The social card preview on the right updates live so you can see how it will look.
- 06Optionally add your Twitter handle and choose a card type. Large Image is recommended for content with strong visuals.
- 07Click Copy Code. The complete block of meta tags is copied to your clipboard, ready to paste into your HTML head element or CMS.
How to Add Meta Tags to Your Site
Once you have generated your code, paste it inside the head element of your HTML. The method depends on your platform.
Open your HTML file and paste the generated tags directly inside the head element, before the closing head tag.
Install the Yoast SEO or Rank Math plugin. Both have a dedicated meta tags section on every post and page editor screen where you paste the title and description. They handle the og: and twitter: tags automatically.
Go to Online Store, then Themes, then Edit Code. Open theme.liquid and locate the head section. Paste the og: and twitter: tags there, or use a Shopify SEO app to manage them per-product.
Export a metadata object from your page or layout file. Next.js compiles it into the correct meta tags at build time. If you need custom og: or twitter: tags, use the openGraph and twitter keys in the metadata object.
Go to Page Settings and fill in the SEO Title and Meta Description fields. For Open Graph, scroll to the Open Graph Settings section in the same panel.
If your site needs a broader SEO audit, our SEO and GEO service covers technical health, on-page optimization, and content strategy end to end. You can also try our HTML editor to test your meta tag code in the browser before deploying.
Frequently Asked Questions
How long should a title tag be?
Aim for 50 to 60 characters. Google typically displays the first 50 to 60 characters in search results, though it renders by pixel width, not character count. Titles that exceed 60 characters are often truncated with an ellipsis, cutting off your message.
How long should a meta description be?
Keep it between 120 and 155 characters. Descriptions shorter than 120 characters may leave value on the table. Descriptions longer than 155 characters are commonly truncated in search results. Google rewrites descriptions it considers unhelpful, so write them for the reader, not just the crawler.
Do meta keywords still matter?
No. Google and Bing have both confirmed they ignore the meta keywords tag and have done so for many years. Spending time on it has no SEO value. Focus on your title tag, meta description, Open Graph tags, and the quality of your on-page content instead.
What is an Open Graph image?
An Open Graph image (og:image) is the image that appears when your page is shared on Facebook, LinkedIn, WhatsApp, and other platforms that read OG tags. The recommended size is 1200 by 630 pixels. Without an og:image, platforms pick any image from the page or show a blank card, which harms click-through on social.
Where do I put these tags?
All meta tags go inside the head element of your HTML page, before the closing head tag. In WordPress, use a plugin such as Yoast SEO or Rank Math. In Shopify, edit the theme.liquid file or use a meta fields app. In Next.js, use the Metadata API or add them directly in a layout file.
Meta tags are the start. Strategy is the edge.
We build SEO and content strategies that drive compounding organic growth for GCC brands, from technical foundations to content that ranks and converts.