diedVIPs

html knowhow

Favicon Meta-Tag










htmllogo

Favicons sind kleine Grafikdateien, die für Verknüpfungen und Lesezeichen verwendet werden. Dabei wird zwischen PC-Browser- und mobilen Browser, bzw. mobilen Endgeräten unterscheiden. Wozu sind Favicons gut? Wenn dein Kunde Lesezeichen setzt und du keine Favicons hat, dann werden bei deinen Kunden leere Grafikflächen oder Fragezeichen anstatt deinem LOGO angelegt – das ist nicht professionell. Das Vorhandensein eines/mehreren Favicons ist ein von vielen Faktoren, die auch für Google-Ranking einen Einfluss haben. Fehlen die Icons – dann wird deine Seite nicht so gut von Google bewertet.



 

Icons auf Ihrer Seite einbinden

Irgenwas
So sieht´s aus


Quellcode
<html>
<head>
<link rel="apple-touch-icon" sizes="180x180" href="../Icons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="../Icons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../Icons/favicon-16x16.png" />
<link rel="manifest" href="../Icons/site.webmanifest" />
<link rel="mask-icon" href="../Icons/safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />

<style type="text/css">Hier nichts</style>
</head>

<body >Hier nichts</body>

</html>

Verzeichnis auf dem Server: Icons









Kontakt    Datenschutz   Impressum