fbpx

Welche Favicons sollte man einbauen und wofür braucht man eigentlich diese Favicons?

FAVICONS richtig einbinden

Was sind Favicons?

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.

Wie kann ich meine Seite checken, ob ich genug Favicon-Größen verwende?

Dazu kann ich dir den Dienst https://realfavicongenerator.net/ empfehlen. Dort kannst du einfach deine Domain eintragen und das System sagt dir welche Favicons bei dir fehlen.

Wo kann man einfach und kostenlos die Favicons erstellen lassen?

Dazu gibt es genug Anbieter im Netz, z.B. der Favicon-Generator von IONOS:

https://www.ionos.de/tools/favicon-generator

Er generiert zwar nicht alle notwendigen Größen, das lässt sich aber sehr einfach mit einem beliebigen Grafikeditor schnell erledigen.

Um Favicons für Safari zu erstellen, brauchst du Favicon im sogenannten SVG Format. Du kannst deine PNG ganz einfach zu SVG z.B. mit diesem Dienst kostenfrei umwandeln:

https://convertio.co/de/png-svg/

Jetzt hast du alle notwendigen Grafiken und Files für die Favicons generiert und kannst mit dem Einbauen beginnen.

Wie bindet man Favicons ein?

Schritt 1:

Generiere alle Favicon-Größen (siehe Punkt oben) und lade diese generierten Files in das Root Verzeichnis deiner Domain hoch.

Wenn du das gemacht hast, prüfe kurz, ob du die Grafiken über den Browser aufrufen kannst. Bei mir sieht der Link z.B. so aus: https://www.dietipps.de/favicon-48×48.png

#Beim Klick auf den Link musst du die Grafik sehen können. Wenn beim Klick auf deine URL eine leere Seite kommt, dann prüfe, ob die Grafiken wirklich im ROOT-Verzeichnis abgelegt wurden.

Für „Apple Touch icon“ lege im ROOT-Verzeichnis eine PNG mit folgendem Dateinnamen ab: apple-touch-icon.png

Schritt 2:

Jetzt musst du diesen Code auf deiner Webseite zwischen <head> </head> einbauen:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
	
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari.svg" color="#ffffff">
	
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">	
	
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">

Das war’s. 😉

Wenn du WordPress nutzt, findest du die notwendige Stelle in der Datei header.php.

Diese Datei kannst du auch direkt über das Backend von Wordpress editieren:

Design->Editor.

Rechts unter „Themen-Dateien“ findest du diese PHP-Datei: Drauf klicken, Code einfügen, Speichern – Fertig!

Nachdem du alle Favicons eingebaut hast, prüfe noch mal die Einstellungen mit dem Dienst von Realfavicongenerator.

Bei mir sieht es aktuell so aus:

https://realfavicongenerator.net/favicon_checker?protocol=https&site=www.dietipps.de

Ich wünsche dir stets die beste Facebook-Relevanz!

Anatolij

Kostenfreie Website für meine Abonnenten!

Kostenfreie Website für meine Abonnenten!
💢 Mein Newsletter – Collector v0.3 ist live 💢
 
Wie ich bereits früher geschrieben habe, bastle ich an meinem eigenen Newsletter Tool.
 
Nun bin ich soweit, dass ich 100% automatisierte Mails an meine Abonnenten verschicken kann.
 
Hierzu habe ich aktuell 3 Cronjobs implementiert. 💪
 
Meine Cronjobs sind spezielle Dateien, die sich selbst alle 30 Minuten aufrufen und bestimmte Aufgaben nach vorgegebenen Algorithmen erledigen.
 
Mein Algorithmus verschickt derzeit drei E-Mails:
 
👉 Sofort (max. bis 30 Minuten nach der Anmeldung & Bestätigung) – Willkommensmail mit ersten Tipps und meiner ersten Empfehlung
👉 Nach 3 Tagen – neue Tipps mit zweiter Empfehlung
👉 Nach 9 Tagen – dritte Empfehlung mit einem unschlagbaren Sonderangebot
 
Alle Mails sind personalisiert und ich bekomme nach jedem Versand ein Bericht.
 
Mein Algorithmus ist auch so schlau, dass der Versand-Zeitpunkt immer in etwa in dem Zeitraum liegt, wo die Person das Newsletter zum ersten Mal abonniert hat. Das habe ich extra so implementiert, das dieser Zeitraum offenbar der günstigste für diese Person ist.
 
Kein Abonnent bekommt dieselbe E-Mail zwei mal. Alle drei Newsletter habe ich versucht so zu formulieren, als ob ich eine Geschichte erzähle und somit eine Bindung zum Kunden aufbaue.
 
Ich habe lange überlegt, welches kostenloses Angebot ich im Newsletter anbieten kann, damit ich in der „etwas überfüllter“ Nische eine Chance habe.
 
Wo haben viele Beginner Probleme im Affiliate-Business? 🤔
 
Die Antwort: die Technik!
 
Hab schon öfters gelesen, dass viele Affiliater an der Technik scheitern. Das hat mich auf die Idee gebracht, ein kostenloses Paket zu schnüren, wo ich eine Standard-Webseite inkl. erste Landingpage anbiete. Ich werde per Skype, Teamview und Whatsapp zusammen mit meinen Abonnenten in Form eines Workshops die Webseite installieren und erste Landingpage für deren Produkte bauen. Das ist mein Angebot an meine Newsletter- Abonnenten. 😍
 
Selbstverständlich ist dieses zeitlich begrenztes Angebot an bestimmte Bedingungen geknüpft. Welche Bedingungen das sind, erfahren meine Abonnenten im 3-ten Newsletter. Hier setzte ich natürlich gezielt auf Neugier und erhöhe somit die Chance, dass alle drei Newsletter von meinen Abonnenten aufmerksam gelesen werden. 😎
 
Was werde ich jetzt tuen?
 
Ich werde mehrere Landingpages zu dieser Aktion bauen und diese LPs per Facebook Ads pushen.
 
Die erste LP ist bereits fertig und kann gerne hier begutachtet werden:
 
 
Technische Eckdaten zu meinem NL-Collector v.03:
154 PHP-Files (inkl. PHPMailer)
Über 10.000 Zeilen Code
1-e DB in MySQL
 
Ich wünsch dir stets die beste Facebook-Relevanz!
Anatolij
 
P.S. Hat jemand von euch Lust über die Rechtschreibfehler in meinen Newsletter drüber zu gehen 👀? Deutsch ist nicht unbedingt meine Stärke. 😃 1000 Dank!
 
#affiliate #newsletter #marketing