Не предоставляет действительный значок Apple Touch.

Когда пользователи Safari в iOS добавляют прогрессивные веб-приложения (PWA) на свои домашние экраны, появляется значок, называемый значком Apple Touch . Вы можете указать, какой значок должно использовать ваше приложение, добавив тег <link rel="apple-touch-icon" href="/example.png"> в раздел <head> вашей страницы. Если на вашей странице нет этого тега, iOS генерирует значок, делая снимок экрана ее содержимого. Другими словами, указание iOS загрузить значок обеспечивает более удобный пользовательский интерфейс.

Как провалился аудит сенсорной иконки Apple Lighthouse

Lighthouse помечает страницы без тега <link rel="apple-touch-icon" href="/example.png"> в <head> :

Не предоставляет допустимый значок Apple Touch.

Lighthouse не проверяет, существует ли значок на самом деле или имеет ли он правильный размер.

Как добавить значок Apple Touch

  1. Добавьте <link rel="apple-touch-icon" href="/example.png"> в раздел <head> вашей страницы:

    <!DOCTYPE html>
<html lang="en">
  <head>
    …
    <link rel="apple-touch-icon" href="/example.png">
    …
  </head>
  …

  2. Замените /example.png на фактический путь к вашему значку.

Чтобы обеспечить удобство использования, убедитесь, что:

  • Размер значка составляет 180x180 пикселей или 192x192 пикселей.
  • Указанный путь к значку действителен.
  • Фон значка непрозрачен.

Ресурсы