메타 디스크립션 태그는 검색결과에 보여질 웹페이지 요약문입니다. 티스토리, 스마트스토어 등에서 효과적으로 작성하는 방법을 안내합니다. (이 부분이 디스크립션으로 요약되는 곳으로 공백 포함하여 400자 정도, 공백 제외하고는 300자 정도를 작성하고 주요 키워드는 아래 검색엔진의 글자수 기준에 따라 앞쪽에 배치하는 것이 좋습니다.) ▼
meta description
KOREASTORAGE®️검색엔진에 사랑받는 웹사이트의 핵심, <meta description> 태그 완벽 이해하기
웹사이트를 운영하거나 블로그에 글을 올릴 때 콘텐츠의 퀄리티에만 집중하고 HTML 태그는 뒷전으로 미루는 경우가 많지만 검색엔진 최적화(SEO) 측면에서 <meta description> 태그는 결코 무시할 수 없는 요소입니다. 이 태그는 사용자가 검색 결과에서 여러분의 웹페이지를 클릭할지 말지를 결정짓는 첫인상을 책임지기 때문입니다. 네이버, 구글, 빙 등 주요 검색엔진은 이 태그의 내용을 검색 결과에 요약문으로 노출시키기 때문에 이 한 줄이 클릭률(CTR)에 지대한 영향을 미칩니다. 그럼 지금부터 <meta description> 태그의 정확한 의미부터 작성법, 예시, SEO 관점에서의 최적화 팁까지 아주 쉽고도 실전적으로 알아보겠습니다.
메타 디스크립션
<meta description> 태그는 웹페이지의 내용을 간략히 요약하여 검색엔진에 전달하는 HTML 태그입니다. 일반적으로 웹페이지의 <head> 영역에 작성되며 검색 결과에서 페이지 제목 아래에 요약문으로 노출되는 텍스트를 구성합니다. 검색엔진은 이 태그의 내용을 참고해 해당 페이지가 어떤 정보를 담고 있는지 판단하고 사용자가 입력한 검색어와 관련된 정보를 제공하려고 합니다. 따라서 이 태그는 요약하는 역할과 SEO 전략의 핵심 역할을 수행합니다.
이 태그는 다음과 같은 구조로 작성됩니다.
<meta name="description" content="이 페이지가 어떤 내용인지 간단하게 요약한 문장(보통 25~160자)">구글은 대체로 150 ~ 150자 이내, 네이버는 보통 80 ~ 120자 사이의 내용을 검색 결과에 표시하는 경향이 있으므로 각 플랫폼에 따라 최적화된 길이로 작성하는 것이 중요합니다.
<meta description>은 검색 클릭률(CTR)을 높이는 데 매우 중요한 역할을 합니다. 사용자가 검색결과 페이지에서 여러분의 링크를 클릭할지 말지를 결정할 때 제목 외에도 가장 많이 참고하는 정보가 바로 이 요약문입니다.
제대로 작성된 메타 디스크립션은 다음과 같은 효과를 줍니다.
- 검색결과에서 사용자 주목률 상승
- 클릭률 증가로 인해 SEO 순위에도 긍정적 영향
- 콘텐츠 내용 요약을 통해 사용자 기대와 페이지 내용 간의 일치율 제고
반면, 이 태그가 없거나 부실하게 작성된 경우 검색엔진이 페이지 내용을 임의로 추출해서 보여주기 때문에 내용이 왜곡되거나 핵심이 드러나지 않을 수 있습니다.
이 태그는 반드시 <head> 태그 내부에 작성해야 합니다. 웹페이지의 구조는 기본적으로 다음과 같으며 그 중 <head> 부분에 메타 정보를 삽입하게 됩니다.
<head>
<meta charset="UTF-8">
<title>페이지 제목</title>
<meta name="description" content="이 페이지가 어떤 내용인지 요약한 문장입니다.">
</head>만약 워드프레스, 티스토리와 같은 CMS를 사용하고 있다면 대부분의 경우 설정 메뉴 또는 SEO 플러그인을 통해 메타 디스크립션을 설정할 수 있도록 되어 있습니다.
좋은 메타 디스크립션을 작성하기 위해서는 몇 가지 중요한 규칙을 따라야 합니다.
- 글자 수는 25~160자 이내로 제한합니다. 너무 짧으면 의미가 부족하고 너무 길면 중간에 잘려 표시될 수 있습니다.
- 페이지의 핵심 내용을 요약해야 하며 키워드 나열이 아닌 문장 형태로 작성합니다.
- 중복을 피하고 페이지마다 고유한 설명을 작성합니다.
- 자연스럽고 설득력 있는 문장 구성이 중요합니다.
- 가능한 경우 핵심 키워드를 포함시켜 검색 연관성을 높입니다.
구글
구글은 <meta description>을 참고하지만 태그 내용이 부실하거나 사용자의 검색 의도와 다를 경우 페이지의 다른 문장을 자동 추출하여 표시합니다. 따라서 구글에 노출될 가능성을 높이려면 사용자 검색의도와 관련된 내용을 담아야 합니다.
네이버
네이버는 검색 알고리즘상 페이지의 메타 태그를 상당히 중요하게 여기는 경향이 있습니다. 특히 블로그, 포스트 등에서는 HTML 구조보다는 에디터상의 설명 입력란을 활용해야 합니다.
빙(Bing)
빙도 구글과 유사한 방식으로 작동하지만 메타 디스크립션 태그가 존재하면 이를 우선적으로 사용합니다. 다만 내용의 질이 떨어지면 자동으로 대체할 수 있습니다.
티스토리
- 티스토리는 직접 HTML 편집이 가능하므로 <head> 영역에 직접 태그를 삽입하거나 스킨 설정에서 메타 정보를 관리할 수 있습니다.
- 최근 업데이트에서는 설정 > 검색엔진 최적화 항목에서 메타 설명 입력 기능이 제공됩니다.
워드프레스
- ‘Yoast SEO’, ‘All in One SEO’ 플러그인을 통해 각 페이지 및 포스트별로 메타 디스크립션을 설정할 수 있습니다.
- 블록 에디터 하단에서 간편하게 입력 가능하며, 길이 제한과 키워드 유효성도 실시간 체크됩니다.
스마트스토어
- 상품 상세페이지에는 별도의 메타 설명을 입력하는 란이 없으나 대표 설명 문구나 요약 정보를 적극적으로 활용해야 합니다.
- 상품명, 요약정보, 키워드를 중심으로 제목과 설명을 구성하는 것이 좋습니다.
예시 1
<meta name="description" content="2025년 최신 티스토리 메타 태그 설정 방법을 안내합니다. 검색엔진 최적화(SEO)에 필수적인 내용을 쉽게 정리했습니다.">예시 2
<meta name="description" content="초보자도 쉽게 따라할 수 있는 워드프레스 SEO 최적화 가이드. Yoast 플러그인 설정법과 실전 적용 팁까지!">- 복붙 사용 : 모든 페이지에 동일한 설명 사용은 SEO에 부정적입니다.
- 키워드 나열 : 키워드를 단순 나열하는 행위는 검색엔진에 스팸으로 간주될 수 있습니다.
- 오타/맞춤법 오류 : 사용자 신뢰를 떨어뜨릴 수 있습니다.
- 내용 누락 : 페이지의 핵심 주제와 관련 없는 내용은 클릭률을 떨어뜨립니다.
- 사용자의 궁금증을 해결할 수 있는 문장을 만듭니다.
- 유익성 강조 : “완전 정리”, “최신 가이드”, “필수 팁” 등 설득력 있는 표현 활용
- 행동 유도 : “지금 확인하세요”, “꼭 알아두세요” 등의 CTA 표현 포함
티스토리 블로그의 경우에는 처음 입력한 내용에서 아래와 같이 공백 포함하여 400자 정도, 공백 제외하고는 300자 정도의 글자가 자동으로 디스크립션으로 지정됩니다.
여기에서 다음, 네이버, 구글, 빙등이 각각의 기준에 맞게 내용을 요약하여 가져간다고 보시면 되겠습니다.
<meta name="description" content="들기름의 효능부터 섭취 방법, 보관 요령까지 핵심 정보를 요약하였습니다. 오메가3가 풍부한 들기름은 혈관, 눈, 뇌 건강에 탁월한 영향을 줍니다. ▼MD들기름 효능KOREASTORAGE®️현대인들의 식탁에 빠지지 않고 등장하는 건강 오일, 바로 들기름입니다. 과거에는 고소한 맛을 내기 위한 조미료로 사용되었지만 최근에는 건강을 위한 기능성 오일로 각광받고 있죠. 나이가 들수록 우리 몸에 생기는 각종 문제 혈관 건강, 눈의 노화, 기억력 감퇴 같은 부분에서 들기름의 역할이 부각되고 있습니다. 들기름은 식물성 오일 중에서도 오메가3 지방산 함량이 매우 높은 편에 속하며 체내 염증을 줄이고 세포막을 부드럽게 만들어주는 핵심 성분들을 다량 포함하고 있습니다. DHA와 EPA 성분은 뇌, 눈, 혈관 등 인체 주.."/>
Key Summary
메타 디스크립션 태그는 필수는 아니지만 작성하지 않으면 검색엔진이 임의로 내용을 추출해 중요한 정보를 놓칠 수 있습니다. 핵심 키워드 1~2개 정도를 자연스럽게 포함하는 것이 좋으며 수정 후 반영 시점은 검색엔진 크롤링 주기에 따라 다릅니다. 일반적으로 모바일과 PC에서 동일하게 표시되지만 기기에 따라 길이가 조정될 수 있습니다. 이모지는 구글에서 무시되거나 지원되지 않으므로 되도록 사용을 피하고 HTML을 몰라도 워드프레스나 티스토리 같은 CMS에서는 쉽게 설정 가능합니다. 제목과 메타 설명은 비슷해도 되지만 중복은 피하고 보완적인 정보를 담아야 하며 현재는 <meta keywords> 태그는 사용하지 않아도 SEO에 큰 영향은 없습니다.
'스킨 편집' 카테고리의 다른 글
| 코드블럭 줄 번호 1px테두리선 연장하기 (1) | 2025.06.03 |
|---|---|
| 리디바탕체 티스토리 블로그에 적용하기 (4) | 2025.05.18 |
| 티스토리 블로그에 개인 도메인 연결하기 (1) | 2025.05.03 |
| 티스토리 도메인 연결 후 블로그가 로그아웃 상태로 보이는 이유 (1) | 2025.05.03 |
| 티스토리 블로그 최근글 인기글 위치 바꾸기 (2) | 2025.04.29 |
