Hängen Sie ein spezifisches Favicon für die Google-Suche an HTML an ⇐ HTML

[Anonymous]

Im Google-Suchergebnis für meine Website zeigt das Favicon ein Quadrat in einem runden Container. Das sieht schlecht aus und verleiht meiner Website nicht das richtige Aussehen, aber mir gefällt, wie es in den Tabs aussieht. Gibt es eine Möglichkeit, wie ich dafür sorgen kann, dass auf der Registerkarte ein quadratisches Favicon und in der Suche ein kreisförmiges Favicon angezeigt wird?
Ich vermute, dass ich etwas an den Meta-Tags ändere oder manifest.json bearbeite, bin mir aber nicht sicher, wo ich anfangen soll
Wie mein Favicon in einem Safari-Tab aussieht
Wie mein Favicon in Suchergebnissen aussieht
So sehen meine HTML-Meta-Tags aus

Code: Select all

So sehen meine Symbole in manifest.json aus

Code: Select all

"icons": [
{
"src": "media/favicon/maskable_icon_x96.png",
"sizes": "96x96",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "media/favicon/maskable_icon_x128.png",
"sizes": "128x128",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "media/favicon/maskable_icon_x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "media/favicon/180.png",
"sizes": "180x180",
"type": "image/png",
"purpose": "any"
},
{
"src": "media/favicon/512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
}
]