Wer hätte vor langer Zeit gedacht, dass eine kleine Grafik in Form eines Icons einen großen Unterschied für eine Marke, für eine Website machen könnte. Die meisten Entwickler lassen diese interessante Möglichkeit jedoch ganz außen vor. Deshalb werden wir darüber sprechen, was ein Favicon ist , und eine Art endgültigen Leitfaden für Webdesigner und -entwickler erstellen.
Was ist ein Favicon? Wofür ist das?
Wir sprechen von einem kleinen visuellen Element, das jedoch von entscheidender Bedeutung ist, um unsere Website von der Masse abzuheben. Das Wort Favicon setzt sich aus zwei Wörtern zusammen: Favoriten und Symbole. Favoriten verweisen direkt auf den Favoritenbereich unseres Webbrowsers. Bei einem Symbol handelt es sich offensichtlich um ein Logo oder ein grafisches Element, das eine Website, ein Blog, ein Magazin, eine Marke oder ein Unternehmen im elektronischen Raum darstellt.
Im Allgemeinen beträgt die Größe 16×16 Pixel. Eines richtig zu entwerfen ist nicht gerade einfach, es erfordert eine enorme Menge an Vorstellungskraft, da wir auf kleinem Raum arbeiten. Im Gegenzug sollten Sie versuchen, klar zu sein und angesichts seiner Größe hervorzustechen.
Die Idee dahinter ist, dass es sich um eine Art visuelle Identifikation unserer Website handelt. Wenn ein Benutzer unser Favicon sieht, muss er es automatisch mit unserer Website verlinken. Vor allem, wenn sie zu viele Tabs öffnen und der Name der Website nicht angezeigt werden kann.
Die enorme Bedeutung eines Favicons
Die meisten erfahrenen Webdesigner sind der Ansicht, dass Favicons ein äußerst wichtiger Bestandteil jeder Website sind. Der Grund dafür ist, dass sie an strategischen Orten zu finden sind. Wo? Sie erscheinen normalerweise hier:
- Auf der linken Seite der Browser-Registerkarten.
- Menü „Webbrowser-Verlauf“.
- Im Dropdown-Menü der Browser-Favoriten.
- Aus der Symbolleistenanwendung.
- Browserverlauf.
- sucht.
- Suchvorschläge.
- Suchergebnisse.
SEO und Favoriten
Website-Optimierung für Suchmaschinen (SEO) und Favicons hängen eng zusammen. Es ist ein nützliches Werkzeug, das indirekt Einfluss auf die Klassifizierung nehmen kann. Darüber hinaus sprechen wir von einem kostengünstigen Vermögenswert, bei dem es nicht notwendig ist, so große Anstrengungen zu unternehmen oder eine große Menge an Ressourcen zu bündeln.
- Das Favicon erhöht die Wahrscheinlichkeit, dass eine Website in einem Webbrowser wie Firefox, Chrome oder Edge als Lesezeichen gespeichert wird. Dadurch erhöht sich die Wahrscheinlichkeit, dass der Benutzer die Website erneut besucht.
- Einfach zu bedienende Websites haben bessere Chancen auf ein SEO-Ranking und das Favicon erhöht die Benutzerfreundlichkeit.
- SEO hat zu einem großen Teil viel mit Marketing und Branding zu tun. Offensichtlich liefert uns ein Favicon dies eindeutig.
Spezifikationen
Viele Websites entscheiden sich dafür, eine kleinere Version ihres Markenlogos zu verwenden.
- In den allermeisten Fällen muss ein Favicon 16×16 Pixel groß sein.
- 57×57 wäre die Standardgröße für den iOS-Startbildschirm.
- Bei Plattformen wie Google TV werden 96×96 Pixel große Favicons verwendet.
- Opera Speed Dial verwendet 195×195 Pixel.
- Die Touch-Favicons von Apple sind 180×180 Pixel groß.
Bezüglich des Bildformats, das wir im Favicon verwenden werden. Wir müssen das ICO-Format verwenden, obwohl es auch möglich ist, andere Formate wie PNG, JPEG usw. zu verwenden.