Apple Touch Icon

02.04.2016 13:11
#1
Jo

Ich optimiere meine Seite mit OnPage.org und so langsam nerven mich die Hinweise und Fehler, die nur Jimdo beheben kann, z.B:

In dem Dokument ist kein Apple Touch Icon hinterlegt. Das ist schade, denn das verschlechtert die Usability für iOS Geräte. Dieses Icon würde angezeigt werden, wenn jemand die Seite als Bookmark speichert.

Das habe ich durch Hinterlegung eines Icons auf einer versteckten Seite und den Hinweis darauf im Head selbst erledigt und folgende Meldung von OnPageorg erhalten:

Hier gibt es Liebe fürs Detail. Die Seite bietet ein Apple Touch Icon. Dieses Icon wird angezeigt, wenn jemand die Seite auf den Homescreen seines iOS Gerätes bookmarkt.


 Antworten

 Beitrag melden
02.04.2016 13:16
avatar  az_
#2
avatar
az_

Super! Wie genau hast Du das gemacht?

ich habe meine Icons extern abgelegt und auf meiner Webseite mit folgendem Eintrag im head-Bereich eingebunden:



<link rel="apple-touch-icon" sizes="57x57" href="http://http://51023348.swh.strato-hosting.eu/_redesign/download/images/apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="http://51023348.swh.strato-hosting.eu/_redesign/download/images/apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="http://51023348.swh.strato-hosting.eu/_redesign/download/images/apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="152x152" href="http://51023348.swh.strato-hosting.eu/_redesign/apple-touch-icon-precomposed.png"/>


...das ist allerdings lange her. Funktioniert immer noch, aber vielleicht gibt´s schon wieder neue Methoden dazu?

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
02.04.2016 17:04 (zuletzt bearbeitet: 05.04.2016 15:58)
#3
Jo

Hallo az,

ich habe gleich das Bild in der richtigen Größe (ich glaube, 128*128) erzeugt, eine versteckte Unterseite angelegt, Bild eingeladen, Bildadresse rauskopiert (rechte Maus auf Element) und dann in den Head geschrieben:

<link rel="apple-touch-icon" href="https://image.jimcdn.com/app/cms/image/transf/none/path/s139f89255cc10e42/image/i1184ad5b6a501f3e/version/1459437000/image.png" />


...eigentlich genau wie Du, nur Adresse gleich von Jimdo und keine Sizeangaben nötig. Gruß, Jochen


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!