The two most important lines of text on your page
When someone searches on Google, they see your page before they visit it. The title tag and meta description are those two lines of text that appear in search results — and they determine whether someone clicks on your page or the one below it.
Getting these right matters for two reasons: rankings and clicks. Title tags are a confirmed ranking signal. Meta descriptions don’t directly affect rankings, but a well-written one improves click-through rate, which is a behavioral signal that can improve rankings indirectly.
Generate and preview your complete meta tags with Meta Tag Generator.
Title tag fundamentals
The title tag is the blue headline in search results. It should do three things: include the primary keyword, describe what the page delivers, and stay within the character limit.
The 60-character rule — Google typically displays 50-60 characters of a title before truncating it. Longer titles get cut off mid-sentence, which looks unprofessional and may hide important information.
Keyword placement — Put the primary keyword near the beginning. Google bolds matching words in search results, and users scan the left side of the snippet first. JSON Formatter — Free Online Tool performs better than Free Online Tool for Formatting JSON.
Brand name position — Put the brand at the end, separated by a dash or pipe: Page Title | Brand Name. This saves the valuable front position for your keyword.
What to avoid:
- Keyword stuffing:
JSON Formatter | JSON Beautifier | JSON Validator | JSON Tool— repetitive and penalized - Generic titles:
HomeorAbout Us— tells search engines nothing - Duplicate titles across pages — each page needs a unique title
Meta description fundamentals
The meta description appears below the title in search results. Google may rewrite it if their system thinks a different excerpt better matches the query, but a well-written description often gets used as-is.
The 150-160 character target — Google shows approximately 155 characters on desktop and 115 on mobile. Write for desktop but keep the most important information in the first 115 characters.
Include the primary keyword — Google bolds keywords in the meta description that match the search query. This visual emphasis increases click-through rate.
State a clear benefit — Answer “what will I get if I click this?” in concrete terms. Generate complete HTML meta tags — title, description, Open Graph, and Twitter Card — in seconds. Free, no signup. is better than Our meta tag generator helps you with your SEO.
Add a call to action — “Try it free”, “No signup required”, “Free forever” — these reduce hesitation at the moment of decision.
Open Graph tags for social sharing
When someone shares your page on Twitter, LinkedIn, or Facebook, those platforms read the Open Graph tags to build the link preview card. Without them, the platform guesses — often badly.
The essential Open Graph tags:
<meta property="og:title" content="Page Title Here" />
<meta property="og:description" content="Page description here." />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page/" />The og:image is the most visually impactful — it’s the large image that dominates link previews on social media. Use an image that’s 1200×630 pixels for best results across all platforms.
Twitter has its own card tags (twitter:card, twitter:title, etc.) that work the same way but are specific to Twitter/X.
Checking how your page appears
Before publishing, verify how your page will appear in search results and social shares. The character counts and preview rendering matter — a title that looks fine in a spreadsheet might get truncated or look awkward in an actual SERP.
The Meta Tag Generator generates all the required HTML and lets you preview exactly how your title and description will appear. Pair it with Slug Generator to create a consistent URL, title, and description from the same keyword.
Common mistakes to fix
Not updating the default title — CMS platforms often set default title patterns like Page Name | Site Name that are too long and keyword-poor. Review and rewrite them individually for important pages.
Duplicate meta descriptions — Every page should have a unique description. Duplicate descriptions get flagged in Google Search Console and represent a missed optimization opportunity.
Ignoring the description entirely — Pages without a meta description let Google choose any text from the page as the snippet, often with poor results. Write it explicitly.
Outdated descriptions — If your page’s content or offer changes, update the meta description to match. A description that promises something the page doesn’t deliver hurts click-through quality and increases bounce rate.