Das WordPress-Symbol, auch bekannt als Favicon, erscheint standardmäßig im Browser-Tab Ihrer Website.
Während dies funktioniert, wenn Sie nur an Ihrer neuen Website arbeiten, ziehen es viele Website-Besitzer vor, es zu ersetzen oder zu entfernen, um ihre Markenidentität besser widerzuspiegeln.
Wir haben viele Websites auf WordPress erstellt, darunter Blogs und E-Commerce-Shops, und eines, was wir immer tun, ist, das Standard-Symbol durch ein Favicon zu ersetzen, das unsere Marke repräsentiert.
Diese einfache Änderung hat uns geholfen, unsere Markenidentität zu stärken, unsere Websites vertrauenswürdiger aussehen zu lassen und ihre allgemeine visuelle Attraktivität zu verbessern.
In diesem Artikel zeigen wir Ihnen, wie Sie das WordPress-Icon einfach aus dem Browser-Tab entfernen können.
Warum das WordPress-Symbol aus dem Browser-Tab entfernen?
Das WordPress-Symbol in Ihrem Browser-Tab kann Ihre Website generisch und unprofessionell aussehen lassen. Die meisten Benutzer haben viele Tabs in ihrem Browser geöffnet, was dazu führen kann, dass der Titel Ihrer Website verborgen wird.
Mit nur dem WordPress-Logo im Tab können Ihre Benutzer Ihre Website nicht unter vielen anderen identifizieren.
Indem Sie das WordPress-Symbol aus dem Browser-Tab entfernen und ein Favicon (auch bekannt als Ihr Website-Symbol) hinzufügen, können Sie Ihr Markenlogo verwenden und Ihre Website für Ihre Besucher benutzerfreundlicher gestalten.
Ein Favicon ist ein winziges Bild, das neben dem Titel Ihrer Website im Browser angezeigt wird.
Das Favicon hilft Ihren Benutzern, Ihre Website sofort zu erkennen und effizient zwischen verschiedenen Tabs zu wechseln. Häufige Besucher werden sogar eine sofortige Wiedererkennung für dieses winzige Bild in ihrem Browser aufbauen.
Dennoch wollen wir uns ansehen, wie Sie das WordPress-Symbol einfach aus dem Browser-Tab entfernen können. Heute werden wir uns beide Methoden ansehen, und Sie können diejenige wählen, die für Sie am besten passt:
- Methode 1: Entfernen des WordPress-Icons ohne Plugin
- Methode 2: Entfernen des WordPress-Icons mit einem Plugin
- Bonus: Browser-Tab-Benachrichtigung in WordPress hinzufügen
- Häufig gestellte Fragen
Methode 1: Entfernen des WordPress-Icons ohne Plugin
Wenn Sie in WordPress ein Block-Theme verwenden, können Sie diese Methode verwenden, um das WordPress-Icon im Browser-Tab zu entfernen.
Zum Zeitpunkt der Erstellung dieses Tutorials verfügt das Standard-WordPress-Theme Twenty Twenty-Three nicht über einen Website-Symbol-Block, um Ihr Favicon vom WordPress-Logo zu ändern.
Navigieren Sie zunächst im WordPress-Admin-Dashboard zu Darstellung » Editor, um den Full-Site-Editor zu öffnen.
Von hier aus können Sie Ihr Favicon jedoch nicht ändern oder das WordPress-Symbol aus dem Browser-Tab entfernen. Kopieren Sie dazu die folgende URL und fügen Sie sie in Ihren Browser ein, um den Theme-Customizer zu öffnen:
https://example.com/wp-admin/customize.php
Denken Sie daran, „example.com“ durch den Domainnamen Ihrer eigenen Website zu ersetzen.
Diese URL führt Sie zum Theme Customizer, wo Sie auf den Reiter „Site Identity“ klicken müssen.
Wenn Sie dort sind, scrollen Sie nach unten zum Abschnitt „Website-Icon“.
Von hier aus klicken Sie einfach auf die Schaltfläche „Website-Symbol auswählen“, um die WordPress-Mediathek zu öffnen.
Sie können nun jedes Bild auswählen, das Sie als Favicon verwenden möchten, um das WordPress-Symbol auf dem Browser-Tab zu ersetzen.
Weitere Details zur Erstellung eines Favicons finden Sie in unserem Tutorial zum Hinzufügen eines Favicons in WordPress. Wenn das Bild, das Sie als Favicon verwenden möchten, die empfohlene Größe überschreitet, können Sie es in WordPress zuschneiden.
Sobald Sie mit Ihrer Wahl zufrieden sind, klicken Sie einfach oben auf die Schaltfläche „Veröffentlichen“.
Entfernen Sie das WordPress-Symbol in einem Theme ohne Full-Site-Editing
Wenn Sie ein klassisches Theme verwenden, können Sie direkt zum Theme Customizer unter Appearance » Customize navigieren, um das WordPress-Symbol aus dem Browser-Tab zu entfernen.
In Websites, die den Full-Site-Editor nicht unterstützen, können Sie mit dem WordPress Theme Customizer Details Ihrer Website ändern, wie z. B. das Favicon, die Typografie, Standardfarben, das Footer-Menü und mehr.
Klicken Sie im Theme Customizer auf die Registerkarte „Website-Identität“. Der Vorgang ist derselbe wie oben gezeigt. Sie können das WordPress-Symbol entfernen, indem Sie einfach ein Website-Symbol Ihrer Wahl hochladen.
Wenn Sie mit Ihrer Wahl zufrieden sind, klicken Sie einfach auf die Schaltfläche „Veröffentlichen“, um die Änderungen zu speichern.
Methode 2: Entfernen des WordPress-Icons mit einem Plugin
Sie können auch ein Plugin verwenden, um das WordPress-Symbol zu entfernen und es durch ein Favicon zu ersetzen.
Zuerst müssen Sie das Heroic Favicon Generator Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Anfängeranleitung zur Installation eines WordPress-Plugins.
Haftungsausschluss: Das Plugin wurde nicht mit der neuesten Version von WordPress getestet. Als wir es jedoch mit klassischen und Block-Themes verwendeten, schien es gut zu funktionieren. Wenn Sie immer noch unsicher sind, können Sie unseren Leitfaden unter veraltete Plugins verwenden lesen.
Besuchen Sie nach der Aktivierung die Seite Einstellungen » Heroic Favicon Generator im WordPress-Dashboard und klicken Sie auf die Schaltfläche „Favicon auswählen“.
Dies öffnet die WordPress-Mediathek. Nun können Sie jedes Bild auswählen und hochladen, das Sie als Favicon verwenden möchten.
Nachdem Sie dies getan haben, scrollen Sie nach unten zum Abschnitt „Vorschauen“, wo Sie sehen können, wie das Favicon auf Ihrer WordPress-Website aussehen wird.
Sobald Sie zufrieden sind, scrollen Sie einfach nach unten und klicken Sie auf die Schaltfläche „Änderungen speichern“.
Sie haben das WordPress-Symbol erfolgreich entfernt und stattdessen ein Favicon hinzugefügt.
Bonus: Browser-Tab-Benachrichtigung in WordPress hinzufügen
Zusätzlich zum Hinzufügen eines benutzerdefinierten Favicons, um die Aufmerksamkeit der Benutzer zu erregen, können Sie auch Browser-Tab-Benachrichtigungen für Ihre Website hinzufügen, um Kunden zurückzugewinnen.
Diese Benachrichtigung ist eine Nachricht, die in Ihrem Browser-Tab angezeigt wird, wenn der Benutzer auf einer anderen Website fokussiert ist. Sie kann helfen, die Abbruchrate von Warenkörben zu senken und mehr Traffic auf Ihre Website zu lenken.
Sie können ganz einfach eine Browser-Tab-Benachrichtigung in WordPress mit WPCode hinzufügen. Es ist das beste WordPress-Code-Snippet-Plugin auf dem Markt, das das Hinzufügen von benutzerdefiniertem Code zu Ihrer Website sicher und einfach macht.
Nach der Installation des Plugins müssen Sie lediglich die Seite Code Snippets » + Snippet hinzufügen in Ihrer WordPress-Admin-Seitenleiste aufrufen und unter der Option „Benutzerdefinierten Code hinzufügen (Neues Snippet)“ auf „Snippet verwenden“ klicken.
Dies führt Sie zur Seite „Benutzerdefiniertes Snippet erstellen“, auf der Sie im Dropdown-Menü auf der rechten Seite „JavaScript-Snippet“ als „Code-Typ“ auswählen müssen.
Fügen Sie anschließend den folgenden benutzerdefinierten Code in das Feld „Code-Vorschau“ ein:
let count = 0;
const title = document.title;
function changeTitle() {
count++;
var newTitle = '(' + count + ') ' + title;
document.title = newTitle;
}
function newUpdate() {
const update = setInterval(changeTitle, 2000);
}
document.addEventListener('DOMContentLoaded', newUpdate );
Klicken Sie abschließend auf die Schaltfläche „Snippet speichern“ und schalten Sie den Schalter „Inaktiv“ auf „Aktiv“.
Sie haben nun erfolgreich eine Browser-Tab-Benachrichtigung zu Ihrer Website hinzugefügt, die die Anzahl der neuen Updates anzeigt.
Wenn Sie eine Nachricht anzeigen oder Favicons in Ihrem Browser-Tab ändern möchten, dann sehen Sie sich unser vollständiges Tutorial an, wie Sie ganz einfach Browser-Tab-Benachrichtigungen in WordPress hinzufügen.
Häufig gestellte Fragen
Hier sind einige Fragen, die unsere Leser häufig zum Entfernen des WordPress-Icons aus dem Browser-Tab stellen:
Was ist das WordPress-Symbol im Browser-Tab?
Das kleine Logo, das Sie neben einem Seitentitel im Browser-Tab sehen, wird als Favicon oder Website-Symbol bezeichnet.
In WordPress wird dies normalerweise unter Einstellungen » Allgemein (oder Darstellung » Anpassen » Website-Identität) festgelegt. Wenn Sie es nicht angepasst haben, verwendet WordPress dort sein Standardlogo.
Auch wenn es unwichtig erscheinen mag, hilft dieses winzige Bild den Benutzern, Ihre Website schnell zwischen vielen Tabs zu erkennen. Wenn Sie das Standardsymbol belassen, kann sich Ihre Website generisch anfühlen und Ihre Markenbekanntheit beeinträchtigen.
Warum sehe ich immer noch das WordPress-Icon, nachdem ich es entfernt habe?
Wenn Sie das WordPress-Favicon ersetzt oder entfernt haben, es aber immer noch angezeigt wird, machen Sie sich keine Sorgen – das ist ein häufiges Problem. Dies geschieht normalerweise, weil Ihr Browser oder Ihre Website immer noch eine zwischengespeicherte Version des alten Symbols ausliefert.
Hier sind ein paar Dinge, die Sie überprüfen können:
- Leeren Sie Ihren Browser-Cache und den Website-Cache: Browser neigen dazu, Favicon-Bilder aggressiv zu speichern. Versuchen Sie, Ihren Browser-Cache zu leeren oder die Seite mit Strg + F5 (Windows) oder Command + Shift + R (Mac) neu zu laden.
- CDN-Cache leeren: Wenn Ihre Website mit einem Content Delivery Network (CDN) wie Cloudflare verbunden ist, wird möglicherweise eine ältere Version Ihres Favicons ausgeliefert. Melden Sie sich bei Ihrem CDN-Konto an und leeren Sie den Cache, um sicherzustellen, dass Ihr neues Icon angezeigt wird.
- Überprüfen Sie Theme- oder Plugin-Overrides: Einige Themes und Plugins haben eigene Favicon-Einstellungen, die Ihre globalen Website-Icons überschreiben können. Stellen Sie sicher, dass kein Favicon in Ihren Theme-Optionen oder einem Plugin, wie z. B. einem Page Builder oder einem SEO-Tool, festgelegt ist.
- Favicon-Links aus dem Code entfernen: In seltenen Fällen kann ein Favicon fest im header.php-Datei Ihres Themes verankert sein. Suchen Sie nach
<link rel="icon"...>oder<link rel="shortcut icon"...>-Tags und entfernen oder aktualisieren Sie diese nach Bedarf.
Nachdem Sie diese Änderungen vorgenommen haben, aktualisieren Sie Ihre Website in einem Inkognito- oder privaten Browserfenster, um zu sehen, ob das neue Favicon korrekt angezeigt wird.
Welche Schritte sollte ich unternehmen, um sicherzustellen, dass mein Favicon auf allen Geräten korrekt angezeigt wird?
Die Verwendung des richtigen Favicon-Formats und der richtigen Größe stellt sicher, dass es auf allen Geräten und Browsern korrekt angezeigt wird. Wenn Ihr Favicon unscharf aussieht oder nicht richtig aktualisiert wird, befolgen Sie diese Best Practices:
- Verwenden Sie quadratische Bilder mit mindestens 512×512 Pixeln
- Fügen Sie eine
.ico-Datei für die Kompatibilität hinzu - Fügen Sie die richtigen
<link rel="icon">HTML-Tags in den Header Ihrer Website ein - Browser- und Website-Cache leeren
Wenn Sie diese Tipps befolgen, wird Ihr Favicon korrekt angezeigt, sieht scharf aus und hilft, die Markenidentität Ihrer Website zu stärken.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie das WordPress-Icon aus dem Browser-Tab entfernen. Vielleicht möchten Sie auch unseren Leitfaden für Anfänger zum Thema Erhalten von Feedback zum Website-Design in WordPress und unsere Top-Beispiele für WordPress-Websites, die Sie sich ansehen sollten ansehen.
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
Jiří Vaněk
Ich habe eine Website mit dem Sydney-Theme und habe alle möglichen Methoden ausprobiert, um ein Favicon zur Website hinzuzufügen. Ich hatte noch nie Probleme damit und alles hat immer gut funktioniert. Ich war verzweifelt, also habe ich zum ersten Mal ein Plugin ausprobiert und den Heroic Favicon Generator verwendet. Ich bin mir nicht sicher, wo das Problem lag, aber dank des Plugins konnte ich das Favicon sofort auf der Website anzeigen. Ein sehr nützliches Werkzeug, wenn nichts anderes funktioniert.