본문 바로가기
AI(인공지능)/SNS. 콘텐츠

티스토리 아이콘과 파비콘의 의미 및 만드는 방법

by KeyForce 2025. 4. 4.

 

블로그를 운영하다 보면 브랜드 아이덴티티를 강조하고, 방문자에게 좋은 첫인상을 주기 위해 아이콘과 파비콘 설정은 필수입니다. 특히 티스토리 블로그는 다양한 커스터마이징이 가능하므로, 이런 요소들을 잘 활용하면 애드센스 승인에도 긍정적인 영향을 줄 수 있습니다.


 

아이콘과 파비콘의 차이점

 

1. 아이콘 (사이트 대표 이미지)

  • 주로 SNS 공유 시 썸네일 이미지로 사용됩니다.
  • 포털 사이트나 메신저에서 블로그 글을 공유하면 아이콘이 함께 노출되어, 클릭 유도에 중요한 역할을 합니다.
  • 티스토리에서는 "관리 → 블로그 → 기본 정보"에서 설정할 수 있습니다.

 

2. 파비콘 (Favicon)

  • 브라우저 탭 좌측, 또는 북마크 아이콘에 표시되는 작은 아이콘입니다.
  • 주로 16x16픽셀 또는 32x32픽셀 크기의 정사각형 이미지를 사용합니다.
  • 블로그 브랜드를 시각적으로 강조하며, 신뢰도와 전문성을 높여줍니다.

아이콘 파비콘 이미지

 

아이콘과 파비콘의 중요성

 

  1. 브랜딩 효과
    • 방문자가 블로그를 기억하고 다시 방문할 가능성이 높아집니다.
  2. 전문성 어필
    • 정돈된 이미지와 시각적 구성은 애드센스 승인 시에도 긍정적인 인상을 줍니다.
  3. SEO(검색엔진최적화)에 간접적 기여
    • 사용자 경험(UX)을 개선하여 이탈률을 낮추고, 체류시간을 늘리면 SEO에도 좋습니다.

 

아이콘과 파비콘 제작 방법

✅ 아이콘 제작 방법

제작 팁:

  • 블로그 주제에 맞는 이미지나 심플한 로고 사용
  • 텍스트는 너무 작지 않게, 배경은 심플하게

 

✅ 파비콘 제작 방법

 

제작 팁:

  • 너무 복잡한 이미지는 피하고, 심플한 로고나 이니셜 추천
  • 흰색 배경보다 투명 배경이 깔끔하게 보임

 

티스토리에 적용하는 방법

 

아이콘 적용:

  1. 티스토리 관리자 페이지 → 블로그 > 기본 정보
  2. "사이트 아이콘" 항목에서 이미지 업로드
  3. 저장 후 반영 확인

 

파비콘 적용:

  1. 관리자 페이지 → 꾸미기 > 스킨 편집 > HTML 편집
  2. <head> 태그 안에 다음 코드 삽입:
html
복사편집
<link rel="shortcut icon" href="파비콘URL주소" type="image/x-icon">
 
  1. 예시:
html
복사편집
<link rel="shortcut icon" href="https://yourblog.tistory.com/favicon.ico" type="image/x-icon">

 

구글 애드센스를 위한 팁

  • 아이콘/파비콘이 설정된 블로그는 완성도 있는 구조로 평가받을 수 있습니다.
  • 모바일에서도 잘 보이는지 확인하세요.
  • 반드시 저작권 문제가 없는 이미지를 사용해야 합니다.

 

결론

 

티스토리 블로그에서 아이콘과 파비콘은 단순한 장식이 아니라, 브랜드와 전문성을 동시에 표현하는 중요한 요소입니다. 디자인에 조금만 신경 써도, 방문자의 신뢰를 얻고 애드센스 승인에도 긍정적인 영향을 줄 수 있습니다. 간단한 설정이지만 큰 효과를 낼 수 있는 만큼, 지금 바로 적용해보세요!