블로그 검색 최적화(SEO)에 도움이 되는 핵심 요소 정리

블로그 운영 시 검색 최적화(SEO)에 도움이 되는 핵심 요소인 H태그, alt 속성, 메타디스크립션(meta description) 등을 통해 검색엔진에 잘 노출되고, 사용자에게도 보기 좋은 글을 작성하는 팁을 알려드릴게요.

 

 

1. H 태그 사용 (제목 구조 설정)

H1	가장 중요한 제목	블로그 전체에서 1회만 사용. 본문에서는 사용 X
H2	본문 내 주요 제목	본문에서 제목1으로 사용됨
H3	소제목	제목2로 사용됨
H4~H6	세부 소제목	HTML 모드에서만 설정 가능

 

활용 팁

• H1은 블로그 글 제목에 자동 지정됨 → 본문에서는 H2부터 사용
• 제목 순서 중요: H1 → H2 → H3 순서 지켜야 함
• H2 아래 H3는 여러 개 가능
• 같은 키워드 반복은 피하기
• 스킨 편집 - HTML편집 -
• CTRL+F로 블로그 검색 최적화(SEO)에 도움이 되는 핵심 요소 정리 검색 → H1으로 수정

---

2. ALT 속성 & Figcaption 사용법 (이미지 설명)

alt	로봇, 시각장애인	검색 최적화, 접근성 향상
figcaption	일반 사용자	화면에 표시되는 설명

 

활용 팁

• HTML 모드에서 이미지 태그에 "alt":"설명" 추가
• 이미지 파일명도 키워드 포함하면 좋음
• 모든 이미지에 alt 넣는 것이 좋지만, 키워드 관련 이미지에만 넣어도 OK
• 중복된 설명은 피하고 간결하게 작성하기
• 설명이 없더라도 "alt":""는 꼭 넣기

---

 

3. ALT 속성 자동화 팁

 

1. 이미지 파일명에 키워드 포함하기

• ALT 속성은 이미지 파일명과 연관성이 높아요.
• 예: coffee.jpg → alt="커피를 마시는 사람"
• 파일명 자체가 키워드라면 ALT 자동 생성 시 유리함

2. HTML 모드에서 일괄 수정하기

• 글 작성 후 HTML 모드로 전환
• img 태그를 검색 (CTRL+F로 <img 찾기)
• 아래처럼 ALT 속성을 추가:
  <img src="coffee.jpg", alt="커피를 마시는 사람">
• 반복되는 이미지에는 alt=""만 넣어도 좋음 (속성 자체가 있는 것이 중요)

3. 템플릿 활용으로 반복 작업 줄이기

• 자주 사용하는 이미지 설명을 미리 템플릿으로 만들어두기
  예) <img src="keyboard.jpg", alt="작업 중인 키보드 모습">

4. 에디터 자동화 플러그인 활용 (티스토리 외 플랫폼)

• 워드프레스 등에서는 ALT 자동 생성 플러그인 존재
• 티스토리는 직접 입력해야 하지만, 브라우저 확장 프로그램이나 스크립트 자동화 도구를 활용하면 반복 작업을 줄일 수 있음

5. ALT 속성 자동화 시 주의사항

• 모든 이미지에 같은 ALT 넣는 건 좋지 않음
• 키워드 과다 삽입은 오히려 역효과
• 문맥에 맞는 간결한 설명이 가장 효과적
• 시각장애인을 위한 접근성도 고려 → 의미 있는 설명 넣기

간결하게	5~10단어 이내로 핵심만
키워드 포함	관련 키워드 자연스럽게 삽입
중복 피하기	같은 설명 반복 X
문맥 고려	글 내용과 연결된 설명 작성
모든 이미지에 alt="" 삽입	설명이 없더라도 속성 자체는 넣기

---

SMALL

 

4. Meta Description 작성법 (검색 설명)

길이	120자 이상, 156자 이하 (공백 포함)
위치	검색 결과에서 제목 아래 표시됨
작성 팁	첫 문장에 키워드 삽입, 글 요약 형태로 작성

 

활용 팁

• 개발자 도구에서 description 확인 가능
• 글의 첫 문단이 자동으로 들어가는 경우 많음
• 키워드가 앞에 있을수록 검색에 유리

---

5. 실전 팁 요약

H 태그 순서 지키기	H1 → H2 → H3
Meta description	키워드 포함, 요약형 문장
ALT 속성	키워드 포함, 간결하게
Figcaption	사용자용 설명, 길게 써도 됨
스킨 편집 시 백업	HTML 수정 전 코드 저장 필수

 

 

 

---

 

티스토리 블로그 개설부터 수익형 세팅까지 완벽 가이드!

 

티스토리 블로그 스킨 설정 방법 및 속도 최적화 팁