✅ 타이틀(title)과 디스크립션(description)은 웹페이지 <head>영역에 삽입되는 대표적인 메타 태그(meta tag)로, 검색엔진과 사용자에게 페이지의 핵심 정보를 알려주는 역할을 합니다. 검색결과(SERP)에 직접 반영되기 때문에 클릭률(CTR)과 SEO 성과에 가장 직접적인 영향을 주는 요소 중 하나입니다.
1) 타이틀(title)
- HTML <title> ... </title>태그로, 웹페이지의 제목을 정의하며 검색결과(SERP)의 파란색 링크 영역(제목)에 표시됩니다.
- 50~60자 내외가 적합하며, 사용자와 크롤러에게 해당 페이지의 핵심내용을 알려줄 수 있도록 명확하게 작성해야합니다.
2) 디스크립션(description)
-<meta name="description" content="..."> 형태의 메타 태그로, 검색결과에서 타이틀 아래 요약문으로 표시됩니다.
-약 90~150자 내외가 적절합니다. 검색결과에서 제목아래에 간략한 설명으로 표기되기 때문에 페이지의 핵심을 설명하면서도 <title>에 대한 보충 설명으로 작성하시는 것이 좋습니다.
🔎 가장 쉬운 방법은 검색시 결과 페이지의 제목과 설명을 확인하는 방법입니다. 다른 방법으로는 해당 페이지의 개발자 모드의 <head>영역에서 확인하는 방법이 있습니다.
- 맥OS 개발자모드 단축키 : ⌥ Option + ⌘ Command + I
- 윈도우 개발자모드 단축키 : Ctrl + Shift + I
➡ 예시 코드:
🎓 타이틀과 디스크립션은 사용자와 검색엔진 크롤러 모두에게 해당 페이지의 핵심을 명확하게 전달할 수 있어야 합니다.
➡ 예를 들어, 한 쇼핑몰에서 신상품 페이지의 타이틀을 단순히 아래처럼 설정했다면, 사용자는 어떤 상품인지 알 수 없고 검색엔진도 페이지 주제를 정확히 파악하기 어렵습니다.
이를 다음과 같이 구체적으로 수정하면 크롤러도 페이지의 내용을 명확히 파악할 수 있고 사용자도 페이지의 내용을 예측할 수 있어 클릭률을 높일 수 있습니다.
👉 타이틀과 디스크립션은 사용자의 클릭을 유도하는 요소이므로, 타깃 키워드의 검색 의도를 고려해 클릭률(CTR)을 높일 수 있는 제목과 설명을 작성하는 것이 좋습니다.
❗ 타이틀과 디스크립션은 불필요한 키워드 반복을 피하고, 타깃 키워드를 포함해 페이지의 주제를 명확히 드러내도록 작성하는 것이 좋습니다.
❗ 동일한 타이틀·디스크립션을 여러 페이지에 적용하면 중복 메타 정보로 인식되어 검색엔진이 페이지를 정확히 평가하지 못할 수 있습니다.
