How to change logo in google search
When I search for my website on google. The results show the logo for wasp on the left of the link instead of my own logo. What part of the wasp code do I need to change to make sure that I get the right logo in google search results?
7 Replies
Hi @rithvik12345678. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
The logo that appears in Google search results is typically determined by the metadata of your website, specifically the
og:image property. However, the provided knowledge sources do not contain specific information on how to change this property within the Wasp framework.
One of the community members in a Discord support thread (https://discord.com/channels/686873244791210014/1209467473389297684) mentioned a potential workaround using the react-helmet library, which allows you to set the head of your HTML directly from React. This could potentially be used to set the og:image property to your desired logo. However, this is not a native Wasp feature and may not work as expected.
For more specific guidance, I recommend checking the Wasp documentation or reaching out to the Wasp community for support.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
Sorry @rithvik12345678, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:
Perhaps try again in 15mins?I changed the meta properties in many different ways but the google search results are still showing the wasp logo instead of my logo. Can anyone else help with this?
Maybe it's cached?
Even when I open it in an incognito window or when I clear all cache it still shows up in google search results with the wasp logo.
@miho Any ideas as to what the issue could be
@rithvik12345678, I just saw your second issue where you talk about the favicon.
For the Google search results, you've probably seen this: https://developers.google.com/search/docs/appearance/favicon-in-search?hl=en&visit_id=638493103009709125-1551551025&rd=1
The thing is, Wasp already does this for you.
I checked it and it works, this is taken from the HTML Wasp generates by default (I built the app for production and checked):
And the ref resolves to the right path (a custom favicon I set).
Also, from what I understand, you also did it yourself 😄
If that's the case (and you can confirm that the site is loaded into the browser with the correct meta tag by viewing the page source and clicking on the link), then I'm guessing it's no longer Wasp-specific.
Maybe Google needs some time to update what it knows about your site, have you tried checking it out later?
One final idea, I'm checking the docs I linked above, and here's what it says:
Is it possible that your favicon is not in the right format or that Google accidentally deems it inappropriate (red rectangle)?
Also, could it be that you change it a couple of times in a short timespan and Google is now taking its time to update it (purple rectangle)?