[4편] 간판과 메뉴판 정리하기: 제목, 설명, 주소(URL), 소제목 구조 잡기

2026년 10월 13일

한 줄 요약

검색 결과에 보이는 제목(title), 그 아래 설명(메타 설명), 페이지 주소(URL), 본문 소제목(H1~H3)을 정리하면 검색엔진과 손님 모두 페이지 내용을 한눈에 알 수 있습니다.

비유로 이해하기

가게 앞에는 간판(제목), 그 아래 메뉴판(설명), 그리고 가게 안에는 구역 표지판(소제목)이 있습니다. 간판만 보고도 무슨 가게인지, 메뉴판만 보고도 무엇을 파는지 알 수 있어야 손님이 들어옵니다.

비교해 보기

  • 제목(title 태그): 검색 결과의 파란 큰 글씨. 페이지마다 다르게, 핵심 키워드를 앞쪽에, 너무 길지 않게.
  • 메타 설명: 제목 아래 두세 줄 설명. 순위에 직접 영향은 적지만 클릭을 부르는 광고 문구 역할을 합니다.
  • URL: /?p=123보다 /seo-aeo-04-titles-descriptions/처럼 읽을 수 있는 주소가 좋습니다.
  • 소제목 구조: 페이지 제목은 H1 하나, 큰 단락은 H2, 그 안의 작은 단락은 H3. 책의 목차처럼 계단을 지키세요.

따라 해 보기

  • 내 사이트 주요 페이지(홈, 소개, 수업안내, 문의)의 제목과 설명을 표로 정리합니다.
  • 아래 템플릿으로 페이지마다 제목과 설명을 다시 씁니다.
  • 페이지 주소가 읽을 수 있는 단어로 되어 있는지 확인합니다.
  • 본문에 H1이 하나인지, H2·H3가 순서대로 쓰였는지 확인합니다.
따라 쓰는 템플릿 · 제목과 메타 설명
[페이지 제목 템플릿]
핵심 키워드 + 구체적인 약속 | 사이트 이름
예) 1인 사업자 홈페이지 직접 만들기 수업 | 홈페이지 독립학교

[메타 설명 템플릿] (80~120자 정도)
누구를 위한 페이지인지 + 무엇을 얻는지 + 다음 행동
예) 코딩 없이 GeneratePress와 GenerateBlocks로 내 홈페이지를 직접 만들고 고치는 실습 수업입니다. 수업 구성과 상담 신청 방법을 확인하세요.

[점검]
□ 페이지마다 제목이 다른가?
□ 핵심 키워드가 제목 앞쪽에 있는가?
□ 설명을 읽고 클릭하고 싶어지는가?
□ URL이 읽을 수 있는 단어인가?
□ H1은 하나, H2·H3는 순서대로인가?

이 사이트에 적용하기

홈페이지 독립학교의 현재 상태입니다. 홈 화면 제목은 “홈페이지 독립학교”뿐이라 어떤 사이트인지 키워드가 없고, 사이트 설명(태그라인)도 비어 있습니다. 글 제목은 “글 제목 – 홈페이지 독립학교” 형식으로 잘 나오고 있어요.

메타 설명은 모든 페이지에 아직 없습니다. 워드프레스 기본 기능만으로는 메타 설명을 따로 넣기 어려워서, 5편의 SEO 플러그인을 설치한 뒤 위 템플릿으로 채우면 됩니다. 주소는 영어 단어로 된 읽을 수 있는 형태이고, 페이지마다 H1이 하나씩이라 구조는 좋습니다.

참고 영상

참고 자료

이 글은 아래 영상과 공식 문서를 참고해 초보자 눈높이로 다시 정리했습니다.

함께 읽으면 좋은 글