Skip to main content
Boletolibre

Set an event website favicon and check where it appears

A favicon is the small site icon in a browser tab, separate from an event poster or shared-link preview. Before uploading one, identify who controls the website and whether the icon belongs to the host or a reusable theme.

Boletolibre editorial team

Published

A detailed event poster shrinks into an unclear tab icon, while a simple high-contrast mark remains identifiable in a browser tab.
Design for the tiny tab surface, then verify the actual host and published page.

Prepare a small, recognizable mark

Download the event favicon source-and-release sheet (English Markdown)

Use a square, high-contrast event or organizer mark. Remove poster text and fine detail that disappear at tab size. Preview it beside other tabs in light and dark themes; record the approved file in the worksheet.[1]

Check the host and future-event scope

Confirm the hostname. Google Search supports one favicon per hostname, not per event subdirectory. A platform may allow a browser-tab icon per page or a theme for future pages; check its scope before replacing a shared icon. A separately hosted ticket page may use different settings.[1]

Publish through the available site controls

Use the site builder’s documented favicon control and publish. On a site you maintain in HTML, a `link` element with `rel="icon"` references the file. Record its URL, owner, affected pages and rollback asset. If a theme applies only to new events, inspect existing pages separately.[1][2]

Verify the tab and allow for Search delay

Open the published event URL in a fresh tab on phone and desktop; check the icon and ticket destination. Google may need to recrawl the home page before its Search icon changes, and display is not guaranteed. A stale Search icon does not prove publication failed.[1]

Sources and further reading

  1. Define a favicon to show in search resultsGoogle Search Central · Accessed
  2. How to Add a Favicon to your SiteW3C · Accessed