Google SERP Preview Tool
Free Title & Meta Description Checker

A Google SERP preview tool simulates the search result snippet that appears on Google's search engine results pages — the blue clickable title, the green breadcrumb URL, and the grey description text. When someone searches on Google, they scan a list of results and decide whether to click based on those three elements. A good SERP preview tool measures actual pixel width, not characters, because Google's rendering engine works in pixels. The letter "W" in Arial Bold is roughly three times wider than "i", so a 60-character title can be anywhere from 300px to 700px depending on which characters it contains. Pixel-accurate measurement is the only reliable way to predict exactly where Google will cut off your text. This tool uses the HTML5 Canvas API with the exact fonts and sizes Google uses — Arial Bold 20px for desktop titles, Arial Bold 18px for mobile, and Arial Regular 14px for descriptions. Paste your title and description, see the real-time preview update on every keystroke, and adjust until your snippet looks perfect on both desktop and mobile — all before you publish.

Google truncates meta descriptions at approximately 920 pixels wide on desktop and 680 pixels on mobile — roughly 120–160 characters for typical English text. However, character count is only a rough guide. The actual cutoff depends on the specific characters: a 140-character description with many wide letters (W, M, G, O) can exceed 920px, while a 165-character description with mostly narrow letters (i, l, t, f) may fit comfortably. For best results, aim for 140–155 characters while keeping the pixel width under 900px on desktop. Use the mobile toggle to verify nothing important is cut below 680px. Beyond length, what you write matters more than the exact character count. A description that clearly states the page's value and ends with a call-to-action ("Try free", "Learn how", "See all options") improves click-through rates. Google treats CTR as a quality signal, so a compelling description that earns clicks can indirectly boost rankings over time. Note: Google frequently substitutes the meta description with on-page text it considers more relevant to a specific search query. This doesn't mean you should skip writing one — your description is used as the default when no better passage is found, and it appears in social share cards and other contexts outside Google Search.

Google displays title tags up to approximately 600 pixels wide on desktop and 496 pixels on mobile. In practice, this corresponds to roughly 50–60 characters for typical English text, but pixel width is the only accurate predictor — character count can mislead you by 10–15% depending on the letters used. Start your title with the most important keyword. Google gives more weight to terms at the beginning of the title, and users notice the first few words first when scanning a results page. Include your brand at the end, not the beginning, unless brand recognition is your primary conversion driver. Each page on your site should have a unique title tag that accurately describes what a visitor will find on that specific page. Avoid keyword stuffing (repeating the same term multiple times) — Google may rewrite the title to something it finds more representative, and users find stuffed titles off-putting. A reliable formula: [Primary Keyword] — [Key Benefit or Differentiator] | [Brand]. For example: "Google SERP Preview Tool — Free Pixel-Accurate Checker | YourBrand". This puts the keyword first, communicates value, and includes brand attribution in a natural way. Use this tool to verify your title stays within both the desktop (600px) and mobile (496px) limits.

Google measures the display width of title tags and meta descriptions in pixels, not characters. Google's search results page renders text using the Arial font family, and different characters in that font occupy very different amounts of horizontal space. In Arial Bold 20px (used for desktop title rendering), the letter "W" is approximately 15px wide while "i" is only about 5px wide — a 3:1 difference. A title like "Mammoth Waves of Winter" is packed with wide letters and will render much wider than "A list of finite files" despite having the same character count. Character-count tools give you a rough estimate but can be off by 10–15% or more. A 58-character title might measure 620px (truncated by Google) or 480px (well within limits), depending entirely on which characters it contains. The difference between those two outcomes — seeing your full title versus seeing it cut off — can meaningfully affect click-through rates. Pixel-accurate tools like this one use the HTML5 Canvas API's measureText() function with the actual Arial Bold font, computing the exact rendered width of your title in the browser. This mirrors the same mechanism that determines what appears on Google's results page, making it the most accurate preview method available to SEOs and content teams.

Yes — Google search on mobile devices displays significantly shorter snippets than desktop. Mobile titles are capped at approximately 496px wide (versus 600px on desktop), and mobile meta descriptions at 680px (versus 920px on desktop). These narrower limits reflect the smaller viewport of smartphones. A title that fits perfectly at 580px on desktop (within the 600px limit) will be truncated on mobile because it exceeds the 496px mobile limit. This is exactly why checking both device previews before publishing is essential — truncation on one platform is easy to miss if you only check the other. From a practical standpoint, write titles that fit within the tighter mobile limit (~496px / ~45–50 characters) and treat the additional desktop space as a bonus. If the most important keyword and value proposition are near the beginning, any truncation is less damaging because users still understand what the page is about. The same front-loading principle applies to meta descriptions. A 155-character description within the 920px desktop limit may be truncated to roughly 110 characters on mobile, so put the most compelling part of your description first. Use this tool's Mobile / Desktop toggle to verify your copy works well on both before you finalise it.

Yes. Studies suggest Google rewrites title tags in 33–61% of cases. Google is more likely to rewrite when it detects keyword stuffing, when the title doesn't match the page's actual content, when the title is too long or too generic, or when an on-page heading (H1 or H2) seems more relevant to the user's search query. You can reduce the chance of a rewrite by: writing a title that accurately describes what users will find on the page, keeping it within the 600px pixel limit, avoiding repetitive keywords, and placing your brand at the end of the title rather than the start. Google ignores the provided meta description even more frequently — some estimates put it at over 60% of searches. Google pulls a passage from the page body that it considers most relevant to the specific search query being made. This is different for every query, which is why the same page can show different descriptions depending on what someone searched. Despite this, always write a compelling meta description because: (1) it is the default when Google finds nothing better on the page, (2) it appears in social media cards and RSS aggregators where Google's overwriting doesn't apply, and (3) writing it forces you to articulate the page's value concisely — a discipline that improves your overall content quality.

Your title is cut off because its pixel width exceeds Google's display limit. Google renders titles using Arial Bold 20px on desktop and Arial Bold 18px on mobile, truncating titles that exceed approximately 600px (desktop) or 496px (mobile) with an ellipsis (…). Character count is not a reliable predictor of truncation because different characters have very different widths. Wide characters like W, M, and G consume far more horizontal space than narrow characters like i, l, t, and f. A 55-character title with many wide letters can exceed 600px and be cut off; a 65-character title with mostly narrow letters might display in full. To fix a truncated title: 1. Use this tool to identify exactly which word gets cut off. 2. Look for the widest letters in your title and find narrower synonyms where possible (e.g. "use" instead of "utilise", "how" instead of "ways"). 3. Move the most critical keywords and your brand name to the beginning of the title — this way, even if the end is cut, the essential information is still visible. 4. Shorten until the pixel width falls below 600px on desktop and 496px on mobile. Always check both the Desktop and Mobile previews in this tool before finalising your title tag.

A title tag and an H1 heading are separate HTML elements that serve different purposes, even though they often contain similar text. The title tag is written in the HTML <head> section and appears in Google search results, browser tabs, and social share cards. It is not visible on the page itself. The H1 is an on-page heading that users see when they arrive on the page. Google uses both as ranking signals, but in different ways. The title tag is what Google typically shows in search results (though it may rewrite it). The H1 signals the page's main topic to both users and crawlers, reinforcing the relevance established by the title tag. Best practice is to include your primary keyword in both elements, but they don't need to be identical. The title tag is usually more marketing-oriented — written to earn clicks from a results page. The H1 can be slightly more descriptive, explaining what the page actually delivers to someone who has already clicked. Example: Title tag: "Google SERP Preview Tool — Free Pixel-Accurate Checker" H1: "Google SERP Preview Tool: See Exactly How Your Search Result Will Look" Both contain the primary keyword, but the title tag prioritises brevity and click appeal while the H1 is more explanatory for on-page readers.

A meta description that is too long does not directly penalise your SEO ranking — Google does not issue ranking penalties for long meta descriptions. However, a description that exceeds Google's display limit will be truncated in search results, showing an ellipsis at the cutoff point. This truncation can reduce click-through rates by cutting off a key benefit or call-to-action. Click-through rate (CTR) does matter to Google indirectly. If users see a truncated snippet that fails to communicate your page's value clearly, fewer people click your result. Lower CTR can signal to Google that your result is less useful for that query, which may affect rankings over time. The practical guideline: keep your description under 920 pixels on desktop (approximately 150–160 characters) so it displays in full. For mobile-first optimisation, aim for under 680 pixels (approximately 110–120 characters). If you need to convey more information, front-load the most important content. Put your primary value proposition and call-to-action in the first 100 characters so the key message is visible even if the rest gets truncated on smaller screens. Use this tool to check both the desktop and mobile previews of your meta description before publishing.