티스토리 파비콘 등록 방법. (구글, 네이버 등록시 중요)

티스토리 파비콘 등록하는 방법입니다.

티스토리(Tistory) 파비콘 적용하는 방법은 간단하고 쉽습니다.

파비콘으로 사용할 이미지를 준비하고 티스토리 설정에서 등록하면 됩니다.

 

처음부터 잘못된 방법으로 등록하면 구글에서는 이상하게 표시되고 네이버에는 아예 적용이 안됩니다.

구글과 네이버에 모두 파비콘을 등록했지만 구글과 네이버의 파비콘 모양이 다릅니다.

 

처음부터 제대로 파비콘을 등록해야만 정상적으로 구글, 네이버에서 적용이 됩니다.

 

❉. 파비콘 이미지 준비하기.

 

1. 파비콘 이미지 선택.

정말 신중하게 선택해야 합니다.

구글 경우 파비콘 적용은 쉽지만 변경은 정말 오래 걸리고 잘 안됩니다.

 

2. 파비콘 모양.

파비콘은 네모형과 원형으로 선택할 수 있습니다.

구글, 네이버 모두 네모형, 원형으로 등록이 가능하지만 네모형인 경우는 네 모서리에 빈 공간이 발생합니다.

구글, 네이버 모두 파비콘 표시가 원형으로 표시됩니다.

 

저는 처음에 네모형 파비콘을 선택했고 구글에는 자동으로 적용이 됩니다.

네이버는 자동으로 적용이 안됩니다.

파비콘 모양을 원형으로 변경했고 추가적인 방법을 통해서 네이버에 적용된 상태입니다.

 

네이버 원형.

구글 네모형. (현재 변경이 안된 상태)

 

이 글을 적고 있는 10일째 변경이 안되고 있습니다.

 

3. 파피콘 사이즈.

파피콘 크기 결정은 16x16, 32x32 배수로 다양합니다.

16x16, 32x32, 48x48 등은 화질이 떨어집니다.

파비콘 사이즈를 144x144 사이즈로 설정했고 구글, 네이버에 적용이 된 상태입니다.

 

4. 파비콘 확장자.

파비콘은 기본적으로 favicon 이름과 ico 확장자입니다.

favicon.ico

옛날에 사용하던 방법입니다.

 

무료로 ico로 변환하면 48x48 정도가 한계이고 화질이 많이 떨어집니다.

지금은 png, gif, svg 모두 가능하다고 Google 가이드라인에 나와 있습니다.

파이콘 형식을 png 파일 형식으로 설정했고 구글, 네이버에 적용이 된 상태입니다.

 

5. 저의 파비콘 설정.

파비콘 모양 : 원.

파비콘 사이즈 : 144x144

파비콘 확장자 : png

파일 이름 : favicon.png

 

❉. 티스토리에 파비콘 등록 방법.

티스토리에 파비콘을 등록하면 구글 경우는 자동으로 인식해서 파비콘 표시가 됩니다.

 

①. 티스토리에 접속해서 관리를 선택합니다.

Q키를 눌려도 자동으로 관리페이지 접속합니다.

 

②. 관리페이지 맨 하단의 블로그를 선택합니다.

 

③. 파비콘 변경은 하단 부분에 있습니다.

파일형식이 ICO라고 표시되어 있습니다.

이 부분 때문에 대부분 ico 파일로 변환을 하는데 png 파일도 등록이 가능합니다.

불러오기를 선택해서 준비한 파비콘 이미지를 등록합니다.

 

④. 불러오기 선택하면 favicon.png 파일이 보이지 않습니다.

Icon (*.ico) 부분을 변경해야 합니다.

 

⑤. 모든 파일 (*.*) 변경하면 favicon.png 파일이 보입니다.

 

⑥. 쿠키 및 사이트 데이트 삭제.

구글 크롬에서 전체삭제할 필요가 없습니다.

전체삭제를 하면 다른 사이트의 쿠키 및 사이트 데이터도 삭제되기 때문에 매우 번거롭습니다.

 

❉. 구글 크롬 특정 사이트 쿠키 및 사이트 데이터 삭제하기.

구글 크롬 특정 사이트 쿠키 및 사이트 데이터 삭제하기.

⑦. 등록확인 방법은 블로그 화면에서 F5 눌려서 새로고침을 하면 됩니다.

크롬 상단의 탭에서 티스토리 파비콘에서 본인의 파비콘으로 변경된 것을 확인할 수 있습니다.

 

북마크 경우도 자동으로 변경됩니다.

구글에는 크롤링이 끝나면 100% 표시가 되니 기다리면 됩니다.

 

❉. 티스토리 파비콘 네이버에서 안 나올 때. (네이버 적용 시간)

티스토리 파비콘 네이버에서 안 나올 때. (네이버 적용 시간)