A favicon (short for "favorite icon") is a small image or icon displayed in browser tabs, bookmarks, and other areas to represent your website. It helps your site stand out and improves brand recognition by giving it a professional and identifiable appearance.
Adding a favicon to your WordPress site is quick and easy.
Steps to add a favicon to your WordPress site
- Prepare your favicon image: Ensure your image is square (e.g., 512x512 pixels) and in a format like PNG, JPEG, or SVG.
Note:
Your favicon should be clear and recognizable even at small sizes. Avoid overly detailed images.
- Access the Site Identity settings
- Enter your 10Web Dashboard and click Manage under the site you’ll be working on.
- Log in to your WordPress dashboard by clicking on the W icon on the site preview in the top left area of the screen.
- Once inside the WordPress admin dashboard. Navigate to Appearance > Customize from the left-hand menu.
- In the customizer, click on Site Identity.
- Upload your favicon
- Locate the Site Icon section under Site Identity.
- Click the Select Site Icon button.
- Upload your prepared favicon image or choose an existing one from your Media Library.
- If prompted, crop the image to fit the recommended dimensions.
- Once satisfied, click Publish to save your changes.
- Verify your favicon
- Find the Manage cache button on the top ribbon of your WordPress dashboard and click on the Clear All Cache button to ensure the changes are reflected on the front end
- Open your site in a new browser tab.
- Check that your favicon appears in the browser tab and any saved bookmarks.
You can update or replace your favicon at any time by returning to the Site Icon section in the WordPress Customizer.
With just a few simple steps, you’ve successfully added a favicon to your WordPress site, great job!