How to change your favicon in WordPress: a step-by-step guide

Have you seen that icon in the search results in front of your website’s URL? It’s visible for most people in mobile results now. 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!

Yoast’s favicon shows when you search for our brand on mobile.

We’ve been writing about favicons for years. This article about favicons and branding will tell you what you need to think about in that regard. Read it, and make sure your favicon is good and stands out.

Spoiler alert! Next week, when Yoast SEO 12.1 is out, you’ll be able to see your favicon in Yoast SEO’s mobile snippet preview too, so stay tuned for our next release!

Now let’s give you a simple step-by-step guide on how to change your favicon in WordPress:

Time needed: 5 minutes.

The favicon is called a site icon in WordPress and can be added in the customize theme section.

  1. Log in to your WordPress website.

    When you’re logged in, you’ll be in your ‘Dashboard’:WordPress Dashboard

  2. Click on ‘Appearance’.

    On the left-hand side, you’ll see a menu. In that menu, click on ‘Appearance’.appearance in wordpress

  3. Click on ‘Customize’.

    The ‘Appearance’ settings will expand providing you additional options. Click on ‘Customize’.customize in WordPress

  4. Click on ‘Site Identity’.

    Here you can define your site name, tagline, logo, and icon. The image you set under “Site Icon” will be used as your site’s favicon:

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 »

Make Yoast SEO & Woo work together smoothly

  • Make your products stand out in Google
  • Get more buyers to your online store
  • Make products easier to find on your site
  • Have a cleaner XML sitemap & more
More info

Leave a reply

7 Responses to How to change your favicon in WordPress: a step-by-step guide

  1. Kevin Burrows
    Kevin Burrows  • 1 day ago

    Is this function work same for all themes?

  2. Yvonne Hendrych
    Yvonne Hendrych  • 4 days ago

    I’ve also tried it several times (in the past) and my personal favicon doesn’t show up.
    It still displays the favicon of the Demo Theme.

  3. Zaman
    Zaman  • 4 days ago

    It worked perfectly and the instructions were super easy to follow. You all do a great job explaining things in a way I can understand. Thank you so much!

  4. Michael Maximus
    Michael Maximus  • 6 days ago

    Not entirely true.
    Although in most themes this is sufficient, the Yoast SEO plugin does not automatically insure that the favicon is shown in Google’s new mobile SERP.
    In order to do so, you need to manually upload it as favicon.ico in the root of your website.

    So set it under appearance for your browsers AND upload it in a 48x48px ratio in the root folder.

  5. atul gaur
    atul gaur  • 6 days ago

    I have all things in place but favicon of my site does not appear in chrome browser

  6. Philip L Franckel
    Philip L Franckel  • 7 days ago

    I have a file named favicon.ico which is on the server and I see the favicon on desktop. It doesn’t show in WordPress. I tried uploading to WordPress and got a message that favicon.ico is not allowed for security reasons.

  7. Allen Martin
    Allen Martin  • 1 week ago

    Simple and straightforward article. I was able to fix a unique favicon on my blog with the help of your article. It’s really helpful. Thanks for sharing.