iOS Safari 사용자가 홈 화면에 프로그레시브 웹 앱 (PWA)을 추가하면 표시되는 아이콘을 Apple 터치 아이콘이라고 합니다.
페이지의 <head>에 <link rel="apple-touch-icon" href="/example.png"> 태그를 포함하여 앱에서 사용할 아이콘을 지정할 수 있습니다. 페이지에 이 링크 태그가 없으면 iOS는 페이지 콘텐츠의 스크린샷을 찍어 아이콘을 생성합니다. 즉, iOS에 아이콘을 다운로드하도록 안내하면 더 세련된 사용자 환경을 제공할 수 있습니다.
Lighthouse Apple 터치 아이콘 감사 실패 방식
Lighthouse는 <head>에 <link rel="apple-touch-icon" href="/example.png"> 태그가 없는 페이지를 표시합니다.
Lighthouse는 아이콘이 실제로 존재하는지 또는 아이콘 크기가 올바른지 확인하지 않습니다.
[[["이해하기 쉬움","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)"],[],[]]