요약
Favicon 추출기는 어떤 페이지든 가져와 head부터 웹 앱 매니페스트까지 선언된 모든 아이콘을 크기와 형식, URL과 함께 나열합니다. 구글은 모바일 검색결과에 favicon을 표시하므로, 충분한 크기의 정사각형 아이콘을 크롤링할 수 있는지와 모든 선언이 같은 파일을 가리키는지 확인해야 합니다.
더 알아보고 싶다면 물어보세요
favicon은 사이트에서 가장 작은 자원이면서 가장 눈에 잘 띄는 자원 가운데 하나입니다. 구글은 모든 모바일 검색결과 옆에 favicon을 보여 주고, 브라우저는 탭과 즐겨찾기에 보여 주며, 링크 미리보기는 이를 피드와 대화 앱으로 끌어옵니다. favicon이 없거나 잘못된 크기로 제공되면 경쟁사 옆에서 검색결과가 미완성처럼 보입니다.
Sorank Favicon 추출기는 어떤 페이지든 가져와 그 페이지가 선언한 모든 아이콘을 크기와 형식, 정확한 URL과 함께 나열합니다.
추출기가 찾아내는 것
사이트는 여러 곳에 아이콘을 선언하며, 그 선언들이 서로 일치하는 경우는 드뭅니다. 이 도구는 그 전부를 읽습니다.
- head 안의 link 태그: 페이지가 나열한 크기와 형식을 그대로 담은 고전적인
rel="icon"과rel="shortcut icon"선언입니다. - 애플 터치 아이콘:
rel="apple-touch-icon"이며, 누군가 사이트를 iOS 홈 화면에 추가할 때 쓰입니다. - 웹 앱 매니페스트 아이콘:
manifest.json안의 아이콘 배열이며, 안드로이드와 설치형 웹 앱이 사용합니다. - 루트 대체 파일:
/favicon.ico이며, 선언 여부와 상관없이 브라우저가 요청합니다.
이것이 검색에 중요한 이유
구글은 모바일 검색결과에 favicon을 표시하며 그에 대한 요건을 공개했습니다. 파일은 48픽셀의 배수인 정사각형이어야 하고, 크롤링할 수 있어야 하며, 일반적인 도형이 아니라 브랜드를 시각적으로 나타내야 합니다. favicon이 없거나 막혀 있으면 검색결과에 빈 자리가 남고, 검색 이용자가 어디를 클릭할지 고르는 바로 그 순간에 주목을 잃게 됩니다.
자신의 도메인에 돌려 볼 만한 점검이 세 가지 있습니다.
- 아이콘이 실제로 48픽셀 이상으로 제공됩니까? 16픽셀 아이콘을 키우면 검색결과에서 흐릿하게 보입니다.
- 파일에 크롤러가 닿을 수 있습니까? robots.txt의 규칙에 막힌 아이콘은 가져올 수 없으므로 표시되지 않습니다.
- 선언들이 서로 일치합니까? head는 어떤 파일을 가리키고 매니페스트는 다른 파일을 가리키면, 표시되는 곳마다 다른 아이콘이 나옵니다.
실제 활용
- 재단장 뒤 자신의 사이트를 점검할 때. 모든 크기가 다시 생성되었고 옛 아이콘이 여전히 참조되고 있지 않은지 확인합니다.
- 비교 페이지와 디렉터리를 만들 때. 항목마다 깔끔한 브랜드 아이콘이 필요한 경우입니다.
- 경쟁사의 설정을 확인할 때. 어떤 크기와 형식을 게시하는지 알 수 있습니다.
- 링크 미리보기를 진단할 때. 대화 앱이나 피드가 페이지에 엉뚱한 아이콘을 보여 주는 경우입니다.
