Cornelia Hohenegg, sichtbar anders*

*Web-Design, Logo-Gestaltung, Visualisierung

Snippet

Favicon

Favicons sind Ikons, Piktogramme oder Bilder und befinden sich links neben der eingegeben URL. Die kleinen Ikons zeigen dem User auf den ersten Blick, welche Inhalte sich hinter den geöffneten Tabs verbergen und dienen der Unterscheidung der geöffneten Tabs (Registerkarten), auch wenn der Titel einmal nicht mehr lesbar ist.

Dargestellt wird das Favicon im Browser-Tab neben dem Titel, in der Favoritenleiste, in der Lesezeichenliste, als TouchIkon mobil und mobil im Snippet. Eingebunden wird das Favicon im Hauptverzeichnis der Anwendung.

Es ist ein grafisches Element und dient als Merkmal der Wiedererkennung und ist damit ein Element des Corporate Designs. In manchen Browsern werden die Favicons nicht nur mobil dargestellt.

Format des Favicion

Das Favicon ist quadratisch, 16×16 Pixel oder 32×32 Pixel groß und hat die Dateibezeichnung .ico.

Wie erstelle ich ein Favicon

Online gibt es verschiedene Generatoren, die aus den Dateiformaten .png, .jpeg, .jpg oder .gif eine ICO-Datei erstellen.

Wie erstelle ich ein Favicon

Online gibt es verschiedene Generatoren, die aus den Dateiformaten .png, .jpeg, .jpg oder .gif eine ICO-Datei erstellen.

Was macht ein gutes Favicon aus?
  • Hoher Wiedererkennungswert: Basis sollte hierbei das Logo sein oder ein Element aus dem Logo (Stilelement oder Farbigkeit)
  • auf einen Blick eine schnelle Erkennbarkeit : klare und einfache Formensprache
  • Farbigkeit: Einprägsame und Abgrenzende Farben
Einfügen des Favicon In WordPress
  • Ablage des Favicon im Hauptverzeichnis (Rooterverzeichnis), 1. Ebene in der WordPress-Installation) mit der Bezeichnung „favicon.ico“
  • oder über WordPress, Dashboard: Design / Customizer fügen Sie das Favicon ein (Hochladen über die Mediathek).
Auf einen Blick die Vorteile, Nutzen des Favicon
  • Benutzerfreundlich: schnelles finden in den Browser-Tabs
  • Lesezeichen als Touch-Ikon
  • Mobil in der Snippetvorschau

Nun viel Spaß beim Erstellen des Favicon.

Weitere Notizen zur Logo-Gestaltung

Vergütung: Pauschal oder nach Aufwand

Veröffentlicht: August 11, 2021

Warum ich gerne ein unverbindliches Angebot nach einem Kennenlern-Gespräch erstelle.

Cash Praxistag Finanzen

Veröffentlicht: März 9, 2021

Optimierung und Ausarbeitung der Idee zum Logo.

Notizen: zur Logo-Gestaltung

Veröffentlicht: August 12, 2021

Notizen: rund um das Thema Logo-Gestaltung

Webdesign Conlexia

Conlexia

Veröffentlicht: April 21, 2021

Für das Unternehmen conlexia habe ich das Logo gestaltet und die Website, sowie verschiedene Kommunikationsmittel.

Logo-Gestaltung

Gifs + Branding

Veröffentlicht: August 16, 2021

Was unterscheidet Gifs und Emojis voneinander.

zur Marke: Logo-Gestaltung

Veröffentlicht: Juni 29, 2021

Logo-Gestaltung ist viel mehr als die Gestaltung eines Logos.

Social Media + ihr Logo

Veröffentlicht: August 23, 2021

Verwendung des Logos in Social Media, ein paar Anmerkungen hierzu.

PowerPoint und Storytelling

Veröffentlicht: April 22, 2021

Snippet

Was sind Snippets?

Snippet ist die englische Bezeichnung für Schnipsel. Einfach ausgedrückt beschreibt das Snippet den Inhalt, die Information, die der User auf der Seite findet. Und entspricht somit einer Kurzzusammenfassung der Seite. Der Suchende sieht auf einem Blick, ob die Seite die Inhalte beinhaltet, nach denen sie/er sucht. Das Snippet ist das einzelne Suchergebnis. In der SERP Page (SERP = ist die Abkürzung des englischen Begriffs Search Engine Results Page) werden die Suchergebnisse dargestellt. Für die Rangfolge der Suchergebnisse sind sogenannte Rankingfaktoren entscheidend. Damit eine Seite gut gefunden wird, ist es von Vorteil, wenn der Inhalt auf ein Fokuskeyword ausgerichtet ist, also ein Thema jeweils im Vordergrund steht.

Weitere Themen

Suche & Keywords

Veröffentlicht: Juni 24, 2021

Wie beeinflusst das Keyword die Suche.

Struktur eines Snippet

Ein Snippet besteht aus der URL, dem Title, der Meta-Description, dem Flavicon und dem Keyword der Seite. Die Snippet-Erstellung ist eine Maßnahme der SEO-Optimierung.

Beispiel für ein Snippet

Im unten dargestellten Beispiel habe ich nach „Regenschirm + Damen“ gesucht. Ohne Bewertung der beiden dargestellten Suchergebnisse

Favicon
Das Favicon wird in der mobilen Suche dargestellt.
URL
Darstellen der URL + das Keyword

Snippet-Title
Der Title soll aus ca. 65 Zeichen bestehen, Verstärker je nach Bereich, Suchintension einbauen. Der Title zeigt das Thema der Seite, Bei der Suchanfrage wird durch das Scannen des Titles erkannt, ob die Seite relevant ist für die Suchanfrage ist. Daher sollte der Title möglichst aussagekräftig sind und das Keyword enthalten.

Meta-Description
ca. 140 bis 160 Zeichen. Struktur erstellen durch Sonderzeichen und Farbigkeit. Die Beschreibung sollte aussagekräftig, interessant und relevant sein. Auf einen Blick den Inhalt der Seite darstellen und neugierig machen.
Keywords
Die maßgeblichen Keywords sind fett hervorgehoben.

Ikons
Ikons unterstützen beim Strukturieren und heben ein Snippet von den anderen Suchergebnissen ab.

Navigation
Die Navigation wird automatisch erstellt.

Was bedeutet Featured Snippet?
Featured Snippets sind hervorgehobene Snippets in den Suchergebnissen von Google. Diese “Position 0” liefert die direkte Antwort auf die Suchanfrage des Nutzers.

Wie erstelle ich ein Snippet in WordPress
In WordPress kann über PlugIns pro Seite das Snippet erstellt werden.

Auf den Punkt
Das Snippet soll pro Seite und Themenbereich erstellt werden. Am Besten sie überlegen sich hierzu eine Strategie und überprüfen zu erst mit welchen Suchbegriffen nach ihrer Leistung oder Produkt gesucht wird.