Inhaltsverzeichnis
Details zu Favicons
Die wichtigsten Merkmale von Favicons sind:
- Kleines quadratisches Bild: Normalerweise 16×16 oder 32×32 Pixel, aber manchmal sind sie unterschiedlich. Favicons sind immer quadratisch und sollten überall dort passen, wo Sie sie platzieren.
- Bildmaterial: Favicons sind typischerweise Initialen, ein Firmenlogo oder ein Bild, das die Zielgruppe als mit der Marke verbunden erkennen kann.
- Identifizierung: Favicons wurden entwickelt, damit Benutzer eine Website identifizieren können, insbesondere wenn sie mehrere Tabs oder Lesezeichen geöffnet haben.
- Identität: Verwenden Sie Favicons für die Markenidentität.
Anwendungsbeispiele aus der Praxis:
- Unternehmen und Organisationen: Das Apple-Symbol, das mit Apple verbunden ist, das bunte G für Google und das blaue “in”-Quadrat für LinkedIn sind Beispiele für Favicons.
- E-Commerce: Onlineshops verwenden normalerweise ihr Logo als Favicon.
Wofür wird ein Favicon verwendet?
Marken verwenden Favicons für Branding und User Experience.
- Markenbekanntheit: Wie in den Praxisbeispielen zuvor gezeigt, sind Favicons ein visueller Hinweis für Benutzer, um Ihre Website zu identifizieren.
- Benutzerfreundlichkeit: Favicons sind besonders sichtbar, wenn ein Benutzer mehrere Tabs geöffnet hat und so zurück zu Ihrer Website navigieren kann.
- Professionalität: Benutzer werden es bemerken, wenn Sie ein Standardsymbol haben. Fügen Sie ein Favicon hinzu, um schnell einen professionellen Eindruck zu vermitteln.
Wo werden Favicons angezeigt?
Sie sehen Favicons an diesen Stellen online:
- Browser-Tabs: Favicons in Browser-Tabs sind so konzipiert, dass Benutzer auf Ihre Website zurückklicken können, wenn sie mit mehreren geöffneten Tabs und Websites surfen.
- Lesezeichenleiste: Favicons erscheinen, wenn Benutzer eine Website als Lesezeichen speichern. Sie sehen das Symbol dann in ihrer Liste.
- Verlauf: Wenn Benutzer ihren Suchverlauf überprüfen, werden normalerweise Favicons angezeigt.
- Suchergebnisse: Einige Suchmaschinen wie Google zeigen Favicons neben den Titeln von Websites und Artikeln an.
Praktische Hinweise zu Favicons
Berücksichtigen Sie Folgendes beim Entwerfen und Verwenden von Favicons:
- Halten Sie es einfach: Vermeiden Sie komplexe Designs, da die Icons klein sind. Einfachheit verbessert den Wiedererkennungswert Ihrer Marke.
- Wählen Sie wiedererkennbare Elemente: Wählen Sie ein Logo, Ihre Initialen oder ein Bild, das mit Ihrer Marke verbunden ist.
- Verwenden Sie hohen Kontrast: Testen Sie, ob das Favicon im hellen Modus, im dunklen Modus und in anderen Szenarien sichtbar ist.
- Erstellen Sie mehrere Größen: Ändern Sie die Größen und Auflösungen für verschiedene Plattformen.
- Verwenden Sie das .ico-Format: Dies ist das gängigste Favicon-Format.
Welche Dateiformate sind für Favicons üblich?
ICO ist das Hauptdateiformat für Favicons, Sie können aber auch andere Formate verwenden.
- PNG: Wird in modernen Browsern als Alternative zu ICO verwendet.
- SVG: Abkürzung für Scalable Vector Graphics. SVGs werden in verschiedenen Größen verwendet.
- GIF: Wird für animierte Favicons verwendet; einige Browser unterstützen sie. In anderen erscheinen sie jedoch als Standbilder.
Warum sind Favicons wichtig?
Verwenden Sie Favicons aus den folgenden Gründen:
- Branding: Favicons können verstärken Markenidentität; Benutzer vergessen Ihre Website leicht, wenn Sie ein Standard-CMS-Logo haben.
- Benutzererfahrung: Website-Besucher verwenden Favicons zur Navigation.
- Professionalität: Ein Favicon suggeriert Liebe zum Detail und dass Ihnen die kleinen Dinge wichtig sind, während dessen Ignorieren die Glaubwürdigkeit mindern kann.
Sind Favicons für SEO wichtig?
Favicons haben keinen direkten Einfluss auf SEO, aber das bedeutet nicht, dass Sie sie ganz ignorieren sollten. Benutzer klicken möglicherweise auf Ihre Website, wenn sie ein Favicon in den Suchergebnissen bemerken, was zu höheren Suchmaschinen-Rankings führen kann. Es ist leicht, eine Website ohne Favicon zu übersehen oder zu vergessen.
Kann ein Favicon animiert sein?
Favicons können manchmal via GIF animiert werden. Einige Browser unterstützen GIF-Favicons, andere nicht. Es lohnt sich also, die Regeln jedes Browsers zu überprüfen, den Sie verwenden.
Welche Größen werden für ein Favicon in den verschiedenen Browsern benötigt?
Unten finden Sie eine Tabelle mit Favicon-Größen basierend auf der Plattform, auf der sie verwendet werden.
| Größe (Pixel) | Anwendungsfall(fälle) |
|---|---|
| 16×16 | Browser-Tabs und Lesezeichen |
| 32×32 | Tabs (manchmal) und andere hochauflösende Displays |
| 48×48 | Desktopsymbole auf Windows-Computern |
| 64×64 | iOS und andere Plattformen |
| 128×128 | Chrome Web Store und andere Online-Shops |
Fazit
Favicons können helfen Markenidentität und Professionalität, aber Sie sollten ihre Größe für optimale Ergebnisse optimieren. Browser verwenden typischerweise 32×32, aber größere Größen sind erforderlich für Online-Shops und andere Medien. Halten Sie Ihr Favicon beim Erstellen einfach und wählen Sie Farben, die mit Ihrer Marke verbunden sind. Überlegen Sie, ob Sie Logos, Bilder oder Symbole verwenden möchten.
