{"id":135,"date":"2025-01-30T10:21:47","date_gmt":"2025-01-30T10:21:47","guid":{"rendered":"https:\/\/wiki.neucottbus.de\/?post_type=epkb_post_type_1&p=135"},"modified":"2025-01-30T10:21:47","modified_gmt":"2025-01-30T10:21:47","slug":"favicon-und-website-icon-festlegen","status":"publish","type":"epkb_post_type_1","link":"https:\/\/wiki.neucottbus.de\/?epkb_post_type_1=favicon-und-website-icon-festlegen","title":{"rendered":"Favicon und Website-Icon festlegen"},"content":{"rendered":"\n

Favicon und Website-Icon in WordPress festlegen<\/strong><\/p>\n\n\n\n

Ein Favicon<\/strong> (kurz f\u00fcr „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\u00fcr eine bessere Markenwiedererkennung und hilft Ihren Nutzern, Ihre Seite schneller zu identifizieren. Auch das Website-Icon<\/strong> ist in der Regel das gleiche wie das Favicon und kann auf mobilen Ger\u00e4ten als App-Symbol erscheinen, wenn die Website zum Startbildschirm hinzugef\u00fcgt wird.<\/p>\n\n\n\n

1. Favicon in WordPress festlegen<\/strong><\/h3>\n\n\n\n

In WordPress ist das Festlegen eines Favicons einfach und erfolgt \u00fcber den Customizer<\/strong>. Hier sind die Schritte:<\/p>\n\n\n\n

    \n
  1. Anmelden<\/strong>: Melden Sie sich im WordPress-Dashboard an.<\/li>\n\n\n\n
  2. Customizer \u00f6ffnen<\/strong>: Gehen Sie zu Design<\/strong> > Customizer<\/strong>. Dies \u00f6ffnet den WordPress-Design-Customizer, wo Sie das Aussehen Ihrer Website anpassen k\u00f6nnen.<\/li>\n\n\n\n
  3. Website-Identit\u00e4t<\/strong>: Klicken Sie auf den Bereich Website-Identit\u00e4t<\/strong>. Hier k\u00f6nnen Sie den Titel und das Tagline Ihrer Website sowie das Favicon und das Website-Icon bearbeiten.<\/li>\n\n\n\n
  4. Favicon hochladen<\/strong>: In diesem Bereich sehen Sie die Option Website-Icon<\/strong>. Klicken Sie auf die Schaltfl\u00e4che Bild ausw\u00e4hlen<\/strong>, um das gew\u00fcnschte Bild f\u00fcr Ihr Favicon hochzuladen. Die empfohlene Gr\u00f6\u00dfe f\u00fcr das Favicon ist mindestens 512 x 512 Pixel<\/strong>, da es in verschiedenen Bereichen der Website (z.B. in mobilen Browsern) angezeigt wird.<\/li>\n\n\n\n
  5. Bild zuschneiden (optional)<\/strong>: Nachdem Sie das Bild hochgeladen haben, k\u00f6nnen Sie es zuschneiden, falls es notwendig ist, um sicherzustellen, dass es die richtige Gr\u00f6\u00dfe hat.<\/li>\n\n\n\n
  6. \u00c4nderungen speichern<\/strong>: Klicken Sie auf Ver\u00f6ffentlichen<\/strong>, um Ihre \u00c4nderungen zu speichern und das Favicon auf Ihrer Website zu aktivieren.<\/li>\n<\/ol>\n\n\n\n

    2. Favicon auf mobilen Ger\u00e4ten anzeigen (Website-Icon)<\/strong><\/h3>\n\n\n\n

    Das Website-Icon<\/strong> ist besonders wichtig f\u00fcr die Darstellung auf mobilen Ger\u00e4ten. Wenn ein Nutzer Ihre Website auf sein Smartphone oder Tablet hinzuf\u00fcgt, wird das Website-Icon als App-Symbol angezeigt. Auch hierf\u00fcr wird im Wesentlichen dasselbe Bild wie f\u00fcr das Favicon verwendet.<\/p>\n\n\n\n

    Die Einstellungen f\u00fcr das Website-Icon befinden sich ebenfalls im Bereich Website-Identit\u00e4t<\/strong> im Customizer. WordPress sorgt daf\u00fcr, dass das Favicon als Website-Icon auf mobilen Ger\u00e4ten verwendet wird.<\/p>\n\n\n\n

    3. Wichtige Hinweise zur Wahl des Favicons<\/strong><\/h3>\n\n\n\n
      \n
    • Gr\u00f6\u00dfe und Format<\/strong>: Ein Favicon sollte mindestens 512 x 512 Pixel<\/strong> gro\u00df sein und im PNG-, JPG- oder ICO-Format<\/strong> vorliegen. PNG ist das g\u00e4ngigste und am besten unterst\u00fctzte Format.<\/li>\n\n\n\n
    • Design-Tipps<\/strong>: W\u00e4hlen Sie ein einfaches, erkennbares Design, das auch in kleinen Gr\u00f6\u00dfen gut aussieht. Vermeiden Sie zu viele Details, da das Favicon in Browser-Tabs und mobilen Ger\u00e4ten sehr klein angezeigt wird.<\/li>\n\n\n\n
    • Transparente Hintergr\u00fcnde<\/strong>: Ein transparentes Favicon funktioniert gut, da es auf unterschiedlichen Hintergr\u00fcnden gut aussieht und sich anpasst.<\/li>\n<\/ul>\n\n\n\n

      4. Fazit<\/strong><\/h3>\n\n\n\n

      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\u00e4gt zur Markenidentit\u00e4t bei und hilft den Nutzern, Ihre Website in ihren Browser-Tabs oder auf ihren mobilen Ger\u00e4ten schnell wiederzuerkennen.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Favicon und Website-Icon in WordPress festlegen Ein Favicon (kurz f\u00fcr „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\u00fcr eine bessere Markenwiedererkennung und hilft Ihren Nutzern, Ihre Seite schneller zu identifizieren. Auch das Website-Icon ist in der Regel das gleiche […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"epkb_post_type_1_category":[71],"epkb_post_type_1_tag":[],"class_list":["post-135","epkb_post_type_1","type-epkb_post_type_1","status-publish","hentry","epkb_post_type_1_category-grundlegende-einstellungen"],"_links":{"self":[{"href":"https:\/\/wiki.neucottbus.de\/index.php?rest_route=\/wp\/v2\/epkb_post_type_1\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiki.neucottbus.de\/index.php?rest_route=\/wp\/v2\/epkb_post_type_1"}],"about":[{"href":"https:\/\/wiki.neucottbus.de\/index.php?rest_route=\/wp\/v2\/types\/epkb_post_type_1"}],"author":[{"embeddable":true,"href":"https:\/\/wiki.neucottbus.de\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wiki.neucottbus.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=135"}],"version-history":[{"count":1,"href":"https:\/\/wiki.neucottbus.de\/index.php?rest_route=\/wp\/v2\/epkb_post_type_1\/135\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/wiki.neucottbus.de\/index.php?rest_route=\/wp\/v2\/epkb_post_type_1\/135\/revisions\/136"}],"wp:attachment":[{"href":"https:\/\/wiki.neucottbus.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=135"}],"wp:term":[{"taxonomy":"epkb_post_type_1_category","embeddable":true,"href":"https:\/\/wiki.neucottbus.de\/index.php?rest_route=%2Fwp%2Fv2%2Fepkb_post_type_1_category&post=135"},{"taxonomy":"epkb_post_type_1_tag","embeddable":true,"href":"https:\/\/wiki.neucottbus.de\/index.php?rest_route=%2Fwp%2Fv2%2Fepkb_post_type_1_tag&post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}