애플 터치 아이콘 해결 방법
목차
애플 터치 아이콘이 없는 경우 구글 SEO에 감점 요인이 됩니다. 애플 터치 아이콘은 무엇이며 어떻게 해결하는지 그 방법을 확인해 보시기 바랍니다.
애플 터치 아이콘이란?
애플의 IOS는 웹 페이지에 대해 링크를 생성하는 경우 아이콘이 바탕화면에 생성됩니다. 이때 아이콘의 이미지를 지정해 주면 지정된 아이콘이 앱의 아이콘으로 적용됩니다.
SEO 테스트 시 "유효한 애플 터치 아이콘을 제공하지 않음" 이라는 경고를 얻었다면 지금 바로 문제를 해결하세요.
애플 터치 아이콘 문제 해결 방법
SEO 점수를 상승시키기 위해서 아래와 같이 <head></head> 사이에 링크를 추가합니다.
<link rel="apple-touch-icon" href="이미지 경로">
기본 이미지는 180x180을 사용합니다.
다양한 사이즈의 이미지를 지정하면 더욱 좋습니다. 다음은 size를 적용하는 예시입니다.
<link rel="apple-touch-icon" sizes="120x120" href="이미지 경로">
사이즈는 60x60, 76x76, 120x120, 152x152, 180x180 등이 있습니다.
60x60
76x76
120x120
152x152
180x180
다양한 사이즈 이미지 적용의 효과
다양한 사이즈를 적용하여 아이폰, 아이 패드 등 다양한 모바일 어플리케이션에 맞는 이미지를 생성할 수 있습니다. 너무 작은 기기에 큰 이미지 또는 너무 큰 기기에 작은 이미지를 적용하면 화면에 보이는 품질이 저하될 수 있습니다.
결론
애플 터치 아이콘을 생성하는 코드를 삽입하여 SEO 점수를 개선할 수 있습니다. 또한 다양한 사이즈의 아이콘을 적용하면 더욱 좋은 결과를 얻을 수 있을 것입니다.
FAQ
1. 애플 터치 아이콘은 무엇인가요?
애플 터치 아이콘은 웹 페이지 링크를 바탕화면에 만들 때 생성되는 이미지입니다.
2. 애플 터치 아이콘을 웹 페이지에 적용하는 이유는 무엇인가요?
애플 사용자의 편의를 개선하여 SEO 점수를 높일 수 있습니다.