Meta Description Generator
Type your meta description and watch a live Google SERP snippet update in real time. Check your character count, confirm your keyword is present, and copy the finished HTML tag in one click.
Google SERP preview
Approximate preview. Actual rendering varies by query and device.
HTML tag
<meta name="description" content="...">Paste inside the <head> of your page. Check all your meta tags with the Open Graph Checker.
Free, no sign-up. Works for any CMS or framework.
01 · How it works
Enter your page details
Type your page title, URL, and target keyword. These power the live Google SERP preview so you can see exactly how your result looks to searchers.
Write and refine your description
Type or paste your meta description. The character counter turns green at the optimal 50-160 character range, and a quality checklist confirms your keyword is included.
Copy the HTML tag
Click Copy to grab the finished meta description tag, then paste it into your page's head. No login and nothing to install.
What is a meta description?
A meta description is a short HTML attribute, typically one or two sentences, that summarises what a web page is about. It lives in the <head> of the page and is invisible to visitors. Search engines may use it as the snippet of text shown below the blue title in search results.
Because it is often the first copy a user reads after seeing your title in Google, a well-written meta description can significantly improve your organic click-through rate, even though it has no direct effect on your ranking position.
Meta description length: the character limit that matters
Google displays roughly 155-160 characters of a meta description on desktop and around 120 characters on mobile before truncating with an ellipsis. The exact cut-off varies because Google measures pixel width, not character count, but 150-160 characters is the safe target for most fonts.
Descriptions under 50 characters are usually too short to be informative and may be replaced by a Google-generated snippet. Descriptions over 160 characters risk being cut off at an awkward point. The generator above shows a live character count with a colour-coded bar so you can hit the sweet spot.
How to write a good meta description
The best meta descriptions do four things: they accurately summarise the page, they include the target keyword naturally, they offer a clear reason to click, and they fit within 155-160 characters. A practical approach:
- Start with the most important information. Google sometimes truncates from the end, so lead with your key point or offer.
- Include your target keyword once. Google bolds matching terms in the snippet, making your result more eye-catching in the results list.
- Use active, action-oriented language. Phrases like 'Learn how to', 'Get', 'See', or 'Discover' tell the reader exactly what they will find.
- Match search intent. A commercial page should communicate value (price, brand, offer). An informational post should promise a clear answer.
- Avoid duplicate descriptions. Each page on your site should have a unique meta description, or Google will often substitute its own.
Meta description best practices
Beyond length and keyword placement, a few other practices separate high-performing snippets from forgettable ones:
- Write for the human reader first, not the algorithm. The meta description is a call to action, not a place to stuff keywords.
- Use your brand name for high-intent or branded queries, where recognition builds trust.
- Include a differentiator: a number, a stat, a free tier, or a unique feature your competitors do not mention.
- Avoid quotation marks inside the description text, as they can break the HTML attribute if not escaped. The Copy button above handles escaping automatically.
- Test and iterate. If a page has good rankings but a low click-through rate in Google Search Console, rewrite the description and monitor the change over two to four weeks.
Does a meta description affect SEO?
Meta descriptions are not a direct Google ranking factor. Google's official guidance confirms that the meta description tag does not affect page rankings in web search. What it does affect, indirectly, is your organic click-through rate.
A higher click-through rate signals that your result is a good match for the query. Over time, pages that earn more clicks relative to their position may see ranking improvements, so the indirect SEO value is real. The description also controls your snippet in social shares and messaging apps, since platforms that do not read Open Graph tags fall back to the meta description.
Meta description vs title tag
The title tag (<title>) and the meta description serve different roles. The title tag is the blue clickable headline in the search result and is a confirmed ranking factor. The meta description is the grey summary text below it and is not a ranking factor.
For SEO, the title tag is the higher priority. For click-through rate, both matter equally: the title earns attention, and the description earns the click. Write both for every important page, keep them unique, and treat them as a team: the title states the topic, the description sells the visit.
Meta description examples by page type
Here are examples for the most common page types, each within the 155-160 character target:
- Blog post: 'Learn how to write a meta description that boosts click-through rate. Includes character limits, examples, and a free live preview tool.'
- Product page: 'ScreenshotRender API captures any URL as a pixel-perfect PNG or PDF. From $0. No setup required. Pay only when the screenshot succeeds.'
- Category page: 'Browse free screenshot and web tools: OG tag checker, favicon grabber, full-page screenshot, and more. All free, no account needed.'
- Landing page: 'Turn any URL into a screenshot in seconds. Trusted by developers for automated social images, visual testing, and PDF reports.'
- Homepage: 'ScreenshotRender takes screenshots of any URL via API. Pay per success, no monthly fee, handles cookies and Cloudflare automatically.'
How to add a meta description in WordPress, Shopify, and Next.js
How you add a meta description depends on your platform:
- WordPress: Install a plugin such as Yoast SEO, Rank Math, or All in One SEO. Each adds a field in the post or page editor where you can type the description directly.
- Shopify: In the admin, open the product, collection, blog post, or page you want to edit. Scroll to the 'Search engine listing preview' section and click 'Edit website SEO' to enter a description.
- Next.js (App Router): Export a
metadataobject from your page file:export const metadata = { description: 'Your description here' };Next.js writes the tag to the head automatically. - Plain HTML: Add
<meta name="description" content="Your description here">inside the<head>of the page. Use the Copy button above to get the ready-formatted, escaped tag. - Hugo, Gatsby, Astro: All have a built-in SEO component or a site config field for the description. Check your theme's documentation for the exact field name.
What to do when Google rewrites your meta description
Google rewrites meta descriptions in about 60-70% of cases according to multiple studies. It is not a penalty: it means Google found a passage on the page that it thinks better matches the specific query that triggered the result.
The best way to reduce rewrites is to write a description that closely matches the most common intent for the page and that genuinely summarises the content Google will find when it crawls the page. If Google consistently replaces your description on a particular page, read the snippet it chooses: that passage is likely the best natural summary already, and you can revise your meta description to reflect it.
For pages where click-through rate is critical, use Google Search Console to see which queries are triggering rewrites, then adjust your description to address those specific intents. You can also check your current meta description for any page with the Open Graph Preview checker.
More free tools
Favicon Checker & Grabber
Find, preview, and download any website's favicons.
Full Page Screenshot
Capture the entire scrolling webpage of any URL.
OG Image Generator
Design and download a 1200×630 Open Graph image for any page.
Open Graph Preview & Checker
Test how any URL looks when shared on social media.
Twitter/X Card Generator & Preview
Generate twitter: meta tags and preview your X card live.
Webpage to Image
Turn any public URL into a downloadable image.
FAQ
Common questions
Everything about the Meta Description Generator.
Common questions
A meta description is a short HTML tag inside the head of a web page that summarises the page content in one or two sentences. Search engines like Google may display it as the grey snippet of text shown below the blue title in search results. It is not visible on the page itself.
Aim for 50 to 160 characters. Google displays roughly 155-160 characters on desktop before truncating. Descriptions under 50 characters are usually too short and may be replaced by a snippet Google generates from the page content. The generator above shows a colour-coded character counter to help you stay in the optimal range.
There is no hard technical limit on the length of a meta description tag, but Google truncates the visible snippet at around 155-160 characters on desktop and roughly 120 characters on mobile. Anything beyond those limits gets cut off with an ellipsis, so it is best to keep your most important information within the first 155 characters.
No, meta descriptions are not a direct Google ranking factor. Google has confirmed this officially. However, a well-written description can improve your organic click-through rate, which is an indirect signal that may influence rankings over time. The description also controls the snippet shown in social shares and messaging apps for pages without Open Graph tags.
Include your primary keyword used naturally, a clear benefit or promise that tells the visitor what they will find, a differentiator that sets the page apart from competitors, and ideally a sense of value such as free, no account required, or a specific number. Keep it to one or two punchy sentences.
Google rewrites meta descriptions in about 60-70% of cases. It rewrites when it finds a passage on the page that better matches the specific query that triggered the result. To reduce rewrites, write a description that closely matches the most common search intent for the page and accurately reflects the content Google will find when it crawls the page.
The title tag is the blue clickable headline in the search result and is a confirmed Google ranking factor. The meta description is the grey summary text below it and is not a ranking factor. For SEO, the title tag is the higher priority. For click-through rate, both matter: the title earns attention, and the description earns the click.
Install an SEO plugin such as Yoast SEO, Rank Math, or All in One SEO. Each adds a meta description field directly in the post or page editor. Type your description there and save. The plugin writes the tag to the page head automatically.
In the Shopify admin, open the product, collection, blog post, or page you want to edit. Scroll down to the Search engine listing preview section and click Edit website SEO. Type your description in the meta description field and save.
If you leave the meta description empty, search engines will generate a snippet automatically from the page content, usually pulling the first passage they consider relevant to the query. These auto-generated snippets are often less compelling than a hand-written description, and you lose control over the message that drives clicks.
No. Duplicate meta descriptions are flagged as an issue in Google Search Console. Each page should have a unique description that reflects that page's specific content and target keyword. Duplicate descriptions give Google no useful signal to differentiate your pages for different queries.
It is a single self-closing tag placed inside the head element, with the name attribute set to description and the content attribute holding your description text. Use the Copy button in the generator above to get the ready-formatted tag, with any special characters properly escaped.
Lead with the product name or category and include the primary search keyword, then add the strongest differentiator: price, free tier, shipping speed, or a key feature. Finish with a light call to action. Example: ScreenshotRender API captures any URL as a pixel-perfect PNG or PDF. From $0. Pay only when the screenshot succeeds.
Paste your page URL into the Open Graph Preview tool on this site. It fetches the live meta description from the page and shows it alongside the og:description and twitter:description tags. You can also right-click any page, choose View Page Source, and search for the text meta name description.
Not necessarily. For branded or high-intent queries your brand name can build trust and recognition. For informational or discovery queries, the space is better spent on the keyword and the benefit. Google often appends the site name to the snippet title automatically, so the brand is already visible to the searcher.
Yes, completely free with no account required. Type your page details, preview the SERP snippet, check the character count, and copy the finished HTML tag. Nothing is stored or sent to a server.
Get Started
Need to generate og:images at scale?
ScreenshotRender renders pixel-perfect 1200×630 social images from any URL or HTML template. Start free with 100 screenshots, no credit card.
Want to integrate via API? Get your key here