Klein aber oho: das Favicon
Es ist klein und sticht doch sogleich ins Auge. Na, was könnte das sein? Wir wollen dich nicht zu sehr auf die Folter spannen. Des Rätsels Lösung lautet: ein Favicon. Ok, das ist jetzt ziemliches Fachchinesisch. Angetroffen hast du ein Favicon aber bestimmt schon. So nennt man nämlich die kleinen Symbole, die neben der URL einer Webseite bei den gespeicherten Favoriten und den Bookmarks sichtbar sind.
Genau hinschauen
Neu zeigt Google Favicons zudem in den Suchergebnissen an. Die Suchmaschine bezieht das Icon über die Favicon Bilddatei. Aber nur, wenn der Webmaster eine solche Datei auf der Webseite hinterlegt hat.
Wieso sind Favicons wichtig?
Aus dem gleichen Grund, weshalb ein Branding wichtig ist: Nämlich, damit man die Marke wiedererkennt. Und es dient der Orientierung. In einem Browser mit vielen offenen Tabs kann es schnell unübersichtlich werden. Die Symbole helfen dem Benutzer, wieder zu den relevanten Inhalten zu finden.
Wie erstellt man ein Favicon?
Mit diesem Online-Tool kannst du ein Favicon erstellen: https://www.favicongenerator.com/. Aber auch die meisten Bildbearbeitungsprogramme können ein Favicon generieren.
Auf folgendes sollte man dabei achten:
- Das Favicon muss die Marke repräsentieren. Man sollte also nicht irgendein Bild einsetzen, sondern eines, das zum Logo passt.
- Das Favicon sollte quadratisch und mindestens 48 x 48 Pixel gross sein. Ideal sind 256 x 256 Pixel, so dass es auch auf hochauflösenden Displays noch gut aussieht.
- Erstelle wenn möglich eine PNG-Datei.
- Achte darauf, dass das Favicon auch in der kleinen Adresszeile des Browsers noch gut erkennbar ist.
- Vermeide Schattierungen und Weichzeichnungen. So klein wie das Favicon dargestellt wird, verfehlen solche speziellen Effekte ihre Wirkung. Sie sorgen höchstens dafür, dass das Symbol verschwommen wirkt.
Bist du technisch ein Crack, kannst du das Favicon gleich selbst auf deiner Webseite einbetten. Oder du wendest dich an deinen Webmaster.
- Der Webmaster muss das Favicon im Quelltext der Webseite verlinken. Über das so genannte Tag mit der Relation «shortcut icon», also zum Beispiel so:
< link rel="shortcut icon" href="/pfad/zum/favicon.ico"> - Die URL zum Favicon darf sich nicht ändern und muss konstant bleiben.
Autor dieses Posts
Auf Social Media teilen
Abonniere unser Blog
Tipps und Neuigkeiten aus den Bereichen Web und Marketing.
PS: dein Datenschutz ist uns wichtig. Deshalb fragen wir nur nach deiner E-Mail-Adresse, und keinen weiteren Daten. Die Adresse verwenden wir nur, um dir neue Blog-Beiträge zu senden. Du kannst das Abonnement jederzeit wieder löschen - in jedem Mail steht dir hierfür ein Link zum definitiven Austragen zur Verfügung. Auch steht dir unser freundlicher Support zur Verfügung. Hier ist noch unsere Datenschutzerklärung.
Fragen und Antworten zu diesem Post
Stelle deine Frage zu diesem Blogpost
Hier kannst du uns deine Frage senden. Wenn diese für andere Leser interessant ist, wird sie (anonymisiert) an dieser Stelle veröffentlicht.