SEO, 파비콘(favicon)이 뭔가요? 그리고 제작가이드를 소개합니다.
SEO(검색엔진최적화)는 몇 번 들어봤는데, 파비콘은 처음 들어본다고 하실 수 있습니다.
파비콘은 사이트 대표이미지를 말합니다.
예시로 보여드리겠습니다.
네이버와 같은 포털사이트에서 홈페이지를 검색하면 홈페이지 주소 앞에 붙는 아주 작은 이미지를 파비콘이라고 합니다.
그런데요, 사이트 검색하다가 보면 favicon 누락하고 홈페이지 등록하시는 분들 아주~~ 아주 많습니다.
파이콘이 등록되어 있지 않은 경우 파비콘 위치에 회색 지구본 그림이 들어갑니다.
이렇게 말이죠.
사이트 주소 앞에 favicon 대신 지구본이 위치해있습니다.
보기 어떠신가요?
■홈페이지를 등록시 당장 들어나 보이지는 않지만 꼭 챙겨야 하는 것이 있습니다.
홈페이지를 제작을 마쳤다면 포털에 등록해야 하는데요.
홈페이지 등록시 꼭 꼭 챙겨야 하는 중요한 2가지......
sitemap, favicon입니다.
■사이트맵은 사이트의 구조도입니다. 보통 xml로 작성합니다.
또한 favicon을 사이트의 대표이미지 입니다.
회사 로고 같은 것입니다. 이걸 꼭 챙기셔서 홈페이지 등록시 함께 제출해야 합니다.
■그럼 favicon을 어떻게 준비해서 홈페이지 mata tag 안에 어떻게 기재해야 하는 지 알아보겠습니다.
네이버에서는 친절하게 이에 대한 가이드를 제시하고 있습니다.
기본 수칙
- 네이버 검색 로봇이 파비콘을 수집할 수 있어야 합니다. robots.txt 설정하기 가이드 참고
- 파비콘 URL를 자주 변경하지 않습니다. (이미지 교체는 가능)
파비콘 URL과 이미지가 변경될 경우 업데이트 지연 및 검색 결과 내 파비콘 이미지가 일정하지 않을 수 있습니다. - 웹사이트를 표현할 수 있는 고유의 이미지를 사용합니다.
- 음란물이나 사용자로 하여금 혐오감을 느끼게 하는 이미지를 사용하지 않습니다.
파비콘 사이즈
- 너비와 높이가 동일한 정사각형이어야 합니다. (예: 30 x 30px, 48 x 48px)
- 네이버 검색 결과에는 파비콘의 사이즈를 15 x 15px 로 조정하여 사용합니다. 해당 해상도에서 파비콘이 잘 노출 될수 있는지 확인해보시길 권장합니다.
파비콘 파일 포맷
파비콘 파일 포맷 중 SVG를 제외 한 모든 포맷이 지원 됩니다.(png, gif, jpg 등)
파비콘 마크업
HTML 문서의 <head> 태그 내에 있는 <link> 태그를 활용합니다.
파비콘이 위치하는 href 에는 상대 경로가 아닌 절대 경로를 사용해야 합니다.
<head>
<link rel="shortcut icon" href="http://www.mysite.com/favicon.ico">
</head>
-
SEO, 파비콘(favicon)이 뭔가요? 그리고 제작가이드를 소개합니다.
-
Naver, Google SEO(홈페이지 최적화) 간단한 이해와 적용방법 안내
-
홈페이지 제작 후, 기대에 못미쳤던 경험을 방지하는 팁!(아주 중요!!!!)
-
회사홈페이지제작(1) 제작 사례 - 전통시장홈페이지입니다
-
워드프레스 홈페이지제작, 테마수정 방법을 배우기 원하시나요?
-
회사홈페이지제작 - 간단한 홈페이지 제작을 잘 하는 방법입니다
-
반응형홈페이지제작 비용 정보와 함께 - 이벤트 소식(50% 할인)입니다!!
-
홈페이지관리를 위해 체크하셔야 할 사항들입니다
-
홈페이지제작 - 웹디자이너가 하지 말아야할 실수(1)
-
회사 홈페이지수정 작업 - 전문업체에 맡기시면 최소한의 비용으로 간단히 처리해줍니다^^
-
기업홈페이지제작 - 심플하면서 세련된 디자인으로 회사의 이미지를 고양시킨다
-
인터넷 쇼핑몰 창업절차(2) - 카페24
-
인터텟 쇼핑몰 창업절차(1) - 카페24쇼핑몰 기준
-
기업 홈페이지제작 관리업체 - 홈페이지 제작부터 새로운 시작입니다
-
쇼핑몰제작 - 쇼핑몰제작업체 선정 기준을 알려드립니다^^
-
홈페이지제작업체 추천 -기업 홈페이지제작업체 선정 시 고려사항입니다^^
-
카페24쇼핑몰 제작 / 만들기 - 블로그 마케팅은 덤으로 제공합니다
-
홈페이지 수정 방법 - 홈페이지 관리를 위해 꼭 알아야 할 팁을 알려드립니다
-
인터넷 쇼핑몰제작 16년 경력 상상인 - 개발업체(회사) 추천
-
홈페이지 수정관리 회사 / 유지보수 업체
