
Tagged: favicon
-
AuthorPosts
-
July 7, 2025 at 1:40 pm #1486399
HI Guys,
I have tried to get this Favicon indexed for weeks, it is currently uploaded to appearance > customise area but also tried the Favicon in the Enfold settings and getting no joy whatsoever.
Can anyone advise please?
It displays when I am logged in but when and logged out in incognito but its not being picked up with Google
July 7, 2025 at 10:31 pm #1486419Hey Aron,
I recommend converting your png to a favicon.ico
be sure to use this file name and proper file type, then upload it to your root directory via FTP or your webhost file manager.
Then try having your site crawled again. It may take a day or two before Google updates to show it.
Even though you have the png tags in your site for a favicon correctly, Google Bot seems to prefer the old favicon.ico in the old place (root directory) and not the /wp-content/uploads/… place on some sites. I’m not sure why it’s only some sites, but this trick seems to work.Best regards,
MikeJuly 8, 2025 at 12:29 pm #1486458Thanks for your help Mike appreciate that.
Do I remove the favicon from appearance from the site identity part too? Currently I have it still there.
July 8, 2025 at 10:37 pm #1486479Hi,
No you can leave that, this is only for the Google Bot which seems to look for the favicon.ico in the root directory and doesn’t follow the HTML links in the header.
It’s an old school place for the favicon, I don’t know why Google has not updated their Bot, but as I said this “trick” seems to be working to date.
Let us know if this helps.Best regards,
MikeJuly 9, 2025 at 9:56 am #1486504if you follow that little link on enfold options:
(these two cards icon)
you will see on that wiki page a good overview; and in detail a browser support. Best Format seems to be png.
a svg has a bad support.you can manually add them if you put this to your child-theme functions.php:
function add_icons_to_head(){ ?> <link rel="icon" type="image/png" href="/wp-content/uploads/icons/your-favicon-image.png"> <link rel="apple-touch-icon" type="image/png" href="/wp-content/uploads/icons/your-apple-touch-icon.png"> <?php } add_action('wp_head', 'add_icons_to_head');
You are free to select the names and paths of your PNGs.
July 9, 2025 at 10:29 am #1486505Hi Mike,
Just sticking with your way for the time being, so I have converted the favicon to the .ico and then installed File Manager, uploaded to the root.
Weirdly when I went to upload it the file was already there so I removed and uploaded again.
If this doesn’t work I will try that other way, but just don’t understand why some seem to work without problem.
For future reference, is it best to upload the Favicon through appearance > customise or in the Enfold settings?
July 9, 2025 at 8:56 pm #1486542Hi,
Ok, we will leave this open for now to hear back from you.
Typically uploading in the theme settings work fine, but sometimes the Google Bot doesn’t find it, so in that case adding the real favicon.ico in the root directory solves. I don’t know why, perhaps site caching or server caching such as Memcached, Redis, Varnish, Litespeed, etc.
As I said it doesn’t happen on all sites and I can’t reproduce the issue on my server.Best regards,
MikeJuly 10, 2025 at 11:15 am #1486590Hi Mike,
Thanks for your response, so I have added the favicon.ico file to the root and its also there under appearance > site identity and now the favicon appears when logged in but when logged out its not appearing at all,
It used to appear on the site tab logged in and out but just not being indexed with Google.
July 10, 2025 at 5:00 pm #1486606Website here
July 11, 2025 at 7:35 am #1486632Hi,
Thank you for the update.
We couldn’t find the favicon tag on the page when we checked. It should look something like this:
<link rel="icon" href="http://site.com/favicon.svg" type="image/x-icon">
If you can provide the login details in the private field, we’ll look into this further. Please make sure that Appearance > Theme File Editor is accessible.
Best regards,
IsmaelJuly 11, 2025 at 8:41 am #1486639The place where you can insert the favicon to enfold options – there is a comment on the right side:
Specify a favicon for your site.
Accepted formats: .ico, .png, .gifif you follow that link ( that two cards icon) you will see the browsersupport.
on the bottom :
so: better do not use svg as favicon!
if you like to use svg have a fallback solution: https://css-tricks.com/svg-favicons-and-all-the-fun-things-we-can-do-with-them/ -
AuthorPosts
- You must be logged in to reply to this topic.