I'm

Developer, Designer, Photographer

GET IN TOUCH

  • Buk-gu, Busan, Republic of Korea
  • ungdoli0916@naver.com
  • Kakao ID : Ungdoli
Your message has been sent. Thank you!
(웅팁꿀팁) 내 사이트에 파비콘 적용하는 방법

· 즐거'웅' 정보 (Info)/웅팁꿀팁 (노하우&팁)
2021. 3. 18. 08:40

반응형

 

파비콘이란 위 사진과 같이 웹 브라우저의 주소창에 표시되는 웹 사이트나 웹 페이지를 대표하는 아이콘을 말하는데요 !

 

파비콘이 없을 경우 가장 위 사진의 우측의 페이지와 같이 웹 브라우저에서 지정하고 있는 default 아이콘으로 표시되게 되며,

웹 페이지 검색에서도 크롤링이 정상적으로 되지 않는 등의 부정적인 영향을 끼치게 됩니다.

 

 

그렇기 때문에 블로그 등의 개인 사이트를 운영하거나 웹 페이지를 개발할 경우에는 필수로 파비콘을 등록해 줄 필요가 있는데요 !

 

그래서 오늘의 웅팁꿀팁에서는 내 사이트에 파비콘을 적용하는 방법에 대해 안내해드리고자 하오니

파비콘을 적용하는 방법이 궁금하셨던 분들은 아래의 내용대로 천천히 따라해 보시길 바랍니다.

 

 

참고로 파비콘을 적용시키기 위해서는 파비콘 파일이 필수로 필요하기에,

파비콘이 준비되지 않으신 분들아래의 이미지를 클릭하시어 파비콘을 먼저 제작하신 후 아래의 내용을 참고해 주시길 바랍니다.

 

 

 

 

3분 만에 파비콘 적용하는 방법


1. 파비콘 파일을 이미지 폴더로 이동시킵니다.

 

 

2. html 파일에 아래의 내용을 추가한 후, 경로와 아이콘 이름을 맞춰줍니다.

<link rel="shortcut icon" href="(경로)/(파일이름).ico">

 

 

3. 페이지를 새로고침하여 파비콘이 정상적으로 적용되었는지 확인합니다.

 

 

 

이처럼 간단하게 본인의 블로그 또는 웹 페이지 등에 파비콘을 적용할 수 있게 되는데요 !

 

앞서 말씀드렸듯 파비콘을 적용하지 않은 사이트크롤링 등에 부정적인 영향을 끼칠 수 있으니 가능한 빠른 시간 내로 파비콘을 적용하시는 것을 권유 드리며,

 

 

이상으로 내 사이트에 파비콘 적용하는 방법에 대한 웅팁꿀팁의 포스팅을 마치겠습니다.

 

감사합니다 :D

반응형