Wie man ein Favicon erstellt
![Wie man Favicon erstellt 16261788290909 Wie man Favicon erstellt](/img/blog/wie-man-favicon-erstellt/1561040413___.png)
Was ist ein Favicon?
![Wie man Favicon erstellt 16261788290910 So sieht das Favicon einer Website aus](/img/blog/wie-man-favicon-erstellt/1561040414chrome_2019-06-19_10.png)
Wozu braucht man ein Favicon?
Eine Seite ohne Favicon sieht im Vergleich zu anderen zumindest grau aus: Anstelle eines einprägsamen Symbols gibt es ein Standard Windows Symbol, das schon vor der Erfindung des Flachbildschirms verwendet wurde.
![Wie man Favicon erstellt 16261788290911 So sieht das Favicon in Chrome-Geschichte](/img/blog/wie-man-favicon-erstellt/1561040416chrome_2019-06-19_10.png)
![Wie man Favicon erstellt 16261788290912 Favicon im Browser](/img/blog/wie-man-favicon-erstellt/1561040417chrome_2019-06-19_10.png)
Wie erstellt man ein Favicon?
Alle diese Services sind extrem einfach zu bedienen. Wir haben mehrere Tools zusammengestellt, mit denen du schnell und kostenlos ein Favicon finden kannst.
![Wie man Favicon erstellt 16261788290912 Favicon-Generator](/img/blog/wie-man-favicon-erstellt/1561040419chrome_2019-06-19_10.png)
So bindet man ein Favicon in die Website ein
Um die Zuverlässigkeit in jeder Bildauflösung zu gewährleisten, wird jedoch empfohlen, die Ausgabe des Favicons manuell in den HTML-Code der Seite aufzunehmen. Darum geht es hier:
<link href="http://ваш-сайт.ru/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://ваш-сайт.ru/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?v=2" />
Fazit
Um ein Symbol für die Website zu erstellen und zu installieren, benötigst du nicht mehr als 10 Minuten. Im Netzwerk gibt es viele kostenlose Online-Dienste mit verschiedenen Funktionen und einer Auswahl an Bildern, einige bieten an, selbst ein Logo zu erstellen.
![«Checklist» von Serpstat](/img/blog/wie-man-favicon-erstellt/15610404201-min.png)
Die Option „Checklist" ist eine To-do-Liste, die dir hilft, den Aufgabenstatus des bestimmten Projekts zu verfolgen. Das Tool umfasst fertige Vorlagen mit einer umfangreichen Liste der Parameter, die zur Entwicklung erforderlich sind. Du kannst diese fertigen Vorlagen einsetzen oder eigene Posten hinzufügen.
Checklist testen |
blog_main_page_trial_form_header
article_trial_block_first_line
article_trial_block_second_line
discover_more_seo_tools
seo_seo_block_title_1
seo_seo_block_text_1
seo_seo_block_title_2
seo_seo_block_text_2
seo_seo_block_title_3
seo_seo_block_text_3
seo_seo_block_title_4
seo_seo_block_text_4
Empfehlungen
Cases, Lifechaks, Studien und nützliche Artikel
Hast du keine Zeit, um auf dem Laufenden zu bleiben? Kein Problem! Unsere Lieblingsredakteurin Stacy sammelt für dich die besten Artikel, die dir unbedingt bei der Arbeit helfen. Trete unserer Community bei :)
Wenn du auf die Schaltfläche zum Absenden klickst, stimmst du den Nutzungsbedingungen und der Datenschutz-Policy von Serpstat zu.