티스토리 블로그 파비콘은 서비스를 시작 한 2006년 부터 2010년 이전 초기에는 TISTORY 고유색이 그라디에이션으로 처리되어 입체적인 물방울 모양 느낌표에서, 2010년 이후 주황색 'ⓣ' 아이콘으로 적용되었다가 '⦁' 둥근점 5개로 구성되어 있는 'T'자로 표시 되었었는데, 2023년 06월 부어 다시 주황색 'ⓣ' 둥근 아이콘으로 변경되었는데, 아이러닉하게도 티스토리 티스토리 공식 블로그에서는 이전 디자인인 'T'자 파비콘을 사용하고 있습니다. 파비콘(favicon)은 사이트나 블로그를 대표하는 아이콘으로, TISTORY는 블로그 관리 메뉴에서 Favicon을 변경할 수 있는데, 관리 메뉴에서만 적용하면 웹 검색에서 파비콘이 잘 표시되지 않아 지구본 모양으로 나타나는 경우에는 HTML 편집에서 간단한 코드를 추가해 주면 됩니다.
1. 티스토리 Favicon 변경하는 방법
TISTORY 블로그 파비콘(Favicon) 변경하는 방법은 먼저, 티스토리 계정에 로그인 한 후 화면 왼쪽 '블로그 관리 홈' 아래의 '☼ 관리 - 블로그' 항목을 선택 합니다. 참고로, 티스토리 파비콘으로 사용할 'ICO'와 'PNG', 'GIF' 포맷의 정사각형 이미지 파일을 미리 준비해 놓아야 합니다.
티스토리 블로그 관리의 '파비콘 파일형식 ICO' 우측의 '불러오기' 버튼을 클릭하여 시스템에 저장되어 있는 아이콘 파일'*.ico' 또는 '*.png' 이미지를 불러오기 다음 '변경사항 저장' 버튼을 누르면 TISTORY 블로그 파비콘이 변경 됩니다. 적용한 파비콘은 네이버 서치어드바이저나 구글 서치 콘솔 등의 색인 요청을 다시하면 비교적 빨리 반영되지만, 통상 1주일에서 한달 까지 걸리기도 하며, Google의 경우 색인 후 반영까지 색각 보다 상당한 시간이 소요 됩니다.
2. 티스토리 파비콘 설정하는 방법
티스토리에 파비콘을 변경하여 적용하여도, 네이버나 구글 검색에서 표시되지 않고 연한 회색의 지구본 모양으로 표시되는 경우에는 먼저, TISTORY 계정에 로그인 한 후 좌측의 '🏠 블로그 관리 홈' 메뉴 아래의 '꾸미기 -스킨 편집 ♐' 항목을 선택 합니다.
티스토리 스킨 편집이 새 탭으로 활성화 되면, 우측 화면의 스킨 이름 '예.북 클럽(Book Clib)' 오른쪽의 썸네일 이미지 아래의 'html 편집' 버튼을 선택합니다.
TISTORY 블로그 'html 편집' - '스킨 편집' - 'HTML' 편집 페이지의 상단 '파일업로드' 항목을 선택하고, 하단의 '✚ 추가' 버튼을 클릭한 다음, 앞선 단계에서 파비콘으로 사용하는 '*.ico' 또는 '*.png' 파일을 불러오기 하여 업로드 합니다. 업로드가 완료되면 파일 목록의 'images/*' 파비콘을 선택하고 마우스 우클릭 후 '링크 주소 복사'를 선택하여 클립보드에 저장된 이미지 주소를 메모장에 붙여넣기 합니다.
메모장 캡처 이미지의 '<link rel="shortcut icon" href="복사한이미지주소">'를 참조하여, 파비콘 코드를 편집하면 되는데, 현재 운영하고 있는 사이트에 마우스 오른쪽 클릭을 사용할 수 없기 때문에 티스토리 고유색 부분을 드래그하여 선택한 후 복사(Ctrl +C)' 한 다음 메모장에 붙여넣기(Ctrl + V) 합니다.
티스토리 블로그 파비콘으로 사용할 이미지 주소 코드를 붙여넣기 하여 편집하고, 티스토리 '블로그관리 홈 - 스킨 편집 - HTML'에서 '코드를 '<head> ~ </head>' 사이에 붙여넣기(Ctrl + V)하여 입력하고 상단 우측에 '적용' 버튼을 누르면, 티스토리 파비콘 설정이 적용 됩니다. 참고로, Favicon 편집 코드 시작과 끝. 부분에 '예시: <!-- 파비콘 시작 --> ~ <!-- 파비콘 끝. -->' 형태로 주석을 추가한 후 붙여 넣기 하면 되는데, 주석 처리된 부분은 HTML 편집에서는 표시 되지만, 스킨에서는 나타나지 않아 어려 코드를 스킨 HTML 편집에서 추가하고 관리 하기에 용이 합니다.
Read more ...