Enter Your Page Details
Fill in the fields below. The SERP (Search Engine Results Page) preview updates instantly as you type. All processing happens locally in your browser - nothing is sent to any server.
The primary target keyword is the exact word or phrase you want your page to rank for in Google. When entered, it will be bolded inside the description preview - just like Google bolds matched search terms in live results.
The URL slug is the human-readable
part of a web address that follows the domain name
(e.g., example.com/your-slug-here).
It appears as the green URL line in the search result.
The meta title (also called the
<title> tag) is the large blue clickable headline
shown in search results. It is the single most important on-page SEO
factor. Aim for 40-60 characters. Beyond 60 characters,
Google typically truncates the display using
pixel width truncation - cutting off
the title when it exceeds roughly 600 pixels wide in Google's rendering
font.
The meta description is the short paragraph of gray text shown beneath the title in search results. While it is not a direct Google ranking signal, a compelling description directly improves your click-through rate (CTR), which influences long-term rankings. Target 120-155 characters for desktop. Search engines match the description to search intent - the underlying reason behind what a user is searching for - so write for humans first.
Live Google SERP Preview
This simulates how your page will appear on Google. The preview uses exact Google fonts and colors. Text that exceeds display limits is shown with trailing dots (...) - called an ellipsis truncation - matching how Google clips results in real SERP listings.
Copy Your HTML Code
Paste these tags inside the <head> section of your webpage.
They control what Google reads and displays in search results.
<!-- Paste inside your <head> tag --> <title>Your Meta Title Will Appear Here</title> <meta name="description" content="Your meta description will appear here. Write a compelling summary of your page that encourages users to click." />
The Ultimate Guide to Writing High-Converting Meta Tags
Everything a content creator, marketer, or developer needs to know about meta titles and descriptions - and why they directly impact your organic search performance.
The Anatomy of a Perfect Search Snippet - Best Practices Checklist
- Keep your title between 40 and 60 characters. Titles shorter than 40 characters waste valuable search real estate. Titles longer than 60 characters will be visually cut off by Google's display engine, hiding your call-to-action or brand name from searchers.
- Lead with your target keyword in the title. Place the most important keyword as close to the beginning of your title tag as possible. Google reads left to right, and users scan the same way. Front-loading the keyword improves relevance scoring and visual prominence.
- Write descriptions between 120 and 155 characters. Under 120 characters and Google may pull a random excerpt from your page body instead. Over 155 and the description is cut off mid-sentence, which looks unprofessional and reduces click-through rates.
- Include a clear action phrase in your description. Words like "Learn," "Download," "Discover," "Compare," and "Get" directly communicate value to the searcher and create a psychological pull toward clicking your result over competitors.
- Match your description to search intent. A page targeting "buy running shoes" should have a very different description than one targeting "how to choose running shoes." The first requires urgency and pricing language; the second needs educational and trust-building language.
- Include your brand name in the title (usually at the end). Use a separator like a hyphen or pipe symbol followed by your brand name. Example: "Free Invoice Template - YourBrand." This builds recognition over repeat impressions, even when users do not click.
- Each page on your site must have a unique title and description. Duplicate meta tags are a significant technical SEO problem. Google interprets duplicate titles as thin or copied content, which suppresses rankings for all affected pages simultaneously.
- Do not stuff keywords unnaturally. Writing "Free Invoice Template | Invoice Template Free | Free Template Invoice" will be flagged by Google as keyword stuffing. Write for humans. Google's algorithms are sophisticated enough to understand semantic meaning and natural phrasing.
Frequently Asked Questions About Meta Tags
<title> tag - is the single most powerful on-page SEO signal available to website owners. It tells Google's crawlers exactly what your page is about, and it is the first thing a human sees when your result appears in search. Unlike body text, headings, or internal links, the title tag carries direct ranking weight inside Google's core algorithm. A poorly written title can cause a well-written page to rank on page three while a competitor with weaker content but a sharper title ranks on page one.
Beyond raw rankings, your title is the primary driver of click-through rate (CTR). Google treats CTR as a behavioral signal - if users consistently skip your result in favor of a competitor's, Google interprets your page as less relevant and lowers its ranking over time. Conversely, a title that earns an above-average CTR compared to pages at the same ranking position can cause Google to increase your position organically, even without new backlinks or content changes. This makes the title tag both an SEO tool and a copywriting tool simultaneously.
More importantly, Google frequently rewrites or replaces your meta description entirely based on what the specific user searched for. If a user searches for a term that appears in your page body but not in your written description, Google may replace your description with an extracted quote from your page that better answers that specific query. Studies have found that Google rewrites meta descriptions in over 60% of search results. This is not a failure on your part - it is Google's system working to maximize user satisfaction. The solution is to still write an excellent description, because it will be shown for branded searches, direct navigation queries, and cases where your description already matches the search intent well.
Second, they include a concrete value proposition or differentiator - something that separates your page from the ten other results visible on the same screen. Words like "step-by-step," "in 5 minutes," "free," "no sign-up," "expert-reviewed," "2024 update," or "includes examples" all add specific, verifiable value that generic descriptions lack.
Third, they use active, direct language. Passive voice and vague phrasing reduce urgency. Compare "Information about invoices can be found here" with "Download a free invoice template, customize it in 2 minutes, and send it today." The second version is specific, active, and creates forward motion in the reader's mind.
Fourth, the best descriptions end near (but not over) the 155-character limit, because longer descriptions convey more information and signal more value before the truncation point. A description that ends at 80 characters looks sparse and unconvincing compared to one that fills the available space intelligently.
<meta name="keywords"> tag as a ranking signal, and that position has not changed. The keywords meta tag was originally designed in the mid-1990s for early search engines, and was massively abused for keyword stuffing throughout the 2000s. Google's algorithm evolved well beyond needing it, and it was officially deprecated from Google's ranking process entirely.
Bing made a similar announcement, and no major search engine today assigns ranking value to this tag. If you currently have it on your pages, it is harmless to leave it, but it provides no SEO benefit and can actually expose your keyword strategy to competitors who inspect your HTML source code. The meta tags that still matter are the
<title> tag (high importance), the <meta name="description"> tag (important for CTR, not a direct ranking factor), and technical meta tags like <meta name="robots"> (controls indexing) and <meta name="viewport"> (controls mobile rendering).
<title> tag) lives in your page's <head> section and is never rendered visibly on the page itself. Its audience is search engines and browser tabs. It is optimized for the SERP - short, keyword-rich, and formatted to earn clicks from people who have not yet visited your page.
The H1 heading is the visible main headline that appears on the page itself, typically as the largest text element in the body content. Its audience is the human visitor who has already clicked through to your page. Because the visitor has already committed to clicking, the H1 can be written more expansively and conversationally - its job is to confirm to the visitor that they landed in the right place and to set the tone for the content that follows.
A common best practice is to make them closely related but not identical. For example, the meta title might be "Free Invoice Template - Download in Word and PDF" while the H1 reads "Download a Free Invoice Template - Ready in 2 Minutes." The title is tighter and more keyword-precise; the H1 is slightly more descriptive and engaging. Both target the same user intent but serve their respective audiences differently.