Does Webflow support displaying favicons on the search engine results page when images are stored on Webflow's CDN rather than on the domain?

Published on
September 22, 2023

Yes, Webflow supports displaying favicons on the search engine results page even when the images are stored on Webflow's Content Delivery Network (CDN) rather than on the domain. Here's how you can do it:

  1. Access the Project Settings: Go to your Webflow project and click on the "Project Settings" icon in the left sidebar.

  2. Open the "Custom Code" tab: Once you're in the project settings, click on the "Custom Code" tab.

  3. Add the Favicon code: In the "Head Code" section, you can add the code for your favicon. The code should be like the following:

    ```html

    \`\`\`

    Replace "https://your-cdn-url.com/path-to-your-favicon.png" with the URL of your favicon image on Webflow's CDN. This URL should be the direct link to the image file.

  4. Save and Publish: After you've added the favicon code, click on the "Save Changes" button at the bottom of the page. Then, publish your site for the changes to take effect.

By adding the favicon code to the project settings, you're instructing the browser to display your favicon image on the search engine results page when your site is listed.

It's worth noting that the search engine results page may take some time to update the favicon display. This is because search engines may need to recrawl and reindex your site before the changes are reflected on the results page. Also, make sure that your favicon image is in the correct format and size to ensure optimal display on different devices.

In conclusion, Webflow allows you to display favicons on the search engine results page even when the images are stored on its CDN. By adding the correct favicon code to your project settings, you can enhance your site's branding and recognition on search engine listings.

Additional Questions:

  1. How can I create a favicon for my Webflow site?
  2. Can I use an animated favicon on my Webflow site?
  3. Are there any recommended dimensions for favicons on Webflow?