How to change your favicon in WordPress: a step-by-step guide
Have you seen that icon in the search results before your website’s URL? Google shows these logos in both mobile and desktop search results. So, no excuses; your site needs a good favicon. Luckily, setting a favicon in WordPress is very easy. Here, we’ll explain how to change the favicon of your WordPress site!
We’ve been writing about favicons for years. This article about favicons and branding will tell you what you must think about. Please read it, and make sure your favicon is good and stands out. Plus, we’ve added a preview of your favicon in the search appearance section of Yoast SEO so you can see how Google will show your site in the SERPs.
How to change your favicon in WordPress
Time needed: 2 minutes
Now, let’s give you a simple step-by-step guide on changing your WordPress favicon. The favicon is called a site icon in WordPress and can be added to the customize theme section.
- Log in to your WordPress website.
When you’re logged in, you’ll be in your ‘Dashboard’:
- Click ‘Appearance’
Click ‘Appearance’ to get access to the site appearance settings
- Click on ‘Customize’.
The ‘Appearance’ settings will expand, providing you with additional options. Click on ‘Customize’.
- Click ‘Site Identity’ and add your favicon under ‘Site Icon’.
You can define your site name, tagline, logo, and icon here. The image you set under “Site Icon” will be used as your site’s favicon:
Some things to keep in mind for favicons
Keep in mind that Google has some guidelines for showing your favicons in the search results:
Google Search allows only one favicon per website, which is defined by its hostname. Thus, https://www.example.com/
and https://news.example.com/
can each have their own favicons, but https://www.example.com/sub-site
, being a subdirectory, shares the main site’s favicon.
Favicon guidelines include:
- Only one favicon per main site and its subdirectories.
- Favicons must be accessible to Googlebot and Googlebot-Image.
- A favicon should accurately represent your site’s brand.
- Favicons should be sized in multiples of 48px square, though SVGs are size-flexible.
- Keep your favicon URL consistent.
- Inappropriate favicons, including explicit or hateful imagery, will be replaced by Google with a default icon.
That was easy, wasn’t it? So, no more excuses, get to it. Change that favicon on your WordPress site!
Read more: Favicons and your online brand »
WordPress for beginners series
Coming up next!
-
Event
WordCamp Europe 2024
June 13 - 15, 2024 Team Yoast is at Attending, Organizing, Sponsoring, Volunteering WordCamp Europe 2024! Click through to see who will be there, what we will do, and more! See where you can find us next » -
SEO webinar
Webinar: How to start with SEO (May 7, 2024)
07 May 2024 Learn how to start your SEO journey the right way with our free webinar. Get practical tips and answers to all your questions in the live Q&A! All Yoast SEO webinars »