SEO 가이드 2단계: 온페이지 및 메타 태그 — 검색 엔진이 실제로 보여주는 것
SEO 가이드 2단계: 온페이지 및 메타 태그
이는 13단계 SEO 가이드의 2단계입니다. 온페이지 메타 태그는 검색 엔진이 귀하의 사이트에 대해 표시하는 내용을 제어하며, 사용자가 클릭할지 여부도 결정합니다.
기술적 SEO(1단계)는 검색 엔진이 귀하의 사이트를 찾을 수 있도록 보장합니다. 온페이지 최적화는 그들이 사이트를 이해하고 유저에게 매력적으로 결과를 나타내는 것을 보장합니다. 구글에서 볼 수 있는 모든 검색 결과는 페이지의 메타 태그에서 만들어집니다. 이를 제어하지 않으면 구글은 임의로 판단합니다. 그리고 구글은 잘못 방법으로 추측합니다.
2%와 8% 클릭률의 차이는 종종 더 나은 제목 태그와 설명에 불과합니다. 월 1,000회 노출되는 페이지에서는 매달 60명의 추가 방문자를 유치할 수 있으며, 이는 무료입니다.
온페이지 SEO가 포함하는 것
온페이지 최적화는 8가지 영역을 포함합니다:
- 제목 태그 — 검색 결과에서 파란색 링크
- 메타 설명 — 링크 아래의 회색 텍스트
- Open Graph & 소셜 — 공유할 때 페이지가 어떻게 보이는지
- 헤딩 계층 구조 — 관련성을 나타내는 콘텐츠 구조
- 구조화 데이터 — 풍부한 결과(별점, 가격, FAQ)
- 이미지 최적화 — Alt 텍스트, 파일 이름 및 지연 로딩
- 내부 앵커 텍스트 — 귀하의 링크가 페이지에 대해 전달하는 내용
- 뉴스 및 기사 마크업 — 구글 뉴스, Discover 및 AI 크롤러
1. 제목 태그
제목 태그는 가장 영향력 있는 온페이지 요소입니다. 검색 결과에서 클릭 가능한 파란색 링크, 브라우저 탭 텍스트 및 직접적인 순위 요소입니다.
고성능 제목 태그를 위한 규칙:
- 50-60자(구글은 ~60자에서 잘림)
- 주요 키워드는 시작 부분에 가깝게
- 귀하의 사이트의 모든 페이지에서 유일해야 함
- 알고리즘뿐만 아니라 사람에게도 매력적이어야 함
- 여유가 있으면 끝에 브랜드명 기재
효과적인 공식:
| 페이지 유형 | 공식 | 예시 | |-----------|---------|---------| | 홈페이지 | [브랜드] — [가치 제안] | LANGR — 성장하는 비즈니스를 위한 SEO 자동화 | | 제품 | [제품] — [이점] | [브랜드] | 프로 플랜 — 매일 SEO 모니터링 | LANGR | | 블로그 | [주제]: [약속] ([연도]) | 제목 태그: 완벽한 가이드 (2026) | | 카테고리 | [카테고리] — [맥락] | [브랜드] | 러닝화 — 남성 컬렉션 | 나이키 |
일반적인 실수:
- 여러 페이지에서 동일한 제목(중복 제목)
- 키워드 채우기: "SEO SEO 가이드 SEO 팁 SEO 도움"
- 너무 짧음: "홈" 또는 "제품"
- 아예 없거나(구글이 콘텐츠에서 하나 생성 — 대개 잘못됨)
빠른 승리: 모든 제목 태그를 내보내기(Screaming Frog 또는 Search Console 확인). 중복 및 30자 이하 제목인 페이지를 찾습니다. 이를 먼저 수정하세요.
2. 메타 설명
메타 설명은 순위에 직접적인 영향을 미치지 않지만 클릭률에 극적 영향을 미칩니다. 이는 자연 결과에서 광고 문구입니다.
규칙:
- 120-155자(모바일에서는 더 일찍 잘림)
- 주요 키워드를 포함(구글은 일치하는 용어를 굵게 표시)
- 콜 투 액션 포함("방법 알기", "시작하기", "가격 보기")
- 페이지별로 유일해야 함(중복은 구글의 자동 스니펫으로 대체됨)
- 검색 의도와 일치해야 함(정보성, 거래성, 탐색성)
공식: [페이지에서 제공하는 내용] + [주요 이점] + [CTA]
예시: "순위에 직접 영향을 미치는 8개의 메타 태그를 알아보세요. 실행 가능한 팁과 전/후 예제를 제공합니다. 오늘 최적화를 시작하세요."
구글이 설명을 무시하는 경우: 구글은 특정 쿼리에 더 잘 맞추기 위해 ~70%의 메타 설명을 다시 작성합니다. 이를 방지할 수는 없지만, 잘 작성된 설명은 여전히 나쁜 설명보다 더 자주 사용됩니다. 또한 소셜 공유 및 링크 미리보기에 표시됩니다.
빠른 승리: 먼저 트래픽이 많은 상위 20개 페이지의 설명을 작성하세요. Search Console에서 노출 수가 높은데 클릭률은 낮은 페이지의 우선 순위를 매기세요.
3. Open Graph & 소셜 메타
누군가가 페이스북, 링크드인, 트위터/X 또는 메신저 앱에서 귀하의 링크를 공유할 때 Open Graph 태그는 나타나는 미리보기 카드를 제어합니다.
필수 OG 태그:
<meta property="og:title" content="귀하의 페이지 제목" />
<meta property="og:description" content="소셜을 위한 매력적인 설명" />
<meta property="og:image" content="https://yoursite.com/images/og-card.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />Twitter/X의 경우:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="귀하의 페이지 제목" />
<meta name="twitter:description" content="Twitter를 위한 설명" />
<meta name="twitter:image" content="https://yoursite.com/images/twitter-card.jpg" />이미지 요구 사항:
- 대형 카드의 경우 최소 1200x630px
- 파일 크기 8MB 이하
- 이미지에 텍스트를 적당히 사용(20% 규칙)
- Facebook Debugger 및 Twitter Card Validator로 테스트
빠른 승리: 브랜드를 위한 고품질 OG 이미지 템플릿을 하나 생성하세요. 기본 이미지로 사용하고, 상위 10개 페이지에 대한 맞춤형 이미지를 추가하세요.
4. 헤딩 계층 구조
헤딩(H1-H6)은 검색 엔진에 콘텐츠 개요를 제공합니다. 이는 귀하의 페이지가 무엇에 대한 것인지 및 어떤 섹션이 가장 중요한지를 나타냅니다.
규칙:
- 페이지당 정확히 하나의 H1(주제/키워드)
- 주요 섹션에 대한 H2(이들은 자주 피쳐드 스니펫 대답이 됨)
- H2 내의 하위 섹션에 대한 H3
- 레벨을 건너뛰지 마세요(H1 → H3는 H2 없이 안됨)
- 헤딩에 키워드를 자연스럽게 사용하되 강제로 사용하지 마세요
- 중요한 단어를 앞에 배치(스캐너는 처음 3단어를 읽음)
SEO 영향:
- 구글은 H2/H3 텍스트를 피쳐드 스니펫 및 "사람들도 묻습니다"에 사용함
- 헤딩 텍스트는 패시지 순위에 영향을 미침(구글은 페이지의 섹션을 독립적으로 순위 매길 수 있음)
- 스크린 리더와 AI 크롤러는 페이지 구조를 이해하기 위해 헤딩을 사용함
예시 구조:
H1: 러닝화 선택하는 방법
H2: 발 유형 및 프로나시션
H3: 과도한 프로나시션
H3: 중립
H3: 부족한 프로나시션
H2: 신발 카테고리
H3: 도로 러닝
H3: 트레일 러닝
H2: 신발 교체 시기빠른 승리: 상위 페이지를 확인하세요 — 여러 H1이 있거나 H1이 없거나 "섹션 1", "섹션 2"와 같은 헤딩이 있다면 즉시 수정하세요.
5. 구조화 데이터 (스키마 마크업)
구조화 데이터는 검색 엔진이 귀하의 콘텐츠가 정확히 무엇을 나타내는지를 알려줍니다. 이는 별점, 가격, FAQ, 방법 단계 등과 같은 풍부한 결과를 가능하게 합니다.
고ROI 스키마 유형:
| 스키마 | 풍부한 결과 | 최적의 사용처 | |--------|-------------|---------------| | FAQ | SERP에서 확장 가능한 Q&A | 서비스 페이지, 제품 페이지 | | HowTo | 이미지와 함께 단계별 | 튜토리얼/가이드 콘텐츠 | | Article | 결과에 저자, 날짜, 이미지 | 블로그 게시물, 뉴스 | | Product | 가격, 평가, 이용 가능 여부 | 전자상거래 | | LocalBusiness | 지도, 영업 시간, 리뷰 | 오프라인 비즈니스 | | BreadcrumbList | SERP에서 경로 내비게이션 | 모든 페이지 | | Organization | 지식 패널 | 홈페이지 |
FAQ 스키마 예시:
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "SEO는 얼마나 걸리나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "대부분의 사이트는 3-6개월 내에 측정 가능한 개선을 봅니다..."
}
}]
}규칙:
- 실제로 페이지에서 볼 수 있는 콘텐츠만 표시
- 리뷰나 평가를 허위로 작성하지 마세요
- 구글의 풍부한 결과 테스트로 유효성을 검사하세요
- Search Console에서 → 개선 사항을 모니터링
빠른 승리: 상위 5개의 서비스/제품 페이지에 FAQ 스키마를 추가하세요. 각 페이지에 대해 3-5개의 진정한 질문과 답변을 작성하세요. 이는 SERP 부동산을 하루 만에 두 배로 늘릴 수 있습니다.
6. 이미지 최적화
이미지는 종종 가장 큰 성능 병목 현상이며 간과된 SEO 기회입니다. Google 이미지 검색은 많은 사이트에 상당한 트래픽을 유도합니다.
5가지 필수 사항:
- Alt 텍스트: 이미지에 있는 내용을 설명합니다(접근성 + SEO). 자연스럽게 키워드를 포함하십시오:
alt="2026년 블랙 색상의 Nike Air Max 러닝화", 아닌alt="신발"또는alt="" - 파일 이름: 업로드 전에 이름을 변경합니다.
nike-air-max-2026-black.webp가 아니라IMG_4382.jpg - 형식: 사진은 WebP(30-50% 작음) 사용, 아이콘/로고는 SVG. 사진에는 PNG 사용을 피하세요.
- 지연 로딩: 아래로 스크롤되는 이미지에
loading="lazy"추가. 히어로 이미지는 절대 지연 로딩하지 마세요. - 치수: 레이아웃 이동(CLS)을 방지하기 위해
width및height속성을 항상 지정합니다.
빠른 승리: 가장 큰 10개의 이미지를 찾으세요(PageSpeed Insights에서 확인). WebP로 변환하고 적절한 alt 텍스트를 추가하세요. 이는 성능과 이미지 검색 가시성을 모두 향상시킵니다.
7. 내부 앵커 텍스트
내부 링크의 클릭 가능한 텍스트는 검색 엔진에게 대상 페이지에 대한 정보를 제공합니다. 대부분의 사이트는 "여기를 클릭하세요" 또는 "자세히 보기"를 사용하여 이를 낭비합니다.
규칙:
- 관련 키워드를 포함하는 설명적 앵커 텍스트 사용
- 앵커 텍스트 변주(각 페이지에 대한 모든 링크에 대해 동일한 텍스트를 사용하지 마세요)
- 높은 권위의 페이지에서 순위를 매기려는 페이지로 링크
- 내비게이션뿐만 아니라 콘텐츠 내에서 맥락적으로 링크
좋은 경우와 나쁜 경우:
- 나쁜: "우리의 SEO 가이드를 보려면 여기를 클릭하세요"
- 좋은: "모든 13단계에 대한 완벽한 SEO 가이드를 읽어보세요"
- 나쁜: "더 알아보기"
- 좋은: "구조화 데이터가 클릭률을 향상시키는 방법을 확인하세요"
빠른 승리: 사이트에서 "여기를 클릭하세요" 및 "자세히 보기" 링크를 검색하세요. 관련 키워드를 포함한 설명적 앵커 텍스트로 교체하세요.
8. 뉴스 및 기사 마크업
블로그 포스트, 뉴스 콘텐츠 또는 정기적으로 업데이트되는 콘텐츠를 게시하는 경우, 뉴스 최적화된 마크업은 구글 뉴스, 구글 Discover 및 AI 크롤러의 우선 대우를 활성화합니다.
기사 스키마(뉴스 기능 필수):
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "귀하의 기사 제목",
"datePublished": "2026-05-07T09:00:00+02:00",
"dateModified": "2026-05-07T09:00:00+02:00",
"author": {
"@type": "Person",
"name": "저자 이름",
"url": "https://yoursite.com/author/name"
},
"publisher": {
"@type": "Organization",
"name": "귀하의 브랜드",
"logo": {
"@type": "ImageObject",
"url": "https://yoursite.com/logo.png"
}
},
"image": "https://yoursite.com/article-hero.jpg",
"mainEntityOfPage": "https://yoursite.com/article-url"
}NewsArticle vs Article 사용:
NewsArticle— 시간에 민감한 뉴스 콘텐츠(이벤트, 발표)Article— 상시 블로그 게시물 및 가이드BlogPosting— 의견 조각 및 개인 블로그
구글 뉴스 & Discover 최적화:
- 고품질 히어로 이미지(최소 1200px 너비,
max-image-preview:large메타) - 페이지에 명확하게 표시된 발행 날짜
- 저자 이름과 저자 페이지에 대한 링크 포함
- 원본 보고 또는 고유 분석(재작성 아님)
robots메타:max-snippet:-1, max-image-preview:large(전체 미리보기 허용)
뉴스 콘텐츠에 대한 로봇 메타:
<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />이는 구글에게 Discover 카드와 뉴스 결과에서 큰 이미지를 사용할 수 있게 합니다.
왜 더 높은 등급에 이것이 중요한가:
- 블로그 전략: 기사 마크업을 통해 귀하의 콘텐츠가 Discover에 노출되어 각 게시물마다 수천 번 노출될 가능성
- 링크 획득: 뉴스 색인된 콘텐츠는 다른 출판물에 인용되어 자연적인 백링크를 얻음
- AI 크롤러: ChatGPT, Perplexity 및 다른 AI 시스템은 적절한 기사 마크업과 명확한 저자를 가진 소스를 우선 인용함
- 브랜드 모니터링: 귀하의 브랜드에 대한 뉴스 언급(예: LANGR의 뉴스 스캐너 통해 추적)은 링크 구축 및 PR 기회를 드러냄
빠른 승리: 모든 블로그 게시물에 기사 스키마를 추가하세요. 각 게시물에 대해 명확한 날짜, 저자 이름 및 1200px 이상 크기의 히어로 이미지가 있는지 확인하세요. 로봇 메타에서 max-image-preview:large를 활성화하세요.
온페이지 SEO 감사 체크리스트
모든 중요한 페이지에 대해 다음을 확인하세요:
- [ ] 유일한 제목 태그, 50-60자, 키워드는 시작 근처에
- [ ] 유일한 메타 설명, 120-155자, CTA 포함
- [ ] Open Graph 태그 설정(제목, 설명, 이미지, URL)
- [ ] 주 키워드가 포함된 정확히 하나의 H1
- [ ] 논리적인 헤딩 계층 구조(H1 → H2 → H3, 건너뛰지 않음)
- [ ] 구조화 데이터 추가 및 유효성 검사(FQA, 기사, 제품 등)
- [ ] 이미지: WebP 형식, 설명적인 alt 텍스트, 폴드 아래에서 지연 로딩
- [ ] 내부 링크는 설명적인 앵커 텍스트 사용
- [ ] 모든 블로그/뉴스 콘텐츠에 기사 스키마 추가, datePublished + 저자 포함
- [ ] 콘텐츠 페이지에
max-image-preview:large메타 로봇 태그 추가
일반적인 온페이지 실수 (영향 순으로 나열)
- 중복 제목 태그 — 여러 페이지가 서로 경쟁
- 메타 설명 누락 — 구글이 임의로 유추(잘못된 추측)
- 구조화 데이터 없음 — 경쟁자가 가지고 있는 풍부한 결과 누락
- 키워드 채웠는 헤딩 — "SEO 팁 SEO 가이드 SEO 도움 SEO 2026"
- 이미지의 alt 텍스트 없음 — 검색에 보이지 않음 + 접근성 실패
- 블로그 게시물의 기사 마크업 없음 — 뉴스/Discover/AI에서 보이지 않음
- 일반적인 앵커 텍스트 — "여기를 클릭하다"는 구글에 아무것도 가르치지 않음
- 모든 곳에서 동일한 OG 이미지 — 모든 공유가 동일하게 보임
다음 단계는 무엇인가요?
3단계: 콘텐츠 및 전략 — 무엇을 작성하고, 언제 게시하며, 단순히 존재하는 것이 아니라 순위에 오르는 콘텐츠를 만드는 방법.
이 가이드는 LANGR의 13단계 SEO 시리즈의 일부입니다. 무료 감사 실행하기 귀하의 사이트가 모든 13개 분야에서 어떻게 수행되는지 확인하세요.