XF 2.2 Google displays Icon URL (192x192) rather than Favicon URL (32x32)

[JoyFreak]

I reported a similar bug in regards to unfurl causing the same issue here https://xenforo.com/community/threa...192x192-rather-than-favicon-url-32x32.185743/

But it looks like Google is also picking up the same thing. This happened recently, I’d imagine google cache got updated. It should be showing my favicon rather the 192x192 version that’s for apps only.

 

[Chris D]

That was an entirely different situation where it was just a condition in our code that sometimes preferred the larger image (which we still use as a fallback) even though the specific favicon image existed. This was an issue specifically in our metadata fetcher that we use to fetch metadata from other websites.

We have no control whatsoever over which iconography Google decides to display in their search results for your website.

 

[JoyFreak]

That was an entirely different situation where it was just a condition in our code that sometimes preferred the larger image (which we still use as a fallback) even though the specific favicon image existed. This was an issue specifically in our metadata fetcher that we use to fetch metadata from other websites.

We have no control whatsoever over which iconography Google decides to display in their search results for your website.

That’s odd because this must have happened today or yesterday. I always check my position on google, daily. I also haven’t changed anything so don’t know why they’ve decided to change the iconography now.

 

[Chris D]

Interesting to note that, technically, you're not using a valid favicon in terms of how we reference it in the code. It may be that they're picking up on that.

<link rel="icon" type="image/png" href="https://www.joyfreak.com/styles/joyfreak/favicon.ico" sizes="32x32" />

We set the type as image/png but you're using a .ico file.

Note we have just today actually changed the explanation of the style property to explicitly mention we expect a PNG:

Path to the small logo that is associated with bookmarks pointing to your site. This is expected to be a 32x32 PNG image.

This may be relevant.

I'd convert the favicon to a PNG and update the style property.

If that doesn't change anything, I can only assume they're preferring larger images now as they may look better on high DPI screens.

 

[JoyFreak]

Interesting to note that, technically, you're not using a valid favicon in terms of how we reference it in the code. It may be that they're picking up on that.

<link rel="icon" type="image/png" href="https://www.joyfreak.com/styles/joyfreak/favicon.ico" sizes="32x32" />

We set the type as image/png but you're using a .ico file.

Note we have just today actually changed the explanation of the style property to explicitly mention we expect a PNG:



This may be relevant.

I'd convert the favicon to a PNG and update the style property.

If that doesn't change anything, I can only assume they're preferring larger images now as they may look better on high DPI screens.

Ok thanks, I'll give that a shot!

 

[DigNap15]

Yes I'd like to know more about this
On the ACP Style Properties there are three boxes to be filled in
Icon URL (192x192)
Icon URL (512x512)
Favicon URL (32x32)

Where are those images used?

 

[DigNap15]

here is a screen dump

I have put 32x32 favicon into the third field and that comes up on the tabs of each page in my desktop
But what are the other two fields for?
The documentation is not very helpful

 

[Silmarillion]

I would be interested in that too @DigNap15.

What else interests me:

Google itself recommends an icon size of at least 48x48 so that the icons are not displayed distorted in the search results.

This means that the 32x32 are too small.

Which solution is recommended for this?