SERP Snippet Preview

A search snippet is the title, URL, and description a results page can show. Desktop and mobile widths cut those lines in different places. This preview uses the text you enter so you can see the cut before the page is live.

A search snippet is the title, URL, and description a results page can show. Desktop and mobile widths cut those lines in different places. This preview uses the text you enter so you can see the cut before the page is live. It does not know what a search engine will actually display.

Title is one of the values SERP Snippet Preview puts on screen. The blue link line. The preview shows the title you typed, truncated for the width. A search engine may rewrite it.

Read Description on its own before you mix it with the other rows. The gray text under the link. The preview shows your description, cut for the width. The live result may use other text from the page.

URL answers a narrower question than the headline number. The green or gray address line. The preview shows the URL you typed. It does not check that the URL returns 200.

Treat Desktop width as a label with a specific job. A wider result shows more characters. The desktop card uses a wider cut. Do not judge only the desktop card.

The Mobile width line is worth a full stop. A phone result is narrower. The mobile card cuts sooner. A title that fits on desktop can still clip on mobile.

Long titles and descriptions are flagged when they pass the length the preview uses. Shorten toward about 60 characters for a title and about 160 for a description, then look again. The pixels can still cut a wide word earlier than the character count.

If you remember one sequence from SERP Snippet Preview, remember the fields in the order they change a decision. Title matters because The blue link line. In practice, The preview shows the title you typed, truncated for the width. The mistake to avoid is this: A search engine may rewrite it. Description matters because The gray text under the link. In practice, The preview shows your description, cut for the width. The mistake to avoid is this: The live result may use other text from the page. URL matters because The green or gray address line. In practice, The preview shows the URL you typed. The mistake to avoid is this: It does not check that the URL returns 200. Desktop width matters because A wider result shows more characters. In practice, The desktop card uses a wider cut. The mistake to avoid is this: Do not judge only the desktop card. Mobile width matters because A phone result is narrower. In practice, The mobile card cuts sooner. The mistake to avoid is this: A title that fits on desktop can still clip on mobile. After that, the checks are simple. Both desktop and mobile cards were read. Long-line warnings were cleared or accepted. The URL was not treated as a live check. The title was not stuffed to fill the width. The final text was copied into the page.

The worked example for SERP Snippet Preview, read as one scene, is this. Type a 70-character title, a 180-character description, and https://example.com/seo-course. The preview marks the long lines and shows a shorter mobile cut than the desktop cut. No search engine was asked. Shorten the title until the warning clears, then paste that title into the CMS. Recheck the mobile card.

Final notes for SERP Snippet Preview, written as decisions rather than as a table. When Title is in front of you, decide using this: The blue link line. A search engine may rewrite it. When Description is in front of you, decide using this: The gray text under the link. The live result may use other text from the page. When URL is in front of you, decide using this: The green or gray address line. It does not check that the URL returns 200. When Desktop width is in front of you, decide using this: A wider result shows more characters. Do not judge only the desktop card. When Mobile width is in front of you, decide using this: A phone result is narrower. A title that fits on desktop can still clip on mobile. Then apply the checks without skipping one. Both desktop and mobile cards were read. Long-line warnings were cleared or accepted. The URL was not treated as a live check. The title was not stuffed to fill the width. The final text was copied into the page.

Keep SERP Snippet Preview as this step only. When the job moves on, the Meta Title & Description Generator is the next page: The Meta Title & Description Generator writes the HTML for a page title, a meta description, robots directives, and Open Graph and Twitter tags. The Keyword Density Checker covers a different piece of the same work: Keyword Density Checker counts words in text you paste and lists each term with a count and a density percentage.