{"id":1177,"date":"2012-03-13T15:02:52","date_gmt":"2012-03-13T14:02:52","guid":{"rendered":"http:\/\/hjacob.com\/blog\/?p=1177"},"modified":"2016-12-12T16:24:58","modified_gmt":"2016-12-12T15:24:58","slug":"mit-emoji-icons-die-ctr-bei-safari-benutzern-erhohen","status":"publish","type":"post","link":"https:\/\/hjacob.com\/blog\/mit-emoji-icons-die-ctr-bei-safari-benutzern-erhohen\/","title":{"rendered":"Mobile SEO: Mit Emoji Icons die CTR erh\u00f6hen"},"content":{"rendered":"<p>Bin gerade durch Zufall dar\u00fcber gestolpert, braucht man eigentlich auch gar nicht weiter erl\u00e4utern &#8211; Bilder sagen da mehr als Worte \ud83d\ude42<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-title-beispiel.png\" alt=\"\" title=\"emoji-website-title-beispiel\" width=\"563\" height=\"106\" class=\"aligncenter size-full wp-image-1191\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-title-beispiel.png 563w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-title-beispiel-150x28.png 150w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-title-beispiel-275x51.png 275w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-title-beispiel-560x105.png 560w\" sizes=\"(max-width: 563px) 100vw, 563px\" \/><br \/>\n<!--more--><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-description-beispiel.png\" alt=\"\" title=\"emoji-website-description-beispiel\" width=\"539\" height=\"81\" class=\"aligncenter size-full wp-image-1190\" style=\"margin-left:22px\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-description-beispiel.png 539w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-description-beispiel-150x22.png 150w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-description-beispiel-275x41.png 275w\" sizes=\"(max-width: 539px) 100vw, 539px\" \/><\/p>\n<p>Leider funktionieren die <b>Emoji Icons<\/b> nur f\u00fcr Safari Nutzer, Apple scheint die Dekodierung der beliebten Icons fest in die neuen Versionen eingebaut zu haben, nachdem die Emojis so erfolgreich auf dem iPhone waren. Damit ist es aber Webmastern m\u00f6glich, ihre Mobile-Search Ergebnisse f\u00fcr iPhone und iPad User geh\u00f6rig aufzuwerten &#8211; hier ein Beispiel:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-serp-website-iphone.jpg\" alt=\"\" title=\"emoji-serp-website-iphone\" width=\"320\" height=\"480\" class=\"aligncenter size-full wp-image-1188\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-serp-website-iphone.jpg 320w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-serp-website-iphone-100x150.jpg 100w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-serp-website-iphone-183x275.jpg 183w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/p>\n<p>Die Verwendung ist ganz easy &#8230; einfach das gew\u00fcnschte Emoji copy&#038;pasten &#8211; leider konnte ich auf die Schnelle kein Beispiel f\u00fcr die etwas sch\u00f6neren (also evtl. auch Click-Raten-steigerenden) Icons in den SERPs finden &#8211; aber geben tut es sie definitiv &#8211; zum Beispiel: <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/ctr-emoji-icons.jpg\" alt=\"\" title=\"ctr-emoji-icons\" width=\"203\" height=\"27\" class=\"aligncenter size-full wp-image-1186\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/ctr-emoji-icons.jpg 203w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/ctr-emoji-icons-150x19.jpg 150w\" sizes=\"(max-width: 203px) 100vw, 203px\" \/><\/p>\n<p>Downgraden tut das ganze auch (zumindest bei Mac-Usern), f\u00fcr andere Browser wird einfach ein Leerzeichen angezeigt, somit machen Sich die Icons ganz gut am Ende von Title oder Description &#8211; hier ein Beispiel wie ein Emoji Icon im Firefox angezeigt wird: <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-firefox-beispiel.jpg\" alt=\"\" title=\"emoji-website-firefox-beispiel\" width=\"556\" height=\"88\" class=\"aligncenter size-full wp-image-1184\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-firefox-beispiel.jpg 556w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-firefox-beispiel-150x23.jpg 150w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-website-firefox-beispiel-275x43.jpg 275w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/><\/p>\n<p>Auf <b>Windows<\/b> Rechnern werden leider die jeweils zugeh\u00f6rigen UTF8 Zeichen angezeigt, was recht unsch\u00f6n ausschaut &#8211; danke an <a href=\"http:\/\/www.moviemaze.de\/\" rel=\"external\">Markus<\/a> f\u00fcr den Hinweis. Daher macht die Verwendung der Emojis wohl nur f\u00fcr Mobile SEO Sinn (sofern es nicht unter Android auch doof aussieht?!) oder f\u00fcr Seiten die einen starken Focus auf Mac User haben.<\/p>\n<p>So zu guter Letzt noch eine \u00dcbersicht der Emoji Icons, die ich ganz feist von <a href=\"http:\/\/en.wikipedia.org\/wiki\/Emoji\" rel=\"external\">Wikipedia<\/a> \u00fcbernommen habe:<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-icons-uebersicht.jpg\" alt=\"\" title=\"emoji-icons-uebersicht\" width=\"497\" height=\"1231\" class=\"aligncenter size-full wp-image-1187\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-icons-uebersicht.jpg 497w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-icons-uebersicht-60x150.jpg 60w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-icons-uebersicht-111x275.jpg 111w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2012\/03\/emoji-icons-uebersicht-262x650.jpg 262w\" sizes=\"(max-width: 497px) 100vw, 497px\" \/><\/p>\n<p>PS: Sorry f\u00fcr die Bildquali &#8230; arbeite gerade vom Zug aus und da muss man Bandbreite sparen \ud83d\ude42<\/p>\n<p>PPS: Um die Icons zu nutzen, am Besten einfach aus dem oben genannten Wiki Artikel rauskopieren.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Der Artikel zeigt wie man mit Hilfe von Emoji Icons die Click-Through-Rate bei iPhone, iPad und anderen Safari Benutzern erh\u00f6hen kann. Gerade f\u00fcr den Mobile SEO Bereich d\u00fcrfte dieser Trick sehr spannend sein.<\/p>\n","protected":false},"author":2,"featured_media":1312,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[236,35,36,13,3],"tags":[361,360,359,362,132,75,10],"_links":{"self":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/1177"}],"collection":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/comments?post=1177"}],"version-history":[{"count":15,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/1177\/revisions"}],"predecessor-version":[{"id":1362,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/1177\/revisions\/1362"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/media\/1312"}],"wp:attachment":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/media?parent=1177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/categories?post=1177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/tags?post=1177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}