Favi-gone: Google 검색 결과에서 Favicon이 사라진 5가지 이유 [사례 연구]

그들은 "파비콘은 천 마디 말의 가치가 있다"고 말합니다. 좋습니다... 실제로 그렇게 말하지는 않지만 파비콘은 검색 관점에서 확실히 중요할 수 있습니다. 2019년 Google은 모바일 재설계의 일환으로 모바일 검색 결과에 파비콘을 표시하기 시작했으며 결국 SERP의 작은 그래픽이 여러 수준에서 확실히 도움이 될 수 있습니다. 예를 들어 파비콘은 브랜드를 강화하는 데 도움이 될 수 있고, 혼잡한 SERP에서 시선을 끌 수 있으며, 클릭률에도 도움이 될 수 있습니다. 따라서 파비콘 게임이 강력한지 확인하고 싶을 것입니다.

Google은 SERP에 제대로 표시될 수 있도록 파비콘을 정의하는 지침을 게시했습니다. 이러한 가이드라인을 준수하지 않으면 Google에서 파비콘을 무시하고 일반적인 파비콘을 제공할 수 있습니다. 그리고 Google이 제공하는 일반적인 지구본 파비콘보다 더 "메쉬"한 것은 없습니다. 일반 파비콘이 표시되는 SERP에서 눈에 띄지 않을 것이라고 가정해 보겠습니다.

또한 매우 어색한 빈 파비콘으로 끝날 수 있습니다. 파비콘을 위한 공간이 예약되어 있지만 아무 것도 표시되지 않습니다. 파비콘이 나타나야 하는 빈 공간입니다. 너무 슬프네요... 그리고 나중에 포스트에서 더 자세히 설명하겠습니다.

다음은 빈 파비콘(일반 지구 파비콘뿐만 아니라)의 또 다른 예입니다.

파비콘 지원: 사이트 소유자가 파비콘 문제에 대해 문의할 때.
때때로 사이트 소유자가 검색 결과에서 파비콘이 사라지면 좌절감을 느끼며 연락을 취합니다. 그런 일이 발생하면 해당 사이트 소유자에게 매우 혼란스러운 상황이 될 수 있습니다... 글쎄요, 저는 최근에 검색 결과에서 파비콘 문제를 해결하기 위해 지난 몇 주 동안 더 많은 사이트 소유자를 도왔습니다. 그리고 내가 찾은 것을 바탕으로 Google 검색에서 파비콘 문제를 일으키는 주요 원인 중 일부를 설명하는 게시물을 작성하겠다고 생각했습니다.

문제는 비교적 쉽게 수정할 수 있으며 대부분의 사이트에서 Google에서 변경 사항을 매우 빠르게 선택할 수 있습니다. 예를 들어, 내가 도운 최신 수정 사항 중 하나는 단 몇 시간 만에 선택되었고 SERP는 하루도 채 되지 않아 업데이트되었습니다(새 파비콘 사용).

파비콘이 사라지고 품질에 대한 질문:
파비콘이 사라지면 일부 사이트 소유자는 즉시 Google이 어떻게든 사이트를 더 이상 신뢰하지 않거나 Google에서 파비콘 표시를 중지하게 하는 품질 문제(예: 리치 스니펫이 광범위한 핵심 업데이트에 의해 영향을 받을 수 있음)가 있다고 생각합니다. 그렇지 않습니다. SERP에서 누락되는 파비콘은 사이트 품질과 관련이 없습니다. 대신 파비콘의 기술적 문제 또는 파비콘 제공에 대한 Google 지침 위반과 관련이 있습니다.

따라서 파비콘이 사라진다면 Google이 갑자기 사이트 품질을 재평가한 것이 아닙니다. 기술적인 문제나 기타 지침 위반 때문일 수 있습니다(아래에서 다루겠습니다).

당신의 파비콘은 어디로 갔습니까? Google 검색의 일반적인 파비콘 문제 해결
아래에서는 사이트 소유자가 검색 결과에서 사라지는 파비콘(또는 Google에서 제대로 표시되지 않는 파비콘) 문제를 해결하는 동안 본 몇 가지 일반적인 문제를 다룰 것입니다.

1. 잘못된 치수, 파비콘이 없습니다...
이것은 내가 본 가장 일반적인 문제입니다. Google은 파비콘이 48×48 픽셀의 배수여야 한다고 자세히 설명했습니다. 따라서 파비콘이 최소 48×48 또는 48×48의 배수인지 확인하십시오. 예를 들어 96×96, 144×144 등입니다. 48×48보다 작은 파비콘은 없습니다.

예를 들어 사이트에서 다음 이미지를 파비콘으로 사용했습니다(사이트를 호출하지 않도록 흐리게 처리). 50×50이었고 48×48 픽셀의 배수가 아니었습니다. Google은 방금 일반적인 지구본 파비콘을 사용했습니다. 다시, SERP에서 meh.

또한 가로 세로 비율이 중요합니다. 정사각형이 아니면 잘 작동하지 않습니다. 나는 종횡비 관점에서 볼 때 터무니없이 보이는 파비콘을 보았거나 SERP에 나타나지 않았습니다. 예를 들어 사이트에서 제곱 비율이 없는 아래 파비콘을 사용했습니다. Google은 필요한 종횡비에 맞도록 강제했습니다(SERP에서 완전히 뒤틀린 것처럼 보임). 조심해.

파비콘 형식에 대한 참고 사항: 다양한 옵션이 있습니다.
파비콘이 .ico 형식일 필요는 없습니다. jpg, gif, png 및 svg와 같이 지원되는 모든 형식일 수 있습니다. svgs에 대한 자세한 내용은 이 게시물의 뒷부분에서 다루겠습니다.

2. 파비콘을 차단하는 Robots.txt :
Google 문서에는 검색에서 파비콘을 사용하려면 파비콘과 홈페이지의 크롤링을 허용해야 한다고 나와 있습니다. 홈페이지가 robots.txt에 의해 차단되면 파비콘보다 더 큰 문제를 걱정해야 합니다. :) 그러나 파비콘 위치는 문제를 일으키고 robots.txt 관점에서 혼란스러울 수 있습니다. 예를 들어 robots.txt의 일부 지시문은 "탐욕적"일 수 있으며 생각보다 더 많이 차단할 수 있습니다.

Google Search Console에서 robots.txt 테스터를 사용하여 파비콘과 홈페이지를 크롤링할 수 있는지 확인하는 것이 좋습니다. 이것은 빠른 테스트이며 약간의 좌절감을 덜어줄 수 있습니다. 예를 들어, 여기에 파비콘이 누락되어 파비콘에 대한 액세스를 차단하는 사이트가 있습니다. 그건 그렇고, 그것은 더 큰 브랜드이므로 그렇습니다. 더 큰 회사도이 실수를 할 수 있습니다.

그리고 여기 흥미로운 부가 설명이 있습니다. Google에는 Google Favicon이라는 파비콘용 특정 크롤러가 있습니다. 사용자 에이전트 문자열에 대한 Googlebot 문서를 확인할 수 있습니다. Google은 Google Search Console(GSC)을 통해 홈페이지 색인 생성을 요청할 때 이 크롤러를 사용하여 파비콘을 확인합니다. 그리고 누군가 파비콘 변경을 기반으로 홈페이지 재크롤링을 요청하면 크롤러는 robots.txt 지시문을 무시 합니다.

예를 들어, 이것은 favicon 문서에서 직접 가져온 것입니다.
"Google Favicon 크롤러는 사용자가 크롤링을 요청했을 때 robots.txt 규칙을 무시합니다."

크롤러 사용자 에이전트는 다음과 같습니다.

그러나 다시 말하지만 이는 Google Favicon이 새 favicon을 확인하기 위한 것입니다. 검색 결과에 사용하려면 홈페이지 및 파비콘 크롤링을 활성화해야 합니다.

3. 중복된 파비콘 참조 중 하나가 Google의 파비콘 가이드라인을 충족하지 않는 경우:
이것은 내가 다룬 첫 번째 문제와 유사하지만 홈페이지 코드에 중복된 favicon 참조가 포함되어 있습니다(하나는 지침을 충족하지 않음). 파비콘 참조 중 하나 이상이 요구 사항을 충족하지 않는 파일에 대한 것이고 Google은 SERP 대신 일반 지구 파비콘을 표시한 상황을 보았습니다. 따라서 홈페이지에서 favicon에 대한 모든 참조를 다시 확인하고 괜찮은지 확인하십시오.

예를 들어 이 사이트의 파비콘이 제대로 표시되지 않았습니다. 결국 홈페이지에는 여러 rel="icon" 참조가 있었고 하나는 Google 가이드라인을 충족하지 않았습니다. 하나의 rel=”icon” 참조가 적절한 파일을 가리키도록 하여 이 문제를 수정하면 사이트가 SERP에서 파비콘을 다시 얻을 수 있습니다.

4. 어, 빈 파비콘 코드…
예, 이것은 명백한 것처럼 보이지만 불행히도 실제로 작동하는 것을 보았습니다. 말 그대로 파비콘 코드에서 파일을 생략하면 분명히 검색에서 파비콘 문제가 발생합니다. :) 따라서 favicon 문제가 발생하면 코드를 다시 확인하십시오. 또한 Google의 다양한 테스트 도구를 사용하여 정적 html과 렌더링된 html을 모두 확인하여 코드가 올바른지 확인하는 것이 좋습니다.

5. 귀하의 플랫폼 또는 CMS는 파비콘 방식으로 엉망입니다.
특정 플랫폼이나 CMS를 사용하여 사이트를 운영하는 사이트의 경우 파비콘을 쉽게 설정하거나 사용자 지정할 수 없는 상황에 놓일 수 있습니다. 그리고 제어할 수 없는 상황에서는 플랫폼이나 CMS에 전적으로 의존하여 올바른 작업을 수행해야 합니다. 그리고 짐작할 수 있듯이 항상 잘 되는 것은 아닙니다.

예, 즉, 해당 플랫폼을 사용하는 모든 사이트 에 파비콘 문제가 있을 수 있습니다. 나는 최근에 소규모 전자 상거래 플랫폼에서 이 문제를 발견했습니다. Google은 파비콘을 일반 지구본으로 대체하는 것이 아니라 말 그대로 파비콘을 공백으로 둡니다! 이것은 내 생각에 일반 파비콘을받는 것보다 훨씬 나쁩니다 ...

그리고 플랫폼을 사용하여 많은 사이트를 불러오는 쿼리를 수행하면 광범위한 문제를 볼 수 있습니다. 네, 파비콘이 누락된 플랫폼의 모든 사이트입니다(일반 파비콘도 아님). 그리고 SERP의 두 번째 목록을 보세요... 파비콘의 종횡비가 엉망입니다. 그래서 우리는 빈 파비콘과 하나의 뒤틀린 파비콘이 혼합되어 있습니다. 안좋다.

보너스 1: 파비콘으로 한계를 넘지 마세요.
문서에서 Google은 부적절한 것으로 간주되는 파비콘(예: 음란물 또는 증오심 표현)을 표시하지 않을 것이라고 설명했습니다. 이 경우 Google은 단순히 기본 일반 파비콘을 제공합니다. 파비콘을 만들 때 이것을 염두에 두십시오... 이것이 대부분의 사이트에 영향을 미치지 않을 것이라고 확신하지만, SERP에서 파비콘이 제대로 표시되는 데 문제가 분명히 발생할 수 있습니다.

다음은 Google이 파비콘 문서에서 설명하는 내용입니다.

보너스 2: 어두운 모드에서 잘 작동하는 적응형 파비콘을 만듭니다.
사람들은 어두운 모드를 좋아하며 여기에는 Google 검색이 포함됩니다. 그러나 많은 사람들이 어두운 모드에서 파비콘이 어떻게 표시되는지 테스트하지 않는다는 것을 알았습니다.

어두운 모드에서 파비콘을 확인하고 최적이 아닌 것처럼 보인다면 항상 밝은 모드와 어두운 모드 모두에서 멋지게 보이는 적응형 파비콘을 만들 수 있습니다. 예를 들어, 파비콘이 현재 환경(밝은 모드와 어두운 모드)에 맞게 조정되도록 미디어 쿼리를 사용하는 SVG를 만듭니다.

Adam Argyle은 web.dev에서 어댑티브 파비콘을 만드는 방법을 설명하는 게시물을 작성했으며 여기에서 밝은 모드와 어두운 모드를 기반으로 변경할 수 있는 SVG를 만드는 과정을 안내합니다. 아직 테스트하지는 않았지만 데모에서 잘 작동하는 것으로 보이는 흥미로운 기술입니다. 가까운 장래에 그렇게 하려고 할 수도 있습니다.

요약: 최고의 파비콘, 즉 발을 검색에서 실제로 표시되는 파비콘으로 앞으로 배치하세요.
이 게시물이 도움을 요청한 사이트 소유자를 도우면서 내가 본 가장 일반적인 파비콘 문제를 이해하는 데 도움이 되었기를 바랍니다. 모바일 검색 결과에 파비콘이 눈에 띄게 표시되기 때문에 사용자의 얼굴을 쳐다보는 최적의 파비콘을 원하지 않습니다. 또한 Google이 제공할 수 있는 "meh" 일반 파비콘, 또는 더 나쁜 경우 빈 파비콘을 원하지 않습니다. 몇 분간 상황을 파헤치면 일반적으로 핵심 파비콘 문제가 드러날 수 있습니다. 그리고 일단 고정되면 마침내 당신에게 불리하지 않고 당신을 위해 작동하는 파비콘을 가질 수 있습니다. 행운을 빕니다.

GG