The snippet preview: what it means and how to use it
If you want to get more clicks from search results, you need to optimize how your site looks in those search results. A single result in a set of search results is called a snippet. The Yoast SEO plugin has a snippet preview, which shows a simulation of what your post will look like in those results. This post explains how to use that snippet preview to get more clicks! It also describes why the snippet might not always match what you see in the search results.
Our Yoast SEO plugin allows you to preview two versions of your snippet: the mobile snippet and the desktop snippet. A button below lets you switch between the two and make sure they both look good. Note that the screenshots in this post are made using the latest version of Yoast SEO. This version has the mobile version as default. So if you’re thinking “this is different from what I’m seeing,” you need to update!
Here’s an example of our snippet preview in action:
What determines how a snippet looks in search results?
If you search for a specific word, Google will make that keyword bold in the text and URL of the snippets it displays. But it actually goes one step further. Once it has decided which pages will rank for your search, it tries to find part of the page that includes that exact term. If your meta description doesn’t contain the keyword searched for, it’ll grab a “random” snippet from the page that does.
This is one of the reasons why it helps tremendously if you know what the most searched for keyword for a page is likely to be. So you can optimize the snippet for it. In our Yoast SEO plugin, you can set the focus keyword or keyphrase of your post. That word will then automatically be displayed in bold:
As you can see, the plugin “adapts” by making the focus keyword in the description bold, just like Google would. Incidentally, Google has now stopped displaying keywords in page titles in bold. Google also shows a favicon next to the URL.
The title is the first thing people see in the search results for your posts and pages, and in many, many cases it’s the only thing – so it had better be good! Funnily enough, if it thinks you’re not doing a good enough job of your title, Google actually changes it for you. There are many reasons why this happens, we’ve explained most of them in this post.
The title in the snippet preview is determined by the title template you’ve set in your SEO → Search appearance settings → Content Types, using variables from your current post. We use the default template for our site:
As you can see the plugin takes the post title and adds the separator (in our case a middle dot) plus the site name. The page number parameter is only used when you have a paginated post. You could also have the category in there if you wanted, but that reduces the space to properly play with the title. Removing the site’s name is not a good idea. Google will usually rewrite your titles if they don’t contain branding – again, see the post on page titles for more information.
Of course, Yoast SEO allows you to use different wording for your title and main heading and in some cases, that’s a good idea. If you’ve done some keyword research to determine the focus keyword for your page, you may have noticed there are several variations of that keyword. For instance, for our keyword “snippet preview”, Google Suggest shows the following:
Now, our current title would definitely match for [snippet preview yoast], and we’d like it to match for [snippet preview wordpress] too. Also, running the words snippet preview through our Yoast Suggest actually suggests there are some how-to type queries for the keyword as well, so I’ve optimized this post for all those keywords with Yoast SEO Premium’s multiple focus keywords feature.
So let’s combine all that knowledge and change our title tag to “Snippet preview how-to for Yoast SEO for WordPress • Yoast”. At first, I wanted to make the title “A how-to for the snippet preview in Yoast SEO for WordPress • Yoast”, but that was too long. So, I changed it to: