Wenn iOS-Safari-Nutzer progressive Web-Apps (PWAs) auf ihren Startbildschirmen hinzufügen, wird das angezeigte Symbol als Apple-Touch-Symbol bezeichnet.
Sie können angeben, welches Symbol für Ihre App verwendet werden soll, indem Sie ein <link rel="apple-touch-icon" href="/example.png">-Tag in das <head>-Tag Ihrer Seite einfügen. Wenn Ihre Seite dieses Link-Tag nicht enthält, generiert iOS ein Symbol, indem ein Screenshot des Seiteninhalts erstellt wird. Mit anderen Worten: Wenn Sie iOS anweisen, ein Symbol herunterzuladen, wird die Nutzerfreundlichkeit verbessert.
Gründe für den Fehler bei der Lighthouse-Prüfung des Apple-Touch-Symbols
Lighthouse meldet Seiten ohne <link rel="apple-touch-icon" href="/example.png">-Tag im <head>:
Lighthouse prüft nicht, ob das Symbol tatsächlich vorhanden ist oder ob es die richtige Größe hat.
Apple-Touch-Symbol hinzufügen
Fügen Sie <link rel="apple-touch-icon" href="/example.png"> zum <head> Ihrer Seite hinzu:
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2024-04-16 (UTC)."],[],[]]