블로그 운영 노하우

티스토리 이미지 검색 유입 높이는 방법

블로그 꿀팁 2025. 10. 9. 07:30
반응형

티스토리 이미지 검색 유입 높이는 방법

티스토리 이미지 검색 유입 높이는 방법

 

이미지 SEOALT 텍스트WebP이미지 사이트맵썸네일 전략

 

이미지 검색 유입의 원리

 

이미지 검색은 텍스트와 달리 시각적 의도를 가진 사용자가 많이 유입됩니다. 이들은 보통 저장·비교·튜토리얼을 찾기 때문에, 정확한 캡션/ALT컨텍스트가 맞는 본문이 있을 때 클릭과 체류가 함께 증가합니다.

핵심: 이미지 자체 품질 + 텍스트 컨텍스트 + 기술 시그널(포맷/사이즈/사이트맵)이 동시에 맞아야 합니다.
노출---> 확대---> 클릭---> 방문. 캡션 / ALT와 썸네일이 클릭률을 좌우합니다

 

파일명·ALT·캡션·EXIF

 

  • 파일명: 주제-장소-연도.webp처럼 의미 있는 한글/영문 슬러그(공백 대신 하이픈).
  • ALT: 이미지를 보지 못해도 이해되는 한 문장(핵심 키워드 1회, 과밀 금지).
  • 캡션: 맥락·출처·측정치 등 추가 정보로 클릭 후 이탈을 줄임.
  • EXIF: 저작권자/촬영일/위치(필요 시) 보존. 민감 정보는 제거.
<img src="/img/tistory-image-seo-2025.webp" alt="티스토리 이미지 SEO 체크리스트 인포그래픽" width="1200" height="675" loading="lazy" />

 

사이즈·포맷(WebP)·지연 로딩

 

  • 권장 사이즈: 본문 최대 폭 1200px, 썸네일 1200×630(OG), 리스트 600px.
  • 포맷: WebP(기본), 사진은 AVIF 보조. PNG는 투명/아이콘에만.
  • 지연 로딩: loading="lazy"width/height 지정으로 CLS 방지.
  • Srcset: 480/768/1200 등 반응형 소스로 모바일 선명도/속도 동시 확보.

 

이미지 사이트맵·OG/핀터레스트

 

  • 이미지 사이트맵: 가능하면 이미지 URL을 사이트맵에 포함(자동 생성 도구 활용).
  • OG 이미지: 제목/핵심 키워드가 읽히는 썸네일. 대비 높은 색/가독성 높은 폰트.
  • 핀터레스트/이미지 공유: 비율 2:3(1000×1500) 버전도 함께 제작해 보관.
<meta property="og:image" content="https://도메인/og/tistory-image-seo-1200x630.webp">

 

콘텐츠 전략: 비교표·튜토리얼·인포그래픽

 

  • 비교표: 전/후, 옵션별 차이를 한 장으로 요약(저장가치↑).
  • 튜토리얼: 단계별 스크린샷 + 제목에 동사 사용(예: “압축하기”).
  • 인포그래픽: 체크리스트·타임라인·퍼널형 도식으로 이미지 검색 노출 강화.

 

파일명---> ALT---> WebP---> 사이트맵--->OG 순으로 기본기를 고정하세요

 

저작권·워터마크·정책

 

  • 저작권: 직접 촬영/제작 또는 라이선스 확인. 출처 표기.
  • 워터마크: 과하지 않게 모서리에 투명도 60~70%로 표기.
  • 정책: 과도한 광고/팝업으로 이미지 가독성 해치지 않기(1화면 1광고).

 

발행 전 체크리스트

 

  1. 의미 있는 파일명과 ALT/캡션이 들어갔는가?
  2. 이미지 크기/포맷(WebP)/srcset/지연 로딩이 적용됐는가?
  3. 이미지 사이트맵/OG 이미지가 준비됐는가?
  4. 저작권/워터마크/정책(1화면 1광고)을 준수했는가?
  5. 내부 링크와 텍스트 컨텍스트가 충분한가?

 

파일명. ALT.WebP -사이트맵 OG 저작권까지 한 번에 점검

 

최종 정리

 

이미지 검색 유입은 ‘운’이 아니라 체크리스트의 반복입니다. 파일명/ALT/캡션 같은 기본기에 WebP·srcset·사이트맵·OG를 더하고, 저장가치 높은 인포그래픽/튜토리얼을 꾸준히 발행하세요. 몇 주 내 이미지 탭 유입과 본문 체류가 함께 좋아집니다.

반응형