체크 항목 안내

기본 메타 정보

페이지 제목 (title)

검색 결과에서 가장 크게 보이는 문구예요. 페이지마다 다르게, 핵심 키워드를 앞쪽에 두세요.

기준: 10~60자 · <title>중고 의자 고르는 법 | 우리동네</title>

페이지 설명 (meta description)

제목 아래 두세 줄로 보이는 요약이에요. 순위에 직접 영향은 없지만 클릭률을 좌우해요.

기준: 50~160자 · <meta name="description" content="...">

모바일 뷰포트

검색엔진은 모바일 화면 기준으로 페이지를 평가해요. 뷰포트가 없으면 모바일에서 글씨가 아주 작게 보여요.

<meta name="viewport" content="width=device-width, initial-scale=1">

문서 언어와 문자 인코딩

언어를 알려 주면 검색엔진과 화면 낭독기가 내용을 정확히 읽어요. 인코딩이 없으면 한글이 깨질 수 있어요.

<html lang="ko"> · <meta charset="utf-8">

대표 주소 (canonical)

같은 내용이 여러 주소(파라미터, www 유무 등)로 열릴 때 어느 주소가 대표인지 알려 줘요.

<link rel="canonical" href="https://example.com/page">

검색 허용 (robots meta)

noindex가 있으면 검색 결과에 나오지 않아요. 배포할 때 개발용 설정이 남아 있지 않은지 확인해 주세요.

콘텐츠 구조

대표 제목 (H1)

페이지 주제를 한 문장으로 나타내는 제목이에요. 한 페이지에 하나를 권장해요.

헤딩 구조

H1 → H2 → H3 순서로 내려가야 검색엔진이 내용의 뼈대를 이해해요. 글씨 크기 때문에 단계를 건너뛰지 말고 CSS로 조절해 주세요.

이미지 대체 텍스트 (alt)

이미지 검색과 화면 낭독기가 이 글을 읽어요. 장식용 이미지라면 alt=""로 비워 두면 돼요.

기준: alt 없는 이미지가 절반을 넘으면 문제, 하나라도 있으면 개선 권장

본문 분량

검색엔진이 주제를 판단할 만큼 글이 있어야 해요. 자바스크립트로만 화면을 그리는 페이지는 HTML에 글이 비어 있을 수 있어요.

기준: 공백 제외 500자 이상

링크

링크 글자는 연결된 페이지를 설명하는 단서예요. 아이콘만 있는 링크에는 aria-label을 넣어 주세요.

소셜 공유

Open Graph

카카오톡, 페이스북, 슬랙에 링크를 붙일 때 보이는 제목·설명·이미지예요.

필수: og:title og:description og:image og:url · 이미지는 1200×630 절대 주소 권장

X(트위터) 카드

twitter:card를 summary_large_image로 두면 큰 이미지로 공유돼요. 나머지 정보는 Open Graph를 함께 읽어요.

기술 요소

HTTPS와 주소 구조

보안 연결은 기본이에요. 주소는 짧고 소문자로, 단어는 하이픈(-)으로 이어 주세요.

robots.txt

사이트 루트에 두는 수집 규칙 파일이에요. User-agent: * 아래 Disallow: /가 있으면 사이트 전체가 수집되지 않아요.

구조화 데이터

JSON-LD로 글, 상품, 가게 정보 등을 알려 주면 검색 결과에 별점·가격 같은 정보가 함께 보일 수 있어요.

파비콘과 HTML 크기

파비콘은 모바일 검색 결과에서 사이트 이름 옆에 보여요. HTML이 1MB를 넘으면 인라인 데이터를 줄여 보세요.

점수 계산

항목별 가중치

통과는 100%, 개선 권장은 50%, 문제는 0%로 계산해요. 제목·설명·H1·검색 허용처럼 영향이 큰 항목은 가중치가 3배예요. ‘참고’ 항목은 점수에 넣지 않아요.

80점 이상 좋음 · 50~79점 보통 · 50점 미만 먼저 고쳐야 해요

무엇을 살펴보나요?