SearchTune OS SearchTune OS
Home Blog About
알다가도 모를 인터넷 세상 생존기

내 사이트만 지구본임. 파비콘이 대체 뭐임

탭을 여러 개 켰더니 내 사이트만 못 찾겠다면? 파비콘이 무엇인지, OG 이미지와 어떻게 다른지, 작은 아이콘을 넣은 전후 화면으로 쉽게 알아봅니다.
deleted's avatar
서치튠 블로거's avatar
deleted,서치튠 블로거
Sep 07, 2026
내 사이트만 지구본임. 파비콘이 대체 뭐임
Contents
저 작은 그림에도 이름이 있습니다로고 올렸는데 왜 또 넣으래?그러면 뭘 넣으면 되는데?넣었는데 아직 지구본인데?작아서 안 해도 되는 줄 알았는데그럼 검색이나 AI한테도 의미가 있나요?

홈페이지를 열어놨습니다. 다른 것도 좀 찾아봤습니다.

탭이 늘어났습니다. 많이 늘어났습니다.

분명 내 사이트를 켜놨는데 어디 있는지 모르겠습니다. 인터넷에서 길을 잃은 게 아니라 내 브라우저에서 길을 잃었습니다.

🌐…
🌐…
🌐…
🌐…
🌐…
🌐…
🌐…
🌐…
🌐…
🌐…
🌐…
🌐…
←   notes.example.com
자료 모음
열어둔 탭 중에 맵다떡볶이 홈페이지가 있습니다.
설정 전: 제목이 잘려 기본 아이콘끼리 구별하기 어렵습니다. 두 화면의 탭 순서·제목·선택 상태·본문은 같습니다. 설명용 재현이며 좁은 화면에서는 탭 줄을 옆으로 밀어볼 수 있습니다.

친구: 니 사이트 어디 갔냐

나: 지구본 있는 거

친구: 지구본이 여러 개인데

나: 하나씩 눌러봐

친구: 방탈출임?

검은 배경 위 푸른 지구의 모습
내 사이트: 지구 대표로 참가
지구 이미지: NASA Earth Observatory · Blue Marble 2002

저 작은 그림에도 이름이 있습니다

브라우저 탭에서 제목 옆에 붙는 작은 아이콘. 그게 파비콘입니다.

사이트를 구분하는 작은 표식이라고 생각하면 됩니다. 브라우저 탭이나 북마크 같은 곳에서 볼 수 있어요. MDN 파비콘 설명

파비콘이 없거나 제대로 불러와지지 않으면, 브라우저에 따라 지구본 같은 기본 표시가 보일 수 있습니다. 모든 브라우저가 똑같이 생긴 지구본을 쓰는 건 아닙니다.

내 사이트가 갑자기 국제기구가 된 것은 아닙니다.

로고 올렸는데 왜 또 넣으래?

홈페이지 맨 위의 로고와 브라우저 탭 아이콘은 쓰이는 자리가 다릅니다.

사이트 안에 로고를 넣었다고 탭에도 자동으로 같은 그림이 들어가는 것은 아닙니다. 제작 도구가 대신 연결해주는 경우도 있지만, 파비콘 설정이 별도로 있는지 확인하는 게 좋습니다.

지난번에 다룬 OG 이미지와도 다릅니다. OG 이미지는 링크를 메신저 등에 공유할 때 보여줄 대표 이미지이고, 파비콘은 사이트를 작게 식별하는 아이콘입니다.

브라우저 탭
맵맵다떡볶이
파비콘: 작은 식별 아이콘
메신저 공유 카드
맵다떡볶이
메뉴와 포장 안내
OG 이미지: 공유용 대표 이미지
서로 다른 위치에서 쓰는 이미지 · 설명용 브라우저 재현이며 실제 앱 캡처가 아닙니다.

같은 가게 로고를 활용할 수는 있습니다. 그렇다고 가로로 긴 홍보 배너를 아주 작게 줄이면, 가게 이름이 아니라 깨알이 됩니다.

메뉴 사진에 가격에 전화번호까지 넣지 맙시다. 탭에서 전단지를 돌릴 필요는 없습니다.

그러면 뭘 넣으면 되는데?

작아져도 알아볼 수 있는 간단한 그림이나 글자가 좋습니다.

가상의 ‘맵다떡볶이’라면 빨간 바탕에 ‘맵’ 한 글자로 시작할 수 있겠죠. 멋있는 원본보다 작게 줄였을 때 구별되는지가 중요합니다.

🌐…
🌐…
🌐…
🌐…
🌐…
🌐…
🌐…
맵…
🌐…
🌐…
🌐…
🌐…
←   notes.example.com
자료 모음
열어둔 탭 중에 맵다떡볶이 홈페이지가 있습니다.
설정 후: 여덟 번째 탭의 아이콘만 바뀌었습니다. 두 화면의 탭 순서·제목·선택 상태·본문은 같습니다. 설명용 재현이며 좁은 화면에서는 탭 줄을 옆으로 밀어볼 수 있습니다.

친구: 아 빨간 ‘맵’ 있는 거?

나: ㅇㅇ 그거

친구: 이제야 문명이다

홈페이지 제작 도구를 쓴다면 ‘파비콘’ 또는 ‘사이트 아이콘’ 설정을 찾고, 그 도구가 안내하는 크기와 파일 형식에 맞춰 올리면 됩니다. 저장만 하고 끝내지 말고 공개 사이트에 반영됐는지도 확인하세요.

직접 개발한 사이트라면 담당자에게 “브라우저 탭에 쓸 파비콘을 연결해주세요”라고 요청하면 됩니다. 오늘은 코드 암기 안 합니다.

정사각형 아이콘으로 준비하고, 실제 탭에서 작게 봐보세요. 그림이 뭔지 본인만 알아본다면 조금 더 단순하게 만드는 편이 낫습니다.

넣었는데 아직 지구본인데?

먼저 편집기 미리보기 말고 공개한 사이트 주소를 열어보세요. 파비콘 설정이 공개 반영됐는지, 지정한 이미지 주소가 제대로 열리는지 확인합니다. 새 탭에서 다시 열어보는 것도 확인 방법입니다.

계속 예전 아이콘이 보인다면 브라우저에 남은 이전 정보나 파일 연결 문제 등을 확인해야 합니다. ‘저장했다’와 ‘방문자에게 새 아이콘이 보인다’는 같은 말이 아니니까요. 안 바뀐 화면과 공개 주소를 담당자에게 같이 보내면 확인하기 쉽습니다.

그리고 브라우저 탭과 Google 검색 결과는 따로 봐야 합니다. 탭에서는 바뀌어도 검색 결과에는 바로 반영되지 않을 수 있어요. Google이 다시 읽고 처리하는 시간이 필요하고, 조건을 맞춰도 검색 결과의 파비콘 표시가 보장되지는 않습니다. Google 파비콘 안내

아이콘을 바꿨다고 검색 순위가 올라갔다고 판단할 수도 없습니다. 오늘 한 일은 내 사이트에 알아볼 만한 표식을 붙인 겁니다. 검색 1등 배지를 단 게 아닙니다.

작아서 안 해도 되는 줄 알았는데

사이트가 하나만 열려 있으면 아이콘이 별것 아닌 것 같습니다. 탭이 많아지고 제목이 잘리면 얘기가 달라집니다.

그래서 파비콘은 작은 공간에서도 어느 사이트인지 구분하는 데 쓰는 표식입니다.

다 외울 필요 없습니다. 공유 카드의 큰 이미지는 OG, 탭의 작은 아이콘은 파비콘.

지금 내 홈페이지를 다른 탭 몇 개와 함께 열어보세요. 어디 있는지 바로 알아보겠다면, 작은 아이콘이 제 일을 하고 있는 겁니다.

지구본 여덟 개 중 하나 찾는 일을 방문자에게 맡기지는 맙시다.

그럼 검색이나 AI한테도 의미가 있나요?

검색에서는 실제로 쓰입니다. Google은 검색 결과의 출처를 표시하는 요소로 사이트 이름·주소와 함께 파비콘을 명시합니다. 또 사람들이 검색 결과에서 사이트를 빠르게 알아볼 수 있도록 브랜드를 나타내는 아이콘을 쓰라고 안내합니다. 그냥 탭 꾸미기만은 아닌 겁니다. Google 검색 화면 구성 안내 · 파비콘 공식 지침

AI 검색과 연결되는 지점도 있습니다. Google은 AI Overviews와 AI Mode가 기존 검색의 순위·품질 시스템을 기반으로 하므로 SEO의 기본 원칙이 여전히 중요하다고 설명합니다. Google 생성형 AI 검색 최적화 안내

다만 이 두 설명을 합쳐서 “파비콘이 있으면 AI가 더 신뢰하고 추천한다”고 읽으면 안 됩니다. 확인한 공식 문서에는 파비콘 자체를 AI 추천 가산점으로 삼는다는 설명은 없습니다.

정리하면 출처를 알아보게 하는 표식으로 챙길 이유는 있다. 하지만 답변에 선택될 만한 내용까지 대신해주지는 않는다. 이름표 붙였다고 모범생 되는 건 아닌 셈입니다.

deleted · 알다가도 모를 인터넷 세상 생존기 09
자료 확인일: 2026년 9월 7일. 대화·탭·가게 아이콘은 설명용 예시입니다. 기본 아이콘과 설정 메뉴는 브라우저·제작 도구에 따라 다릅니다.
Share article
Contents
저 작은 그림에도 이름이 있습니다로고 올렸는데 왜 또 넣으래?그러면 뭘 넣으면 되는데?넣었는데 아직 지구본인데?작아서 안 해도 되는 줄 알았는데그럼 검색이나 AI한테도 의미가 있나요?

서치튠 블로그

RSS·Powered by Inblog