도움말
로그인

스토어에 favicon 추가하기

Favicon 또는 즐겨찾기 아이콘은 웹 페이지 이름 옆에 표시되는 작은 이미지 또는 로고입니다. 브라우저 탭이나 북마크 페이지처럼 웹사이트를 나열하는 브라우저 페이지에서 favicon을 찾을 수 있습니다. 온라인 스토어에 favicon을 추가하여 브랜드를 강화하고 웹사이트에 세련된 느낌을 더할 수 있습니다.

이 페이지의 내용

Favicon 생성

무료 favicon 생성기 웹사이트를 사용하여 사용자 지정 favicon을 생성하거나 직접 생성할 수 있습니다. Favicon 생성기를 찾으려면 인터넷에서 free favicon generator를 검색하십시오.

Favicon의 이상적인 이미지 사이즈는 16x16픽셀 또는 32x32픽셀입니다. Favicon 이미지 사이즈가 너무 크면 Shopify에 업로드할 때 32x32픽셀로 축소됩니다.

온라인 스토어에 favicon 추가

Basic 플랜 이상을 사용하는 경우 온라인 스토어에 favicon을 추가할 수 있습니다. Starter 플랜을 사용하는 경우에는 온라인 스토어에 favicon을 추가할 수 없습니다.

단계:

데스크톱

  1. Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.

  2. Favicon을 추가할 테마를 찾은 다음 테마 편집을 클릭합니다.

  3. 톱니바퀴 아이콘을 클릭하여 테마 설정에 액세스합니다.

  4. 테마 버전에 따라 로고 또는 Favicon을 클릭합니다.

  5. Favicon 이미지 섹션에서 이미지 선택을 클릭한 다음 다음 중 하나를 수행합니다.

    • Shopify 관리자에 이미 업로드한 이미지를 선택하려면 이미지를 검색하거나 찾아 확인란으로 선택할 수 있습니다.
    • 로컬 컴퓨터에서 이미지를 선택하려면 이미지 추가를 클릭하고 로컬 컴퓨터에서 이미지를 연 다음 확인란으로 선택합니다.

  6. 완료를 클릭합니다.

  7. 선택 사항: 다음 작업을 수행하여 favicon 이미지에 대체 텍스트를 추가합니다.

    1. Favicon 이미지 섹션에서 편집을 클릭합니다.
    2. 미리 보기 및 편집 대화 상자의 대체 텍스트 필드에 이미지에 대한 간략한 설명을 입력합니다.
    3. 저장을 클릭합니다.

  8. 저장을 클릭합니다.

모바일

  1. Shopify app에서 Menu 아이콘을 탭합니다.

  2. 판매 채널 섹션에서 온라인 스토어를 탭합니다.

  3. 모든 테마 관리를 탭합니다.

  4. Favicon을 추가할 테마를 찾은 다음 테마 편집을 탭합니다.

  5. ... > 테마 설정을 탭합니다.

  6. 테마 버전에 따라 로고 또는 Favicon을 탭합니다.

  7. 파비콘 이미지 섹션에서 이미지 선택을 탭하고 다음 중 하나를 수행합니다:

    • Shopify 관리자에 이미 업로드한 이미지를 선택하려면 이미지를 검색하거나 찾아 확인란으로 선택할 수 있습니다.
    • 로컬 장치에서 이미지를 선택하려면 이미지 추가를 탭하고 로컬 장치에서 이미지를 연 다음 확인란으로 선택합니다.

  8. 완료를 탭합니다.

  9. 다음 작업을 수행하여 favicon 이미지에 대체 텍스트를 추가합니다.

    1. Favicon 이미지 섹션에서 편집을 탭합니다.
    2. 미리 보기 및 편집 대화 상자의 대체 텍스트 필드에 이미지에 대한 간략한 설명을 입력합니다.
    3. 저장을 탭합니다.

  10. 저장 또는 ✓를 탭합니다.

Favicon 문제 해결

Favicon에 문제가 있는 경우 다음 문제 해결 단계를 검토하십시오.

Google 검색 결과에 favicon이 표시되지 않는 문제 해결

Favicon이 Google 검색 결과에 표시되지 않는 경우 스토어 정보를 크롤링할 수 있도록 Google에 사이트맵을 제출했는지 확인하십시오.

Google 문서에 따르면 모든 가이드라인을 충족하더라도 검색 결과에 favicon이 표시된다는 보장은 없습니다.

고객 계정 또는 체크아웃 페이지에 favicon이 표시되지 않는 문제 해결

Shopify Plus 플랜을 사용하지 않는 경우 고객 계정 및 체크아웃 페이지에 favicon이 표시되지 않습니다. 또한 테마 편집기는 Shopify 관리자의 일부이며 실제 스토어프론트를 반영하지 않으므로 테마 편집기를 통해 테마를 볼 때 favicon이 표시되지 않습니다.

Shopify Plus 플랜을 사용 중이며 고객 계정 및 체크아웃 페이지에서 favicon을 설정하려면 Branding API 또는 Checkout Blocks를 사용해야 합니다. Favicon은 자동으로 표시되지 않으며 관리자의 테마 편집기 또는 체크아웃 편집기에서 설정할 수 없습니다. Branding API 사용에 대해 자세히 알아보려면 다음 개발자 문서를 참조하십시오.