파비콘은 브라우저 탭 제목 옆, 즐겨찾기, 휴대폰 홈 화면 바로가기에 나오는 작은 아이콘입니다. 구글과 네이버 검색 결과에서도 사이트 이름 옆에 보이기 때문에, 비어 있으면 홈페이지가 덜 다듬어진 인상을 줍니다.
이미지 준비하기
- 정사각형으로 만듭니다.
- 로고 전체보다 로고 마크나 첫 글자만 쓰는 게 좋습니다. 아주 작게 보이기 때문에 글자가 많으면 알아볼 수 없습니다.
- 배경이 투명하거나 단색이면 깔끔하게 보입니다.
여러 크기로 만들기
파비콘은 쓰이는 곳마다 필요한 크기가 다릅니다. 큰 정사각형 이미지 하나를 준비해 "파비콘 생성기"로 검색되는 무료 사이트에 올리면 여러 크기와 넣을 코드를 한 번에 만들어 줍니다.
- 브라우저 탭용 작은 아이콘 (favicon.ico 또는 작은 png)
- 아이폰 홈 화면용 아이콘 (apple-touch-icon)
- 안드로이드·크롬용 큰 아이콘
홈페이지에 넣기
- 만든 파일들을 홈페이지 서버에 올립니다. favicon.ico는 가장 바깥 폴더에 두면 따로 코드가 없어도 찾아가는 브라우저가 많습니다.
- 생성기가 준 코드를 모든 페이지의 <head> 안에 넣습니다.
- 솔루션을 쓰신다면 관리자 화면의 "파비콘" 설정 칸에 이미지를 올리면 됩니다.
파비콘을 바꿔도 내 컴퓨터에는 예전 아이콘이 한동안 보일 수 있습니다. 브라우저가 저장해 둔 것이라 새로고침을 몇 번 하거나 다른 브라우저로 확인해 보세요.
검색 결과에 나오게 하려면
구글은 검색 결과에 파비콘을 보여줄 때 정사각형이고 너무 작지 않은 이미지를 요구합니다. 파비콘을 넣었는데 검색 결과에 안 보인다면 이미지 크기와 코드 위치를 확인하고, 반영될 때까지 시간을 두고 기다려 보세요.
네로웹은 홈페이지를 만들 때 파비콘과 휴대폰 홈 화면 아이콘까지 모두 넣어 드립니다. 필요하시면 대표번호 1688-8214로 문의해 주세요.
