{"id":2417,"date":"2022-03-18T11:01:56","date_gmt":"2022-03-18T10:01:56","guid":{"rendered":"https:\/\/artif.com\/blog\/?p=2417"},"modified":"2023-03-31T09:40:41","modified_gmt":"2023-03-31T07:40:41","slug":"howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33","status":"publish","type":"post","link":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html","title":{"rendered":"HowTo: wirkungsvolle Favicons f\u00fcr die Website verbl\u00fcffend einfach! Teil 3\/3"},"content":{"rendered":"\n

Willkommen zum dritten Teil der Serie ‚wirkungsvolle Favicons<\/a>‚. In diesem Beitrag zeige ich Ihnen die letzten Schritte, damit Ihr Favicon auf allen Ger\u00e4ten sauber ausgegeben wird. <\/p>\n\n\n\n

Hier finden Sie den zweiten Teil dieser Beitragsserie.<\/a><\/p>\n\n\n\n

Den Ordner erstellen<\/h2>\n\n\n\n

Wie zuvor festgelegt, m\u00fcssen sich die Dateien im Ordner \/assets\/media\/favicons\/<\/em> befinden. Dieser Ordner muss sich im Ordner „htdocs“ befinden, da der Ordner htdocs\/ und der Pfad „\/“ genau diesem Ordner entspricht. Legen Sie nun einen neuen Ordner an und benennen Sie ihn „assets“. Es empfiehlt sich alle ben\u00f6tigten Dateien wie .js und .css hier in separaten Ordnern aufzubewahren. Im Ordner „assets“ legen Sie erneut einen Ordner an und nennen diesen „media“. Hier bietet sich es an weitere Unterordner f\u00fcr Bilder, Videos und Medien aller Art zu erstellen. Und schlussendlich legen Sie in dem Ordner „media“ den Ordner „favicons“ an.<\/p>\n\n\n\n

\"Ordnerstruktur<\/figure>\n\n\n\n

Dateien ablegen<\/h2>\n\n\n\n

\u00d6ffnen Sie nun die heruntergeladene favicon_package.zip und entpacken den Inhalt in den eben erstellten Ordner „favicons“.<\/p>\n\n\n\n

\"Dateien<\/figure>\n\n\n\n

Neue Dateien in die Website einbinden<\/h2>\n\n\n\n

Nachdem Sie die Dateien im Ordner „favicons“ abgelegt haben, wird es Zeit, unserer Webseite mitzuteilen, dass Sie unser neues Favicon anzeigt.
Daf\u00fcr wird der <head> Bereich in den HTML-Seiten bearbeitet.<\/p>\n\n\n\n

Erinnern Sie sich an die Textdatei die Sie erstellt haben? Diese \u00f6ffnen Sie wieder, markieren den kompletten Inhalt entweder mit der Maus, oder mit der Tastenkombination „STRG+A“ und kopieren diesen. Entweder mit der Tastenkombination „STRG+C“ oder mit Rechtsklick auf die Auswahl und im Kontextmen\u00fc auf „Kopieren“.
\u00d6ffnen Sie nun eine Ihrer .html-Seiten in einem geeigneten Text-Editor. In meinem Beispiel nutze ich „Notepad++“, aber im Notfall reicht auch der normale Editor.
\u00d6ffnen Sie ihre HTML-Seite und suchen Sie nach dem „<head>“-Bereich. Da sich dieser normalerweise ganz oben in einer HTML befindet, sollte das kein Problem sein. Falls vorhanden, l\u00f6schen Sie alle alten Zeilen, die auf ein altes Favicon, eine alte browserconfig.xml, oder ein altes site.webmanifest verweist.
Mit der Tastenkombination „STRG+F“ k\u00f6nnen Sie gezielt danach suchen. Am besten vergleichen Sie mit den Dateien um favicons-Ordner.
Wenn die HTML dann bereinigt ist, f\u00fcgen Sie den kopierten Text aus der Textdatei an das Ende des Head-Bereichs ein. Am besten mit der Tastenkombination „STRG+V“. Der Head-Bereich in Ihrer HTML wird noch andere Elemente haben. Stellen Sie sicher, dass Sie diese nicht versehentlich l\u00f6schen.
Am Ende sollte das ganze dann in etwa so aussehen:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Nat\u00fcrlich wird es bei Ihnen etwas voller aussehen, da Sie noch andere Elemente eingebunden haben.
Zum Schluss speichern Sie noch ab und wiederholen das Einf\u00fcgen der Zeilen f\u00fcr jede HTML.<\/p>\n\n\n\n

Wie Sie sehen, ist das ziemlich aufwendig. Mit einem Content-Management-System kurz: CMS, k\u00f6nnen Sie ganz einfach Ihre Webseiten bauen, pflegen und eine Menge Zeit sparen.<\/p>\n\n\n\n

Wir bei artif benutzen hierf\u00fcr Typo3. Falls Sie Fragen dazu haben, finden Sie –> hier<\/a> <– mehr Infos dazu.<\/p>\n\n\n\n

Anzeige der Favicons \u00fcberpr\u00fcfen<\/h2>\n\n\n\n

Nun k\u00f6nnen Sie \u00fcberpr\u00fcfen ob alles funktioniert wie gewollt, indem Sie beispielsweise den Favicon-Checker nutzen, den realfavicongenerator.net anbietet. Diesen finden Sie hier<\/a>. sollten Sie die Seite noch offen haben, auf der Sie die .zip heruntergeladen haben, finden Sie eine Weiterleitung auch unter dem kopierten Text.
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Auf der Seite k\u00f6nnen Sie schnell und einfach \u00fcberpr\u00fcfen, ob Ihr Favicon auf allen Ger\u00e4ten und in allen Browsern angezeigt wird. tragen Sie hierf\u00fcr die URL Ihrer Website ein und w\u00e4hlen Sie „https:\/\/“ aus, falls Sie eine SSL-Verschl\u00fcsselung haben. andernfalls w\u00e4hlen Sie „http:\/\/“
Dann klicken Sie auf „Check Favicon“.
<\/p>\n\n\n\n

\"Favicon<\/figure>\n\n\n\n

Nach einer kurzen Ladezeit, wird Ihnen auf der Seite gezeigt, was funktioniert und was nicht.
Wenn alles richtig gemacht wurde, so ist alles gr\u00fcn.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Nun haben Sie es geschafft. Ihr Favicon ist nun eingepflegt und sollte auf allen Endger\u00e4ten sichtbar sein.<\/p>\n\n\n\n

In diesem Zusatzartikel erfahren Sie, wie Sie mit weniger Dateien auskommen.<\/a><\/p>\n\n\n\n

Ich hoffe, ich konnte Ihnen mit meiner Beitragsreihe weiterhelfen und freue mich, wenn Sie mal wieder auf unserem Blog vorbeischauen.<\/p>\n\n\n\n

Sollten Sie Fragen zu den Favicons oder zu einem anderen Thema rund um den Webbereich, dann kontaktieren<\/a> Sie uns – wir helfen Ihnen gerne!<\/p>\n","protected":false},"excerpt":{"rendered":"

Willkommen zum dritten Teil der Serie ‚wirkungsvolle Favicons‚. In diesem Beitrag zeige ich Ihnen die letzten Schritte, damit Ihr Favicon auf allen Ger\u00e4ten sauber ausgegeben wird. Hier finden Sie den zweiten Teil dieser Beitragsserie. Den Ordner erstellen Wie zuvor festgelegt, m\u00fcssen sich die Dateien im Ordner \/assets\/media\/favicons\/ befinden. Dieser Ordner muss sich im Ordner „htdocs“…<\/p>\n

<\/span> Allgemein<\/a><\/span><\/span> Weiterlesen<\/a><\/p>\n","protected":false},"author":7,"featured_media":2424,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[81,40,36],"class_list":["post-2417","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein","tag-favicon","tag-knowhow","tag-responsive-webdesign"],"yoast_head":"\nHowTo: wirkungsvolle Favicons f\u00fcr die Website verbl\u00fcffend einfach! Teil 3\/3 - Blog artif T\u00fcbingen<\/title>\n<meta name=\"description\" content=\"Favicons im richtigen Format einbetten f\u00fcr eine klare Darstellung. Wir zeigen wie es ganz einfach geht und auf was Sie achten sollten: Teil 3\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HowTo: wirkungsvolle Favicons f\u00fcr die Website verbl\u00fcffend einfach! Teil 3\/3 - Blog artif T\u00fcbingen\" \/>\n<meta property=\"og:description\" content=\"Favicons im richtigen Format einbetten f\u00fcr eine klare Darstellung. Wir zeigen wie es ganz einfach geht und auf was Sie achten sollten: Teil 3\" \/>\n<meta property=\"og:url\" content=\"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html\" \/>\n<meta property=\"og:site_name\" content=\"Blog artif T\u00fcbingen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/TYPO3-Agentur-artif-Gmbh-Co-KG\/101490748200\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-18T10:01:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-31T07:40:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/01\/image-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1012\" \/>\n\t<meta property=\"og:image:height\" content=\"631\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"arti\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@artifcom\" \/>\n<meta name=\"twitter:site\" content=\"@artifcom\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"arti\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html\"},\"author\":{\"name\":\"arti\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#\\\/schema\\\/person\\\/817283e2b7162470a5b977b7318850de\"},\"headline\":\"HowTo: wirkungsvolle Favicons f\u00fcr die Website verbl\u00fcffend einfach! Teil 3\\\/3\",\"datePublished\":\"2022-03-18T10:01:56+00:00\",\"dateModified\":\"2023-03-31T07:40:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html\"},\"wordCount\":700,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/artif.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/image-2.png\",\"keywords\":[\"Favicon\",\"KnowHow\",\"Responsive Webdesign\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html\",\"url\":\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html\",\"name\":\"HowTo: wirkungsvolle Favicons f\u00fcr die Website verbl\u00fcffend einfach! Teil 3\\\/3 - Blog artif T\u00fcbingen\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/artif.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/image-2.png\",\"datePublished\":\"2022-03-18T10:01:56+00:00\",\"dateModified\":\"2023-03-31T07:40:41+00:00\",\"description\":\"Favicons im richtigen Format einbetten f\u00fcr eine klare Darstellung. Wir zeigen wie es ganz einfach geht und auf was Sie achten sollten: Teil 3\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#primaryimage\",\"url\":\"https:\\\/\\\/artif.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/image-2.png\",\"contentUrl\":\"https:\\\/\\\/artif.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/image-2.png\",\"width\":1012,\"height\":631,\"caption\":\"Einbettung Favicons im HTML Code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/artif.com\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HowTo: wirkungsvolle Favicons f\u00fcr die Website verbl\u00fcffend einfach! Teil 3\\\/3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/artif.com\\\/blog\\\/\",\"name\":\"Blog artif T\u00fcbingen\",\"description\":\"Blog von artif aus T\u00fcbingen: Internetagentur, Webdesign und TYPO3 von den Web Experts f\u00fcr Internet und Intranet aus T\u00fcbingen.\",\"publisher\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/artif.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#organization\",\"name\":\"artif T\u00fcbingen\",\"url\":\"https:\\\/\\\/artif.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/artif.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/logo-artif-cs5_rgb.png\",\"contentUrl\":\"https:\\\/\\\/artif.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/logo-artif-cs5_rgb.png\",\"width\":1902,\"height\":528,\"caption\":\"artif T\u00fcbingen\"},\"image\":{\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/pages\\\/TYPO3-Agentur-artif-Gmbh-Co-KG\\\/101490748200\",\"https:\\\/\\\/x.com\\\/artifcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/artif.com\\\/blog\\\/#\\\/schema\\\/person\\\/817283e2b7162470a5b977b7318850de\",\"name\":\"arti\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/358a03b7694baea6aaa1d125b46716741d638ac58db5cf9ac2840a11558f7e40?s=96&d=identicon&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/358a03b7694baea6aaa1d125b46716741d638ac58db5cf9ac2840a11558f7e40?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/358a03b7694baea6aaa1d125b46716741d638ac58db5cf9ac2840a11558f7e40?s=96&d=identicon&r=g\",\"caption\":\"arti\"},\"sameAs\":[\"https:\\\/\\\/artif.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HowTo: wirkungsvolle Favicons f\u00fcr die Website verbl\u00fcffend einfach! Teil 3\/3 - Blog artif T\u00fcbingen","description":"Favicons im richtigen Format einbetten f\u00fcr eine klare Darstellung. Wir zeigen wie es ganz einfach geht und auf was Sie achten sollten: Teil 3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html","og_locale":"de_DE","og_type":"article","og_title":"HowTo: wirkungsvolle Favicons f\u00fcr die Website verbl\u00fcffend einfach! Teil 3\/3 - Blog artif T\u00fcbingen","og_description":"Favicons im richtigen Format einbetten f\u00fcr eine klare Darstellung. Wir zeigen wie es ganz einfach geht und auf was Sie achten sollten: Teil 3","og_url":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html","og_site_name":"Blog artif T\u00fcbingen","article_publisher":"https:\/\/www.facebook.com\/pages\/TYPO3-Agentur-artif-Gmbh-Co-KG\/101490748200","article_published_time":"2022-03-18T10:01:56+00:00","article_modified_time":"2023-03-31T07:40:41+00:00","og_image":[{"width":1012,"height":631,"url":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/01\/image-2.png","type":"image\/png"}],"author":"arti","twitter_card":"summary_large_image","twitter_creator":"@artifcom","twitter_site":"@artifcom","twitter_misc":{"Verfasst von":"arti","Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#article","isPartOf":{"@id":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html"},"author":{"name":"arti","@id":"https:\/\/artif.com\/blog\/#\/schema\/person\/817283e2b7162470a5b977b7318850de"},"headline":"HowTo: wirkungsvolle Favicons f\u00fcr die Website verbl\u00fcffend einfach! Teil 3\/3","datePublished":"2022-03-18T10:01:56+00:00","dateModified":"2023-03-31T07:40:41+00:00","mainEntityOfPage":{"@id":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html"},"wordCount":700,"commentCount":0,"publisher":{"@id":"https:\/\/artif.com\/blog\/#organization"},"image":{"@id":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#primaryimage"},"thumbnailUrl":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/01\/image-2.png","keywords":["Favicon","KnowHow","Responsive Webdesign"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html","url":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html","name":"HowTo: wirkungsvolle Favicons f\u00fcr die Website verbl\u00fcffend einfach! Teil 3\/3 - Blog artif T\u00fcbingen","isPartOf":{"@id":"https:\/\/artif.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#primaryimage"},"image":{"@id":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#primaryimage"},"thumbnailUrl":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/01\/image-2.png","datePublished":"2022-03-18T10:01:56+00:00","dateModified":"2023-03-31T07:40:41+00:00","description":"Favicons im richtigen Format einbetten f\u00fcr eine klare Darstellung. Wir zeigen wie es ganz einfach geht und auf was Sie achten sollten: Teil 3","breadcrumb":{"@id":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#primaryimage","url":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/01\/image-2.png","contentUrl":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2022\/01\/image-2.png","width":1012,"height":631,"caption":"Einbettung Favicons im HTML Code"},{"@type":"BreadcrumbList","@id":"https:\/\/artif.com\/blog\/howto-wirkungsvolle-favicons-fuer-die-website-verblueffend-einfach-teil-33.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/artif.com\/blog"},{"@type":"ListItem","position":2,"name":"HowTo: wirkungsvolle Favicons f\u00fcr die Website verbl\u00fcffend einfach! Teil 3\/3"}]},{"@type":"WebSite","@id":"https:\/\/artif.com\/blog\/#website","url":"https:\/\/artif.com\/blog\/","name":"Blog artif T\u00fcbingen","description":"Blog von artif aus T\u00fcbingen: Internetagentur, Webdesign und TYPO3 von den Web Experts f\u00fcr Internet und Intranet aus T\u00fcbingen.","publisher":{"@id":"https:\/\/artif.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/artif.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/artif.com\/blog\/#organization","name":"artif T\u00fcbingen","url":"https:\/\/artif.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/artif.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2021\/03\/logo-artif-cs5_rgb.png","contentUrl":"https:\/\/artif.com\/blog\/wp-content\/uploads\/2021\/03\/logo-artif-cs5_rgb.png","width":1902,"height":528,"caption":"artif T\u00fcbingen"},"image":{"@id":"https:\/\/artif.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/TYPO3-Agentur-artif-Gmbh-Co-KG\/101490748200","https:\/\/x.com\/artifcom"]},{"@type":"Person","@id":"https:\/\/artif.com\/blog\/#\/schema\/person\/817283e2b7162470a5b977b7318850de","name":"arti","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/358a03b7694baea6aaa1d125b46716741d638ac58db5cf9ac2840a11558f7e40?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/358a03b7694baea6aaa1d125b46716741d638ac58db5cf9ac2840a11558f7e40?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/358a03b7694baea6aaa1d125b46716741d638ac58db5cf9ac2840a11558f7e40?s=96&d=identicon&r=g","caption":"arti"},"sameAs":["https:\/\/artif.com"]}]}},"publishpress_future_action":{"enabled":false,"date":"2026-05-10 07:47:54","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/posts\/2417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/comments?post=2417"}],"version-history":[{"count":11,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/posts\/2417\/revisions"}],"predecessor-version":[{"id":2870,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/posts\/2417\/revisions\/2870"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/media\/2424"}],"wp:attachment":[{"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/media?parent=2417"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/categories?post=2417"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/artif.com\/blog\/wp-json\/wp\/v2\/tags?post=2417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}