유효한 apple-touch-icon을 제공하지 않음

iOS Safari 사용자가 프로그레시브 웹 앱 (PWA)을 다음에 추가하는 경우 홈 화면에 표시되는 아이콘을 Apple 터치 아이콘이라고 합니다. 앱에 사용할 아이콘을 지정할 수 있습니다. <head>의 <link rel="apple-touch-icon" href="/example.png"> 태그 있습니다. 페이지에 이 링크 태그가 없는 경우 iOS는 확인할 수 있습니다. 즉, iOS에 아이콘을 다운로드하도록 지시하면 있습니다.

Lighthouse Apple 터치 아이콘 감사가 실패하는 이유

등대 <link rel="apple-touch-icon" href="/example.png">가 없는 페이지를 신고함 태그(<head>):

<ph type="x-smartling-placeholder">
</ph> 유효한 apple-touch-icon을 제공하지 않음

Lighthouse는 아이콘이 실제로 존재하는지 또는 아이콘이 실제로 존재하는지 확인하지 않습니다. 교체합니다.

Apple Touch 아이콘을 추가하는 방법

  1. 페이지의 <head>에 <link rel="apple-touch-icon" href="/example.png">를 추가합니다.

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

  2. /example.png을 아이콘의 실제 경로로 바꿉니다.

를 통해 개인정보처리방침을 정의할 수 있습니다.

우수한 사용자 환경을 제공하려면 다음을 확인하세요.

  • 아이콘의 크기는 180x180픽셀 또는 192x192픽셀입니다.
  • 아이콘의 지정된 경로가 올바릅니다.
  • 아이콘의 배경이 투명하지 않습니다.

리소스