Favicon und Website-Icon festlegen

Favicon und Website-Icon in WordPress festlegen

Ein Favicon (kurz für „Favorites Icon“) ist das kleine Bild, das in der Browser-Tab-Leiste oder in der Lesezeichenliste neben dem Titel Ihrer Website angezeigt wird. Es sorgt für eine bessere Markenwiedererkennung und hilft Ihren Nutzern, Ihre Seite schneller zu identifizieren. Auch das Website-Icon ist in der Regel das gleiche wie das Favicon und kann auf mobilen Geräten als App-Symbol erscheinen, wenn die Website zum Startbildschirm hinzugefügt wird.

1. Favicon in WordPress festlegen

In WordPress ist das Festlegen eines Favicons einfach und erfolgt über den Customizer. Hier sind die Schritte:

1. Anmelden: Melden Sie sich im WordPress-Dashboard an.
2. Customizer öffnen: Gehen Sie zu Design > Customizer. Dies öffnet den WordPress-Design-Customizer, wo Sie das Aussehen Ihrer Website anpassen können.
3. Website-Identität: Klicken Sie auf den Bereich Website-Identität. Hier können Sie den Titel und das Tagline Ihrer Website sowie das Favicon und das Website-Icon bearbeiten.
4. Favicon hochladen: In diesem Bereich sehen Sie die Option Website-Icon. Klicken Sie auf die Schaltfläche Bild auswählen, um das gewünschte Bild für Ihr Favicon hochzuladen. Die empfohlene Größe für das Favicon ist mindestens 512 x 512 Pixel, da es in verschiedenen Bereichen der Website (z.B. in mobilen Browsern) angezeigt wird.
5. Bild zuschneiden (optional): Nachdem Sie das Bild hochgeladen haben, können Sie es zuschneiden, falls es notwendig ist, um sicherzustellen, dass es die richtige Größe hat.
6. Änderungen speichern: Klicken Sie auf Veröffentlichen, um Ihre Änderungen zu speichern und das Favicon auf Ihrer Website zu aktivieren.

2. Favicon auf mobilen Geräten anzeigen (Website-Icon)

Das Website-Icon ist besonders wichtig für die Darstellung auf mobilen Geräten. Wenn ein Nutzer Ihre Website auf sein Smartphone oder Tablet hinzufügt, wird das Website-Icon als App-Symbol angezeigt. Auch hierfür wird im Wesentlichen dasselbe Bild wie für das Favicon verwendet.

Die Einstellungen für das Website-Icon befinden sich ebenfalls im Bereich Website-Identität im Customizer. WordPress sorgt dafür, dass das Favicon als Website-Icon auf mobilen Geräten verwendet wird.

3. Wichtige Hinweise zur Wahl des Favicons

• Größe und Format: Ein Favicon sollte mindestens 512 x 512 Pixel groß sein und im PNG-, JPG- oder ICO-Format vorliegen. PNG ist das gängigste und am besten unterstützte Format.
• Design-Tipps: Wählen Sie ein einfaches, erkennbares Design, das auch in kleinen Größen gut aussieht. Vermeiden Sie zu viele Details, da das Favicon in Browser-Tabs und mobilen Geräten sehr klein angezeigt wird.
• Transparente Hintergründe: Ein transparentes Favicon funktioniert gut, da es auf unterschiedlichen Hintergründen gut aussieht und sich anpasst.

4. Fazit

Das Festlegen eines Favicons und Website-Icons in WordPress ist ein einfacher, aber wichtiger Schritt, um die Benutzererfahrung zu verbessern und Ihre Website professioneller wirken zu lassen. Es trägt zur Markenidentität bei und hilft den Nutzern, Ihre Website in ihren Browser-Tabs oder auf ihren mobilen Geräten schnell wiederzuerkennen.