Когда пользователи iOS Safari добавляют прогрессивные веб-приложения (PWA) на свои домашние экраны, появляющийся значок называется значком Apple Touch . Вы можете указать, какой значок должно использовать ваше приложение, включив тег <link rel="apple-touch-icon" href="/example.png"> в <head> вашей страницы. Если на вашей странице нет этого тега ссылки, iOS создает значок, делая снимок экрана содержимого страницы. Другими словами, указание iOS загрузить значок приводит к более качественному пользовательскому интерфейсу.
Как происходит сбой аудита значков Lighthouse Apple Touch
Lighthouse помечает страницы без тега <link rel="apple-touch-icon" href="/example.png"> в <head> :
Lighthouse не проверяет, существует ли значок на самом деле и имеет ли он правильный размер.
Как добавить значок Apple Touch
Добавьте <link rel="apple-touch-icon" href="/example.png"> в <head> вашей страницы:
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2024-04-16 UTC."],[],[]]