{"id":6236,"date":"2025-09-03T18:13:54","date_gmt":"2025-09-03T18:13:54","guid":{"rendered":"\/de\/tutorials\/?p=6236"},"modified":"2026-01-30T23:41:27","modified_gmt":"2026-01-30T23:41:27","slug":"wordpress-favicon","status":"publish","type":"post","link":"\/de\/tutorials\/wordpress-favicon","title":{"rendered":"Was ist ein WordPress Favicon und wie f\u00fcgt man es hinzu? 4 schnelle Methoden"},"content":{"rendered":"<p>Ein Favicon ist ein kleines Bild, das in der Registerkarte des Webbrowsers angezeigt wird, wenn ein Benutzer auf Ihre WordPress-Website zugreift. Es hilft den Nutzern, Ihre Website schnell zu erkennen, wenn mehrere Tabs ge&ouml;ffnet sind, insbesondere wenn der Titel Ihrer Website nicht sichtbar ist.<\/p><p>In diesem Tutorial wird erkl&auml;rt, was ein WordPress Favicon ist, wie wichtig es ist und wie man es erstellt. Wir werden auch verschiedene M&ouml;glichkeiten erkunden, wie Sie ein Favicon zu Ihrer Website hinzuf&uuml;gen k&ouml;nnen, damit Sie eines nach Ihren Vorlieben ausw&auml;hlen k&ouml;nnen.<\/p><p>\n\n\n\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\"> Was ist ein Favicon? <\/h4>\n                    <p> Ein Favicon ist ein Bild, in der Regel ein Logo, das Ihre WordPress-Website kennzeichnet. Es hat in der Regel ein rechteckiges Seitenverh&auml;ltnis, eine niedrige Aufl&ouml;sung und enth&auml;lt die visuelle Identit&auml;t Ihrer Website, z. B. die Farbpalette. Sie k&ouml;nnen es mit einer Grafiksoftware wie Photoshop, Webtools oder der in WordPress integrierten Funktion erstellen. <\/p>\n                <\/div>\n\n\n\n<\/p><p>Ein Favicon hilft Nutzern bei der Verwaltung mehrerer Registerkarten und erh&ouml;ht die Sichtbarkeit Ihrer Website auf den Ergebnisseiten von Suchmaschinen (SERPs). Dieses Icon begleitet die URL Ihrer Website und erm&ouml;glicht es den Nutzern, die Webseite schnell zu identifizieren.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a264c1a50046\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a264c1a50046\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/09\/hostinger-favicon-on-a-browser-tab.png\" alt=\"Hostinger-Favicon auf einem Browser-Tab\" class=\"wp-image-115433\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Dieses Bild wird auch auf den Startbildschirmen der Nutzer als App-Icon angezeigt, wenn sie Ihre Webseite auf ihrem Ger&auml;t als Lesezeichen speichern. Ein eindeutiges Favicon l&auml;sst Ihre Website nicht nur professioneller erscheinen, sondern hilft auch beim Aufbau des Brandings.<\/p><h2 class=\"wp-block-heading\" id=\"h-wie-man-ein-favicon-bild-erstellt\">Wie man ein Favicon-Bild erstellt<\/h2><p>Um ein WordPress Favicon zu erstellen, k&ouml;nnen Sie eine beliebige Grafikdesign-Software oder ein Online-Tool wie <a href=\"https:\/\/realfavicongenerator.net\/\" target=\"_blank\" rel=\"noopener\">Real Favicon Generator<\/a> nutzen. Ihre Wahl h&auml;ngt von Ihrer Erfahrung mit visuellen Designkonzepten und Ihren F&auml;higkeiten ab, diese Tools zu bedienen.<\/p><p>Ber&uuml;cksichtigen Sie also Folgendes:<\/p><ul class=\"wp-block-list\">\n<li><strong>Aufl&ouml;sung<\/strong>. Da Ihr Icon nur auf SERPs und Browser-Tabs erscheint, ist ein &uuml;berm&auml;&szlig;ig hoch aufgel&ouml;stes Bild nicht unbedingt notwendig. Die ideale Gr&ouml;&szlig;e eines WordPress-Favicons ist <a href=\"https:\/\/mailchimp.com\/resources\/favicon-size\/\" target=\"_blank\" rel=\"noopener\">512 x 512 Pixel<\/a>.<\/li>\n\n\n\n<li><strong>Seitenverh&auml;ltnis.<\/strong> Das Favicon auf Ihrer WordPress-Seite muss in einem <strong>1:1<\/strong>-Seitenverh&auml;ltnis richtig angezeigt werden. Andernfalls k&ouml;nnte es abgeschnitten oder verzerrt werden, was das Aussehen der Webseite beeintr&auml;chtigt.<\/li>\n\n\n\n<li><strong>Farbpalette<\/strong>. Wenn Sie einen transparenten Hintergrund verwenden, hebt sich Ihr Favicon besser ab, insbesondere wenn Sie wei&szlig;e Elemente oder Icone verwenden. Denken Sie daran, die gleiche Palette wie Ihre Marke zu verwenden, um eine konsistente Website-Identit&auml;t zu erhalten.<\/li>\n\n\n\n<li><strong>Dateiformat<\/strong>. Das PNG-Format ist erforderlich, wenn die Favicon-Datei Ihrer WordPress-Website einen transparenten Hintergrund enth&auml;lt. Andernfalls k&ouml;nnen Sie Erweiterungen wie ICO, JPEG oder GIF<strong> <\/strong>verwenden, die WordPress unterst&uuml;tzt.<\/li>\n\n\n\n<li><strong>Anforderungen f&uuml;r Suchmaschinen<\/strong>. Ihr WordPress-Website-Icon muss den <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/favicon-in-search\" target=\"_blank\" rel=\"noopener\">Google-Richtlinien f&uuml;r Favicons<\/a> entsprechen, um in den SERPs korrekt angezeigt zu werden.<\/li>\n<\/ul><p>Die Schritte zur Erstellung von WordPress Favicons variieren stark, je nach Grafiksoftware und gew&uuml;nschtem Bild. Wenn Sie eine einfachere L&ouml;sung w&uuml;nschen, verwenden Sie den <a href=\"\/de\/logo-erstellen\">Hostinger KI Logo Maker<\/a>, um das Bild kostenlos zu erstellen!<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\"> Experten-Tipp <\/h4>\n                    <p> Wir empfehlen, Ihr WordPress-Favicon nicht zu h&auml;ufig zu &auml;ndern, da es ein wichtiger Bestandteil der Identit&auml;t Ihrer Website ist. H&auml;ufige &Auml;nderungen verhindern m&ouml;glicherweise, dass Besucher eine starke Markenassoziation aufbauen. <\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-methoden-um-favicons-in-wordpress-hinzuzufugen\"><strong>Methoden, um Favicons in WordPress hinzuzuf&uuml;gen<\/strong><\/h2><p>In diesem Abschnitt werden vier g&auml;ngige Methoden zum Hinzuf&uuml;gen eines benutzerdefinierten Favicons zu Ihrer WordPress-Website vorgestellt. Da sie alle den gleichen Zweck erf&uuml;llen, w&auml;hlen Sie einfach eine nach Ihren Vorlieben und Bed&uuml;rfnissen.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-den-gutenberg-block-editor-verwenden\"><strong>1. Den Gutenberg-Block-Editor verwenden<\/strong><\/h3><p>Der einfachste Weg, ein Favicon zu Ihrer WordPress-Seite hinzuzuf&uuml;gen, ist die Verwendung des <strong>Gutenberg-Editors<\/strong>. Beachten Sie, dass diese Funktion nur f&uuml;r<strong> Block-Themes<\/strong> und <strong>WordPress 5.9 <\/strong>oder neuere Versionen verf&uuml;gbar ist.<\/p><p>Und so geht&rsquo;s:<\/p><ol class=\"wp-block-list\">\n<li>Loggen Sie sich in Ihr <strong>WordPress Dashboard<\/strong> ein &rarr; <strong>Design<\/strong> &rarr; <strong>Anpassen<\/strong>.<\/li>\n\n\n\n<li>Bewegen Sie den Mauszeiger &uuml;ber den Bereich, in dem Sie das Icon platzieren m&ouml;chten und klicken Sie auf das <strong>Plus<\/strong> (<strong>+<\/strong>)-Icon. Sie k&ouml;nnen es &uuml;berall platzieren, wir empfehlen jedoch eine der Ecken der Kopfzeile.<\/li>\n\n\n\n<li>Suchen und w&auml;hlen Sie den Block <strong>Seitenlogo<\/strong>.<\/li>\n\n\n\n<li>Bewegen Sie den Mauszeiger &uuml;ber den Block und klicken Sie auf das Icon <strong>Hochladen<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a264c1a51f84\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a264c1a51f84\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"262\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image.png\/public\" alt=\"Website-Iconblock im WordPress-Gutenberg-Editor\" class=\"wp-image-6237\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Laden Sie Ihre Favicon-Datei hoch oder w&auml;hlen Sie eine aus Ihrer WordPress-<strong>Medienbibliothek<\/strong> aus. Klicken Sie auf <strong>Ausw&auml;hlen<\/strong>, um zu best&auml;tigen.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a264c1a52da8\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a264c1a52da8\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"474\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-1.png\/public\" alt=\"Favicon-Bild in der WordPress-Medienbibliothek\" class=\"wp-image-6239\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"6\" class=\"wp-block-list\">\n<li>Klicken Sie auf das Favicon und navigieren Sie zum Abschnitt <strong>Blockeinstellungen<\/strong> in der rechten Seitenleiste. Wenn Sie die Option nicht sehen, klicken Sie auf die Schaltfl&auml;che <strong>Einstellungen<\/strong> oben rechts auf Ihrem Bildschirm.<\/li>\n\n\n\n<li>Aktivieren Sie in der Seitenleiste die Funktion <strong>Als Website-Icon verwenden<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a264c1a53b31\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a264c1a53b31\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"418\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-4.png\/public\" alt=\"Verwenden Sie die Umschaltfunktion f&uuml;r das Website-Icon im Gutenberg-Website-Editor.\" class=\"wp-image-6242\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-4.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-4.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-4.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"8\" class=\"wp-block-list\">\n<li>Klicken Sie oben rechts auf <strong>Speichern <\/strong>, um die &Auml;nderungen zu &uuml;bernehmen.<\/li>\n<\/ol><p>Wenn Sie Ihre Website besuchen, sollten Sie das neue Favicon anstelle des Standard-WordPress-Logos sehen.<\/p><h3 class=\"wp-block-heading\"><strong>2. &Uuml;ber den WordPress Customizer zugreifen und konfigurieren<\/strong><\/h3><p>Benutzer des klassischen Themes k&ouml;nnen ein Favicon mit der WordPress-Funktion <strong>Customizer<\/strong> hinzuf&uuml;gen. Diese Methode ist nur m&ouml;glich, wenn Sie<strong> WordPress 4.3<\/strong> oder h&ouml;her verwenden. So geht&rsquo;s:<\/p><ol class=\"wp-block-list\">\n<li>Gehen Sie in Ihrem WordPress-Dashboard zu <strong>Design<\/strong>&rarr; <strong>Anpassen.<\/strong> Wenn Sie die Option nicht sehen k&ouml;nnen, f&uuml;gen Sie <strong>wp-admin\/customize.php<\/strong> zu Ihrer Website-URL hinzu, um sie manuell zu &ouml;ffnen.<\/li>\n\n\n\n<li>Navigieren Sie zur <strong>linken Seitenleiste<\/strong> &rarr; <strong>Website-Identit&auml;t<\/strong>. Klicken Sie auf die Schaltfl&auml;che <strong>Website-Icon ausw&auml;hlen<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a264c1a54adc\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a264c1a54adc\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"415\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-6.png\/public\" alt=\"Men&uuml; &bdquo;Website-Identit&auml;t&ldquo; im WordPress-Customizer\" class=\"wp-image-6244\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-6.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-6.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-6.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Laden Sie Ihr Bild hoch oder w&auml;hlen Sie es aus der <strong>Mediathek<\/strong>. Best&auml;tigen Sie mit <strong>Ausw&auml;hlen<\/strong>.<\/li>\n\n\n\n<li>Passen Sie die Gr&ouml;&szlig;e des Favicons an Ihre Bed&uuml;rfnisse an und klicken Sie auf <strong>Bild zuschneiden<\/strong>. Um die Standardeinstellungen zu verwenden, w&auml;hlen Sie <strong>Beschneiden &uuml;berspringen<\/strong>.<\/li>\n\n\n\n<li>Jetzt sollten Sie die Vorschau Ihres Website-Favicons unter dem <strong>Website-Icon<\/strong>-Abschnitt in der Seitenleiste sehen. Um die &Auml;nderungen zu speichern, klicken Sie auf <strong>&Auml;nderungen speichern<\/strong>.<\/li>\n<\/ol><h3 class=\"wp-block-heading\"><strong>3. Das RealFaviconGenerator-Plugin verwenden<\/strong><\/h3><p>Wenn Sie mehr Anpassungsm&ouml;glichkeiten und Vorschaubilder w&uuml;nschen, verwenden Sie ein Plugin eines Drittanbieters, um ein Favicon in WordPress einzurichten. Es gibt mehrere Optionen, aber wir empfehlen <a href=\"https:\/\/wordpress.org\/plugins\/favicon-by-realfavicongenerator\/\" target=\"_blank\" rel=\"noopener\"><strong>Favicon by RealFaviconGenerator<\/strong><\/a>, da es die am h&auml;ufigsten verwendete Option ist.<\/p><p>Nach der Installation und Aktivierung des Plugins folgen Sie diesen Schritten, um ein neues Favicon zu erstellen und hinzuzuf&uuml;gen:<\/p><ol class=\"wp-block-list\">\n<li>Navigieren Sie in Ihrem WordPress-Administrations-Dashboard zu <strong>Design<\/strong> &rarr; <strong>Favicon<\/strong>.<\/li>\n\n\n\n<li>Klicken Sie auf <strong>Aus der Mediathek ausw&auml;hlen<\/strong> und laden Sie ein neues Bild hoch oder w&auml;hlen Sie ein vorhandenes Bild aus Ihrer WordPress-Bibliothek aus.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a264c1a55bd9\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a264c1a55bd9\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"310\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-7.png\/public\" alt=\"Die Schaltfl&auml;che &bdquo;Select from the Media Library&rdquo; im Men&uuml; des Real Favicon Generator-Plugins\" class=\"wp-image-6245\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-7.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-7.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-7.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Klicken Sie auf <strong>Favicon generieren<\/strong>, und das Plugin leitet Sie auf eine separate Seite weiter.<\/li>\n\n\n\n<li>Wenn Sie das Standardbild beibehalten m&ouml;chten, w&auml;hlen Sie die Option <strong>Das urspr&uuml;ngliche Bild so verwenden, wie es ist<\/strong>. Andernfalls passen Sie Einstellungen wie die Hintergrundfarbe, den Radius und die Bildgr&ouml;&szlig;e an.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a264c1a569a6\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a264c1a569a6\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"141\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-3.png\/public\" alt=\"Real Favicon Generator-Optionen zur Bearbeitung von Favicons\" class=\"wp-image-6241\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-3.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-3.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-3.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Scrollen Sie nach unten zu den <strong>Favicon-Generator-Optionen<\/strong> und klicken Sie auf <strong>Ihre Favicons und HTML-Code generieren<\/strong>, um zu best&auml;tigen.<\/li>\n<\/ol><p>Das war&rsquo;s! Sie werden zur&uuml;ck zum <strong>Favicon<\/strong>-Men&uuml; im WordPress Dashboard weitergeleitet. Klicken Sie auf die Schaltfl&auml;che <strong>&Uuml;berpr&uuml;fen Sie Ihr Favicon<\/strong>, um zu &uuml;berpr&uuml;fen, ob Ihr Website-Icon richtig funktioniert. Um das aktuelle Icon zu ersetzen, wiederholen Sie einfach die oben genannten Schritte.<\/p><p>Denken Sie daran, dass dieses Plugin aktiviert bleiben muss, um das Favicon anzuzeigen. Wenn Sie es deaktivieren oder deinstallieren, wird das Icon Ihrer Website nicht mehr angezeigt.<\/p><p>Aktualisieren Sie das Plugin regelm&auml;&szlig;ig, um Sicherheitsrisiken und Bugs zu vermeiden. Um diese Aufgabe zu vereinfachen, k&ouml;nnen <a href=\"\/de\/wordpress-hosting\"><strong>Hostinger Managed WordPress Hosting<\/strong><\/a>-Nutzer die Auto-Update-Funktion im <strong>hPanel<\/strong> aktivieren.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/de\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-4104\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/06\/DE-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h3 class=\"wp-block-heading\"><strong>4. Theme-Dateien manuell bearbeiten<\/strong><\/h3><p>Sie k&ouml;nnen ein Favicon hinzuf&uuml;gen, indem Sie das Bild manuell in den WordPress-Rootordner hochladen und Ihre Theme-Datei bearbeiten. Da diese Methode etwas komplexer sein kann, empfehlen wir sie f&uuml;r Entwickler oder Personen mit Programmierkenntnissen.<\/p><p>\n\n\n<div><p class=\"important\"><strong>Wichtig! <\/strong>Idealerweise sollten Sie Codesnippets in einer <a href=\"\/de\/tutorials\/wordpress-staging-site-erstellen\">WordPress-Staging-Umgebung<\/a> &uuml;berpr&uuml;fen, bevor Sie sie zur Live-Site hinzuf&uuml;gen. Dieser Schritt stellt sicher, dass die neuen Erg&auml;nzungen keine potenziell schwerwiegenden Fehler verursachen.<\/p><\/div>\n\n\n\n<\/p><p>Bevor Sie dies tun, erstellen und aktivieren Sie ein Child-Theme, um sicherzustellen, dass Ihr Favicon-Code nach einem Update intakt bleibt. F&uuml;hren Sie dann die folgenden Schritte aus:<\/p><ol class=\"wp-block-list\">\n<li>&Ouml;ffnen Sie die <strong>Real Favicon Generator<\/strong>-Website, klicken Sie auf <strong>Pick your Favicon image<\/strong> und laden Sie die Favicon-Datei von Ihrem Computer hoch.<\/li>\n\n\n\n<li>Scrollen Sie zum Abschnitt <strong>Favicon Generator Options<\/strong> und klicken Sie auf die Registerkarte <strong>Path<\/strong>. W&auml;hlen Sie aus, wo Sie das Favicon-Bild ablegen m&ouml;chten. Idealerweise sollten Sie das <strong>root-<\/strong>Verzeichnis w&auml;hlen.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a264c1a58c7b\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a264c1a58c7b\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/de\/tutorials\/wp-content\/uploads\/sites\/29\/2025\/09\/the-select-from-the-media-library-button-in-real-favicon-generator-plugin-menu.avif\" alt=\"Die Schaltfl&auml;che &bdquo;Select from the Media Library&rdquo; im Men&uuml; des Real Favicon Generator-Plugins\" class=\"wp-image-7946\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Klicken Sie auf <strong>Generate your Favicons and HTML code<\/strong>.<\/li>\n\n\n\n<li>Sie werden auf die Seite mit der Installationsanleitung weitergeleitet. Klicken Sie auf die Schaltfl&auml;che <strong>Favicon package<\/strong>, um die Favicon-Dateien herunterzuladen.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a264c1a59c4d\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a264c1a59c4d\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"281\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-2.png\/public\" alt=\"Optionen f&uuml;r den Pfad des Real Favicon Generator\" class=\"wp-image-6238\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-2.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-2.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-2.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Kopieren Sie das Codesnippet und bewahren Sie es sicher auf, zum Beispiel in einer TXT-Datei. Alternativ k&ouml;nnen Sie diese Registerkarte ge&ouml;ffnet lassen, da wir sie sp&auml;ter ben&ouml;tigen.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a264c1a5ab76\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a264c1a5ab76\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"387\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-5.png\/public\" alt=\"Installationsanleitung f&uuml;r den Real Favicon Generator\" class=\"wp-image-6243\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-5.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-5.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2025\/09\/image-5.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Jetzt, da die Dateien und der Code fertig sind, f&uuml;gen Sie sie zu Ihrer WordPress-Website hinzu. So geht&rsquo;s:<\/p><ol class=\"wp-block-list\">\n<li>Greifen Sie auf das <strong>public_html<\/strong>-Rootverzeichnis Ihrer WordPress-Website zu, indem Sie einen <strong>File Transfer Protocol<\/strong> (FTP)-Client wie<strong> FileZilla <\/strong>oder den Dateimanager Ihres Hosting-Providers verwenden.<\/li>\n\n\n\n<li>Laden Sie das heruntergeladene Archiv hoch und entpacken Sie es in das Verzeichnis <strong>public_html<\/strong>. Denken Sie daran, dass <strong>public_html<\/strong> nur die Favicon-Dateien enthalten sollte, nicht den Ordner.<\/li>\n\n\n\n<li>Geben Sie die folgende URL in Ihren Webbrowser ein, um zu best&auml;tigen, dass WordPress Ihr Favicon lesen kann. Ersetzen Sie <strong>domain.tld<\/strong> mit Ihrem tats&auml;chlichen Domainnamen:<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">domain.tld\/favicon.ico<\/pre><ol start=\"4\" class=\"wp-block-list\">\n<li>&Ouml;ffnen Sie Ihr WordPress-Dashboard und navigieren Sie zu <strong>Werkzeuge <\/strong>&rarr; <strong>Theme File<\/strong> <strong>Editor<\/strong>.<\/li>\n\n\n\n<li>Im Men&uuml; <strong>Theme-Dateien<\/strong> auf der rechten Seite w&auml;hlen Sie <strong>header.php<\/strong> aus. Falls Ihr Theme diese Datei nicht enth&auml;lt, bearbeiten Sie stattdessen die <strong>Datei functions.php<\/strong>.<\/li>\n\n\n\n<li>F&uuml;gen Sie den HTML-Code des Real Favicon Generator am Ende Ihrer Datei nach dem <strong>?&gt;<\/strong>-Tag ein. In unserem Fall sieht das Snippet wie folgt aus:<\/li>\n<\/ol><pre class=\"wp-block-preformatted\">&lt;link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\"&gt;&gt;&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\"&gt;&lt;link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\"&gt;&lt;link rel=\"manifest\" href=\"\/site.webmanifest\"&gt;&lt;link rel=\"mask-icon\" href=\"\/safari-pinned-tab.svg\" color=\"#5bbad5\"&gt;&gt;&lt;meta name=\"msapplication-TileColor\" content=\"#da532c\"&gt;&lt;meta name=\"theme-color\" content=\"#ffffff\"&gt;<\/pre><ol start=\"7\" class=\"wp-block-list\">\n<li>Klicken Sie auf <strong>Datei aktualisieren<\/strong>, um die &Auml;nderungen zu speichern.<\/li>\n<\/ol><p>Um das benutzerdefinierte Favicon zu entfernen, l&ouml;schen Sie den Code aus Ihrer Theme-Datei und entfernen Sie die Bilddateien aus dem WordPress-Rootverzeichnis.<\/p><h2 class=\"wp-block-heading\" id=\"h-fazit\"><strong>Fazit<\/strong><\/h2><p>Ein WordPress Favicon ist ein kleines Bild, das auf der Browser-Registerkarte eines Benutzers erscheint, wenn dieser Ihre Website aufruft. Es hilft ihnen, zwischen den Tabs zu unterscheiden und f&ouml;rdert die Wiedererkennung der Marke.<\/p><p>Sie k&ouml;nnen ein Favicon mit einer Grafiksoftware oder einem Webtool wie dem<strong> Real Favicon Generator<\/strong> erstellen. Denken Sie daran, dass das Bild quadratisch sein muss, mindestens <strong>512 x 512 Pixel<\/strong> gro&szlig; sein muss und den Richtlinien f&uuml;r Suchmaschinen entspricht.<\/p><p>Der einfachste Weg, ein Favicon zu Ihrer Website hinzuzuf&uuml;gen, ist die Verwendung des<strong> Website-Icon<\/strong>-Blocks im Gutenberg-Editor. Wenn Sie klassische Themes verwenden, nutzen Sie die <strong>WordPress Customizer<\/strong>-Funktion im <strong>Design<\/strong>-Men&uuml;.<\/p><p>Alternativ k&ouml;nnen Sie ein Plugin wie <strong>Real Favicon Generator<\/strong> verwenden und das Bild &uuml;ber die <strong>Design<\/strong>-Einstellung hochladen. Entwickler k&ouml;nnen dies auch manuell tun, indem sie das Icon in das WordPress-Rootverzeichnis hochladen und HTML-Code in die <strong>PHP<\/strong>-Datei des Themes einf&uuml;gen.<\/p><h2 class=\"wp-block-heading\" id=\"h-wordpress-favicon-faq\">WordPress Favicon FAQ<\/h2><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-6943ffb02298a\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Wie entfernt man das Standard-WordPress Favicon?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Sie k&ouml;nnen das Standard-WordPress Favicon zwar nicht entfernen, aber Sie k&ouml;nnen es durch ein anderes Bild ersetzen. Dazu k&ouml;nnen Sie den integrierten Editor, den Theme-Customizer, ein Plugin oder die Datei <strong>header.php<\/strong> verwenden. Wenn Sie das neue Icon entfernen, wird das Standard-WordPress Favicon wieder angezeigt.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6943ffb02298f\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Wie kann ich das Favicon in WordPress transparent machen?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Um einen transparenten WordPress Favicon-Hintergrund zu erstellen, speichern Sie das Bild in einer Erweiterung, die Transparenz unterst&uuml;tzt, wie <strong>PNG<\/strong>. Wenn Ihr Icon in einem anderen Format vorliegt, m&uuml;ssen Sie den Hintergrund mit einer Grafiksoftware entfernen und als neue Datei speichern.&nbsp;<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6943ffb022990\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Wof&uuml;r braucht man ein Favicon?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Das WordPress Favicon hilft Nutzern, zwischen verschiedenen Websites zu unterscheiden, wenn sie mehrere Registerkarten in ihren Webbrowsern &ouml;ffnen. Au&szlig;erdem erh&ouml;ht es die Sichtbarkeit auf den Ergebnisseiten der Suchmaschinen und steigert die Markenbekanntheit.&nbsp;<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-6943ffb022991\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>Was ist der Unterschied zwischen einem Favicon und einem Website-Icon in WordPress?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ein Favicon ist ein kleines Bild auf den Browser-Registerkarten der Nutzer neben dem Titel Ihrer Website. Ein Website-Icon hingegen ist in der Regel gr&ouml;&szlig;er und befindet sich in mehreren Bereichen Ihrer Webseite. Es ist eine detailliertere Darstellung Ihrer Markenidentit&auml;t.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ein Favicon ist ein kleines Bild, das in der Registerkarte des Webbrowsers angezeigt wird, wenn ein Benutzer auf Ihre WordPress-Website zugreift. Es hilft den Nutzern, Ihre Website schnell zu erkennen, wenn mehrere Tabs ge&ouml;ffnet sind, insbesondere wenn der Titel Ihrer Website nicht sichtbar ist. In diesem Tutorial wird erkl&auml;rt, was ein WordPress Favicon ist, wie [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/de\/tutorials\/wordpress-favicon\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":550,"featured_media":6064,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"So f\u00fcgen Sie ein WordPress Favicon zu Ihrer Website hinzu","rank_math_description":"So f\u00fcgen Sie ein WordPress Favicon hinzu: Manuell, mit Plugin und 2 weiteren Methoden. Schritt-f\u00fcr-Schritt-Anleitung f\u00fcr Ihre Website.","rank_math_focus_keyword":"wordpress favicon","footnotes":""},"categories":[20],"tags":[],"class_list":["post-6236","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-favicon","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-adicionar-favicon-no-site","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/favicon-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/favicon-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-membuat-favicon-wordpress","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/wordpress-favicon","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/favicon-wordpress","default":0},{"locale":"nl-NL","link":"https:\/\/www.hostinger.com\/nl\/tutorials\/wordpress-favicon","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/wordpress-favicon","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-favicon","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-favicon","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-favicon","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/favicon-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/favicon-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/favicon-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-adicionar-favicon-no-site","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-favicon","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-favicon","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-favicon","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-favicon","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/6236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/users\/550"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/comments?post=6236"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/6236\/revisions"}],"predecessor-version":[{"id":9411,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/6236\/revisions\/9411"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media\/6064"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media?parent=6236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/categories?post=6236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/tags?post=6236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}