사람이 식당에 들어가기 전에 간판과 문 앞 메뉴판을 보듯, 검색 사용자는 결과의 제목과 설명을 보고 클릭할지 판단합니다. 검색엔진도 이 정보를 페이지 이해와 결과 생성의 여러 신호 중 하나로 참고합니다.
먼저 이름을 정확히 구분합니다
<title>: 페이지의 공식 제목
HTML <head> 안의 <title> 요소입니다. 브라우저 탭 이름으로 보이며 검색결과 제목 링크를 만드는 주요 후보입니다. 다만 검색엔진은 페이지의 큰 제목, 링크 문구 등 다른 신호를 참고해 결과 제목을 바꿔 표시할 수 있습니다.
meta name="description": 페이지 요약 후보
페이지 내용을 짧고 구체적으로 요약하는 메타 태그입니다. 검색엔진은 검색어에 더 적합하다고 판단하면 본문의 다른 문장을 스니펫으로 보여줄 수 있습니다. 따라서 “내가 쓴 문장이 항상 그대로 나온다”는 보장은 없습니다.
그렇다면 ‘메타 타이틀’은?
SEO 실무에서 ‘메타 타이틀’은 보통 <title>을 가리키는 관용 표현입니다. 하지만 <meta name="title">은 별개의 태그이며 Google의 표준 제목 신호로 기대하면 안 됩니다. Meta Checker가 두 행을 나누어 보여 주는 이유도 이 차이를 드러내기 위해서입니다.
<title>성수동 채식 식당 7곳 — 메뉴·가격·예약 정보</title>
<meta name="description" content="성수동에서 방문하기 좋은 채식 식당 7곳의 대표 메뉴, 가격대, 예약 방법을 한눈에 비교하세요.">Meta Checker에서 확인하기
- 1
<title>값입니다. Changed라면 Before 값과 현재 값이 다릅니다. - 2
meta name="title"입니다. N/A여도<title>이 제대로 있다면 별도 추가가 꼭 필요한 것은 아닙니다. - 3메타 설명입니다. 값과 글자 수, 최초 HTML 포함 여부를 봅니다.
검사할 페이지에서 기본 탭을 엽니다
홈, 상품, 글 등 페이지 유형별로 하나씩 검사합니다.
제목과 설명이 N/A인지 봅니다
없다면 가장 먼저 추가합니다. 여러 페이지가 똑같은 문장인지도 함께 확인하세요.
상태 칩과 Before 값을 봅니다
New·Changed라면 자바스크립트가 뒤늦게 넣거나 바꾼 것입니다. 가능하면 의도한 값을 최초 HTML에 포함합니다.
코드 버튼을 눌러 태그 형태를 확인합니다
제목은 <title>, 설명은 <meta name="description" content="…">인지 확인합니다.
좋은 제목과 설명을 쓰는 기준
- 페이지마다 고유하게: 모든 상품에 같은 제목과 설명을 복사하지 않습니다.
- 구체적인 핵심부터: “홈”, “상세페이지”, “최고의 서비스”처럼 모호한 말만 쓰지 않습니다.
- 본문과 일치하게: 페이지에 없는 가격·혜택·평점을 약속하지 않습니다.
- 사람이 읽기 좋게: 같은 키워드를 반복해서 나열하지 않습니다.
- 앞부분에 구분 정보: 긴 제목이 잘려도 페이지 주제를 알 수 있게 합니다.
글자 수는 절대 규칙이 아닙니다.검색결과는 기기 폭과 검색어에 따라 달라집니다. Meta Checker의 글자 수는 지나치게 비거나 장황한 값을 발견하는 참고값으로 사용하세요.
수정하고 다시 검사하기
- CMS의 SEO 제목·설명 입력란 또는 HTML
<head>를 엽니다. <title>은 페이지 주제와 구분 요소를 포함해 수정합니다.- 메타 설명은 “누구에게 어떤 정보를 주는 페이지인지” 한두 문장으로 씁니다.
- 저장·배포 후 페이지 소스를 갱신하고 Meta Checker를 새로고침합니다.
- 현재 값과 Before 값이 의도대로 같아졌는지, 본문의 H1과 주제가 일치하는지 확인합니다.
완료 체크리스트
- 모든 중요 페이지에 구체적인
<title>이 있다. - 메타 설명이 페이지별로 고유하고 본문과 일치한다.
meta name="title"과<title>의 차이를 구분한다.- 핵심 값이 최초 HTML에도 포함된다.
- 수정 후 Meta Checker로 재검사했다.