반갑습니다. 상상인입니다.

포럼

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

SEO(검색엔진최적화)는 몇 번 들어봤는데, 파비콘은 처음 들어본다고 하실 수 있습니다.

파비콘은 사이트 대표이미지를 말합니다.

예시로 보여드리겠습니다.

 

favicon.jpg

 

네이버와 같은 포털사이트에서 홈페이지를 검색하면 홈페이지 주소 앞에 붙는 아주 작은 이미지를 파비콘이라고 합니다.

그런데요, 사이트 검색하다가 보면 favicon 누락하고 홈페이지 등록하시는 분들 아주~~ 아주 많습니다.

파이콘이 등록되어 있지 않은 경우 파비콘 위치에 회색 지구본 그림이 들어갑니다.

 

favicon1.jpg

 

이렇게 말이죠.

사이트 주소 앞에 favicon 대신 지구본이 위치해있습니다.

보기 어떠신가요?

 

■홈페이지를 등록시 당장 들어나 보이지는 않지만 꼭 챙겨야 하는 것이 있습니다.

홈페이지를 제작을 마쳤다면 포털에 등록해야 하는데요.

홈페이지 등록시 꼭 꼭 챙겨야 하는 중요한 2가지......

sitemap, favicon입니다.

 

■사이트맵은 사이트의 구조도입니다. 보통 xml로 작성합니다.

또한 favicon을 사이트의 대표이미지 입니다.

회사 로고 같은 것입니다. 이걸 꼭 챙기셔서 홈페이지 등록시 함께 제출해야 합니다.

 

■그럼 favicon을 어떻게 준비해서 홈페이지 mata tag 안에 어떻게 기재해야 하는 지 알아보겠습니다.

네이버에서는 친절하게 이에 대한 가이드를 제시하고 있습니다.

 

기본 수칙

  1. 네이버 검색 로봇이 파비콘을 수집할 수 있어야 합니다. robots.txt 설정하기 가이드 참고
  2. 파비콘 URL를 자주 변경하지 않습니다. (이미지 교체는 가능)
    파비콘 URL과 이미지가 변경될 경우 업데이트 지연 및 검색 결과 내 파비콘 이미지가 일정하지 않을 수 있습니다.
  3. 웹사이트를 표현할 수 있는 고유의 이미지를 사용합니다.
  4. 음란물이나 사용자로 하여금 혐오감을 느끼게 하는 이미지를 사용하지 않습니다.

파비콘 사이즈

  • 너비와 높이가 동일한 정사각형이어야 합니다. (예: 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>

posting_card.jpg

 

 

 

TAG •

  1. SEO, 파비콘(favicon)이 뭔가요? 그리고 제작가이드를 소개합니다.

    Date2023.09.13 Byadmin Views52
    read more
  2. Naver, Google SEO(홈페이지 최적화) 간단한 이해와 적용방법 안내

    Date2023.09.13 Byadmin Views43
    read more
  3. 홈페이지 제작 후, 기대에 못미쳤던 경험을 방지하는 팁!(아주 중요!!!!)

    Date2023.04.13 Byadmin Views74
    Read More
  4. 회사홈페이지제작(1) 제작 사례 - 전통시장홈페이지입니다

    Date2022.06.07 Byadmin Views192
    Read More
  5. 워드프레스 홈페이지제작, 테마수정 방법을 배우기 원하시나요?

    Date2020.10.05 Byadmin Views917
    Read More
  6. 회사홈페이지제작 - 간단한 홈페이지 제작을 잘 하는 방법입니다

    Date2020.01.19 Byadmin Views449
    Read More
  7. 반응형홈페이지제작 비용 정보와 함께 - 이벤트 소식(50% 할인)입니다!!

    Date2019.07.25 Byadmin Views674
    Read More
  8. 홈페이지관리를 위해 체크하셔야 할 사항들입니다

    Date2019.07.25 Byadmin Views857
    Read More
  9. 홈페이지제작 - 웹디자이너가 하지 말아야할 실수(1)

    Date2018.09.13 Byadmin Views622
    Read More
  10. 회사 홈페이지수정 작업 - 전문업체에 맡기시면 최소한의 비용으로 간단히 처리해줍니다^^

    Date2018.09.11 Byadmin Views639
    Read More
  11. 기업홈페이지제작 - 심플하면서 세련된 디자인으로 회사의 이미지를 고양시킨다

    Date2018.09.09 Byadmin Views649
    Read More
  12. 인터넷 쇼핑몰 창업절차(2) - 카페24

    Date2018.09.03 Byadmin Views685
    Read More
  13. 인터텟 쇼핑몰 창업절차(1) - 카페24쇼핑몰 기준

    Date2018.08.31 Byadmin Views695
    Read More
  14. 기업 홈페이지제작 관리업체 - 홈페이지 제작부터 새로운 시작입니다

    Date2018.08.30 Byadmin Views682
    Read More
  15. 쇼핑몰제작 - 쇼핑몰제작업체 선정 기준을 알려드립니다^^

    Date2018.08.05 Byadmin Views910
    Read More
  16. 홈페이지제작업체 추천 -기업 홈페이지제작업체 선정 시 고려사항입니다^^

    Date2018.08.04 Byadmin Views1034
    Read More
  17. 카페24쇼핑몰 제작 / 만들기 - 블로그 마케팅은 덤으로 제공합니다

    Date2018.08.03 Byadmin Views998
    Read More
  18. 홈페이지 수정 방법 - 홈페이지 관리를 위해 꼭 알아야 할 팁을 알려드립니다

    Date2018.08.01 Byadmin Views2082
    Read More
  19. 인터넷 쇼핑몰제작 16년 경력 상상인 - 개발업체(회사) 추천

    Date2018.07.30 Byadmin Views1088
    Read More
  20. 홈페이지 수정관리 회사 / 유지보수 업체

    Date2018.07.28 Byadmin Views713
    Read More
Board Pagination Prev 1 2 Next
/ 2