Was ist ein Favicon und warum ist das überhaupt wichtig?

Ein Favicon (kurz für Favorite Icon) ist das kleine Symbol, das in Browser-Tabs, Lesezeichen, Suchergebnissen oder auf mobilen Startbildschirmen neben dem Seitennamen angezeigt wird. Es dient als visuelles Erkennungsmerkmal einer Website und unterstützt die Wiedererkennbarkeit einer Marke oder eines Projekts. Ein gut gestaltetes Favicon erleichtert Nutzer:innen die Orientierung im Browser und sorgt für einen professionellen, konsistenten Auftritt im Web.

Das Favicon wird in der Regel über eine kleine Verknüpfung im Kopfbereich (Header)einer Website eingebunden. Dazu legt man die Favicon-Datei – meist ein quadratisches Symbol im Format .ico, .png oder .svg – im Hauptverzeichnis der Website ab und verweist im HTML-Code darauf. So erkennt der Browser automatisch das passende Symbol und zeigt es in der Tab-Leiste, in den Favoriten oder auf dem Startbildschirm an. Auf diese Weise wird das Favicon Teil des visuellen Auftritts jeder Seite.

Und bei Yellow? Funktioniert das auch so?

• Der Code zur Einbindung des Favicons wird vollständig über die CMS-Software abgewickelt. Das heißt, über Verknüpfungen im Kopfbereich entfällt hier. Das bedeutet auch, dass in keinem Layout ein Verweis auf das Favicon hinterlegt werden muss.
• Stattdessen braucht man in /system/themes lediglich das Icon, am besten im PNG-Format abzulegen.
• Der Clou: das Favicon wird genauso genannt wie das Theme. Also wenn das Theme stockholm (in Yellow sind irgendwie alle Themes nach Städten benannt) ist, heißt der Dateiname des Favicon stockholm.png. Durch die Programmierung tief im CMS wird dieses Bild dann als Favicon für das jeweilige Theme verwendet.
• Wenn man jetzt innerhalb der Website verschiedene Themes hat, hinterlegt man also das gleiche Icon mehrfach unter verschiedenen Namen: stockholm.png, paris.png, etc...

Nachtrag: Mit der Meta-Extension von Yellow kann man auch ein Site-weites Favicon festlegen, das dann offenbar überall gilt.