검색결과에 표시할 파비콘 정의하기

사이트에 파비콘이 있는 경우 사이트의 Google 검색결과에 파비콘을 포함할 수 있습니다.

검색결과에 파비콘이 어떻게 표시되는지 보여주는 삽화

파비콘

구현

다음은 Google 검색결과에 파비콘을 표시할 수 있게 사이트를 설정하는 방법입니다.

  1. 가이드라인을 준수하는 파비콘을 만듭니다.
  2. 다음 구문을 사용하여 홈페이지 헤더에 <link> 태그를 추가합니다.
    <link rel="icon" href="/path/to/favicon.ico">

    Google에서는 파비콘 정보를 추출하기 위해 link 요소의 다음 속성을 사용합니다.

    속성
    rel

    Google에서는 파비콘을 지정하기 위해 다음과 같은 rel 속성 값을 지원합니다. 사용 사례에 적합한 방식을 사용하세요.

    icon

    HTML 표준에 정의된 대로 사이트를 나타내는 아이콘입니다.

    apple-touch-icon

    Apple의 개발자 문서에 따라 사이트를 나타내는 iOS 친화적인 아이콘입니다.

    apple-touch-icon-precomposed

    Apple의 개발자 문서에 따라 이전 버전의 iOS용 대체 아이콘입니다.

    href

    파비콘의 URL입니다. URL은 상대 경로(/smile.ico) 또는 절대 경로(https://example.com/smile.ico)일 수 있습니다.

  3. Google에서는 홈페이지를 크롤링할 때마다 파비콘을 찾아 업데이트합니다. 파비콘을 변경하고 Google에 변경사항에 관해 알리고 싶다면 사이트 홈페이지의 색인 생성을 요청하면 됩니다. 업데이트 내용이 검색결과에 표시될 때까지 며칠 이상 걸릴 수 있습니다.

가이드라인

Google 검색결과에 파비콘을 표시하려면 다음 가이드라인을 준수해야 합니다.

  • Google 검색에서는 사이트당 파비콘이 하나만 지원되며 사이트는 호스트 이름으로 정의됩니다. 예를 들어 https://www.example.com/https://code.example.com/이라는 사이트 두 개는 서로 다르므로 두 개의 다른 파비콘을 보유할 수 있습니다. 그러나 https://www.example.com/sub-site는 사이트의 하위 디렉터리이며, https://www.example.com/에는 파비콘을 하나만 설정할 수 있습니다. 해당 파비콘은 사이트와 사이트의 하위 디렉터리에 적용됩니다.
    지원됨: https://example.com(도메인 수준의 홈페이지)
    지원됨: https://news.example.com(하위 도메인 수준의 홈페이지)
    지원되지 않음: https://example.com/news(하위 디렉터리 수준의 홈페이지)
  • 파비콘 파일은 Googlebot-Image로, 홈페이지는 Googlebot으로 크롤링할 수 있어야 하며, 크롤링을 차단할 수 없습니다.
  • 사용자가 검색결과를 살펴볼 때 사이트를 빠르게 식별할 수 있도록 파비콘은 웹사이트 브랜드를 시각적으로 잘 나타내야 합니다.
  • 파비콘은 너비/높이가 48px의 배수인 정사각형(예: 48 x 48px, 96 x 96px, 144 x 144px 등)이어야 합니다(또는 가로세로 비율 1:1의 SVG). 모든 유효한 파비콘 형식이 지원됩니다.
  • 파비콘 URL은 안정적이어야 합니다. URL을 자주 변경하지 마세요.
  • Google에서는 포르노, 증오심을 나타내는 상징(예: 만자 표시) 등 부적절하다고 간주되는 파비콘을 표시하지 않습니다. 이러한 유형의 이미지가 파비콘 내에 발견되면 기본 아이콘으로 교체됩니다.