Der RSS-Feed
Der Newsletter
Der twitter-Kanal
Die YouTube Video-Ecke
Advertising Anzeigen Apple Auflagen bild Crossmedia Die Zeit digitale Zeitung facebook FAZ Geschäftsmodell geschäftsmodelle Google handelsblatt Holtzbrinck horizont Internet iPhone IVW Jugendliche Klicks Krise MAC Marketing Mediennutzung Microsoft Nachrichten New York Times Online Paid Content Personalisierung Strategie Studie Suche tageszeitungen USA Verlage Video Werbung xing zeit zeitschriften zeitung zeitungen Zukunft aus dem deutschen Blätterwald (197) aus dem deutschen Webdschungel (71) In eigener Sache (12) Newspapers worldwide (60) Tools (9) Vortrag (1) Webtrends worldwide (90) Zitat der Woche (5)
WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.
« Google Adwords: Überblick für Einsteiger | Home | Online-Werbung, die Sie verfolgt! »
Von Stephan Sperling | 13.Juli 2010
Mittlerweile ist es Standard, dass eine professionelle Homepage über ein sogenanntes Favicon verfügt, eine kleine Grafik, wie das grüne Quadrat von relevantmedianow neben der Adressleiste Ihres Browsers. Diese Symbole erhöhen enorm den Wiedererkennungswert einer Seite und helfen dem Nutzer sich unter der Vielzahl an verschiedenen Angeboten, die er täglich aufruft, zu orientieren. Gerade wenn man Lesezeichen anlegt oder auch Social-Bookmarking-Tools benutzt, sind die Symbole unabdingbar, um sich schnell zurecht zu finden.
Da die mobile Internutzung rapide zunimmt, sollten Homepages auch für die mobilen Endgeräte optimiert werden. Für das iPhone müssen zusätzliche Favicons erstellt werden, die für die Darstellung auf dem Gerät angepasst sind. Für die Erstellung geht man am Einfachsten folgendermaßen vor:
1.) Das Logo / Symbol als quadratische Form mit mindestens 57 x 57 Pixel im Dateiformat .png anlegen. Größere Grafiken werden skaliert, können aber an Schärfe verlieren.
2.) Laden Sie die Grafik auf ihren Webserver hoch.
3.) Fügen Sie folgenden Codeschnipsel in den Headerbereich des Quelltextes Ihrer Seite und verweisen Sie dabei auf Ihre Grafik:
<link rel="apple-touch-icon" href="/dateiname_ihres_logos.png"/>
4.) Legen Sie auf einem iPhone Ihre Seite als Lesezeichen auf den Desktop, nun sollte Grafik als Symbol erscheinen. Auf dem Screenshot unten sehen Sie das neue Symbol der zelect GmbH.
Weitere Informationen zu den Vorgaben von Apple gibt es im iPhone Developer Center und weiteren Tutorials im Netz. In diesem Forum wird auf kurze Weise beschrieben, wie man einen Start- und Ladebildschirm erstellen kann, der erscheint, während der iPhone Browser die Seite läd.
Stichworte: , Browser, Favicon, iPhone |
