A favicon is a small icon visible near the address bar at the top of your browser. You customize these icons depending on what type of image you upload to your site. Pinterest uses favicons next to the source information in pins to confirm rich pin verification.
Since the site icon graphic is small, letters or monograms work best as a favicon. Details and thin accents are difficult to see.
Adding a favicon to your blog is incredibly easy. Over the year, WordPress developers improved this process. It’s one of the easiest tutorials I have on my site. You have no excuses for not having a favicon!
Why You Need a Favicon?
This little image can speak volumes about your site. As a logo is the first impression, a favicon contributes to your overall brand identity. This small little image is an extension of your brand; it contributes to you building a consistent and memorable brand experience. If you do not complete this field when you setup your site, a default icon could appear either from WordPress or your host.
Design a Favicon
Either in Photoshop or Illustrator, create a favicon for your brand. You can download my free favicon templates (come in either format), and customize them with your brand colors. Export your favicon as PNG file with a transparent background. I find that white backgrounds on favicons look sloppy. Please note: for WordPress websites, your favicon should be at least 512 pixels tall and wide.
Install a Favicon
Once you have designed and exported your favicon, it’s time to install a favicon to your site. If you have a particular theme, there might be different instructions. However, most themes should follow this approach:
- Go to APPEARANCE < CUSTOMIZE.
- Select the SITE IDENTITY section.
- Under SITE ICON, upload your image. It will show up in the preview. It might look a little different in the box (but check the preview version and at the top of your current browser).
- Press SAVE & PUBLISH.
- Clear your cache after you make changes. It might take a few hours for Pinterest to update with these changes.
That’s it! It’s a quick design factor, but it speaks volumes to your brand!
Want more WordPress tutorials? Check out these posts! If you have any questions, leave a comment below.
Interested in working together? I’d love to hear about your project!