How to use the search appearance preview in Yoast SEO

googlelink

You need to have nice-looking snippets to get more clicks. One way to ensure your site looks good in the search results is to use Yoast SEO's search appearance preview. It simulates what a search result for your page would look like and allows you to edit the title, slug, and description! Here, we explain how to use the Google snippet preview to create great-looking snippets! And we clarify why this snippet preview might sometimes not match what you see in the search results.
What is the search appearance preview?

Yoast's search appearance preview is a feature of the Yoast SEO plugin. It allows you to preview and edit what your page or post will look like in Google's search results. It has a mobile and desktop view and shows elements like the slug, SEO title, and meta description. You can edit those elements in this preview to ensure your site looks good in the search results.
Where do you find the search appearance preview?

In Yoast SEO, there are two ways to preview your snippet. You can either get there from the Yoast SEO sidebar or the Yoast SEO meta box at the end of your post (in editing mode).
The Yoast SEO sidebar

You can activate the sidebar by clicking the Yoast icon on the top right of your screen. In the sidebar, you'll see the “Google preview” tab:
Click search appearance to preview your Google snippet
A modal will pop up and show you a preview of your post or page in Google's search results, where you can edit your snippet.
The search appearance modal in Yoast SEO
The Yoast SEO meta box

You can also get a Google preview of your post below your post in the Yoast SEO meta box. Just scroll down in your post until you see the Yoast SEO meta box. It'll be the first thing you see below the Focus keyphrase input field.
You can find the Yoast SEO meta box below your post content
Mobile result or desktop result

In the screenshots above, you might have noticed you can choose between two versions of the snippet: the mobile and the desktop. Since Google presents the results differently on a desktop and a mobile device, it makes sense to check both previews before you publish a post. The radio buttons above the snippet let you switch between the two, so you can make sure they both look good.
The components of the snippet preview

In our Google search appearance preview, you'll see the following elements:

The SEO title
The meta description
The URL, slug or breadcrumb (or a combination)
The emoji picker
Yoast SEO Premium generative AI feature

In the mobile preview, we've added a favicon and image too. Here, we'll discuss these elements step by step. Please note that Google regularly experiments with elements like favicons, breadcrumbs, emojis, and images, so the preview might slightly differ from what you see in the search results.
The SEO title

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'd better be good!
What is the SEO title?
The SEO title is the title of your page you'll see in Google's search results. That's different than the post name! Besides the page's title, the SEO title contains additional elements like a separator or the site's name.
The SEO title template
The title in the snippet preview is determined by the title template you've set in the Search appearance section of Yoast SEO. To access it, click Yoast SEO in your WordPress dashboard's admin menu (the left-hand menu). Then go to Search appearance and select Content Types. There, you can set a template for posts, pages, or other content types you might have. This is the default template for posts:

By default, the plugin takes the Post title and adds the Separator (in our example, a dash) plus the site name. The Page number parameter is only used when you have a paginated post. The Site's title is?included, and removing it is not?a good idea. Google might rewrite your SEO titles if they don't contain branding. For instance, you can play with this template by adding a category. You can read all about that in this post on snippet variables.
Write a proper SEO title
Having a template means that your SEO title is created automatically. This might be sufficient to show a good title in the search results. But we always recommend checking the title in our Google preview tool. When checking it, ask yourself: Is this title accurate? Does it communicate what this post is about? Does it set the right expectation?
Edit your SEO titles in Yoast SEO
Perhaps you've done some?keyword research to determine the focus keyword for your page, and you've noticed several variations of that keyphrase. In the SEO title input field, you can edit it to ensure it matches people's queries and expectations. The right wording will convince users to click on your result instead of others', so this post on crafting an accurate and enticing SEO title may be worthwhile!
In addition, make sure that your title is not too long. Otherwise, it might get cut off in the search results. Pay attention to the bar below the SEO title input field. The bar will turn orange or red if the title is too long.
Yoast SEO Premium comes with an AI-powered title and meta description generator. With one click, it will write great SEO titles for you!
The meta description

Now that your title is up to snuff, let's work on the second-biggest item in the snippet preview: themeta description. The meta description is the short text you see below the SEO title.
Why add a meta description (with the focus keyphrase)?
If you search for a specific phrase, Google will bold it in its meta description. And it goes one step further. Once it has decided which pages will rank for your search, it tries to find the 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 contain the keyword.
Yoast SEO Premium has an AI-powered title and meta description generator
This is one of the reasons why it helps tremendously if you know what the most searched keyword for a page is likely to be. Then you can create a great meta description with the focus keyphrase, and increase the chances of Google showing your meta description in the search results. You can promote what's on your page directly in the search results!
Write an awesome meta description
If you want to write a good meta description, there are some points you should pay attention to. It should accurately describe the post's or page's main content, include the focus keyphrase, and entice people to click on your result. To avoid repetition, you can play with synonyms or related keywords in your meta description.
You should know that there is a limit to the number of characters you can use in the meta description. So, like with the SEO title, pay attention to the bar below the description input field. It will turn orange or red if the description is too long!
If you need help writing meta descriptions, our generative AI tool in Yoast SEO Premium can help speed up the process!