구글 SEO를 위한 메타 태그(Meta tag) 작성법

검색엔진최적화(SEO)의 필수 요소인 메타 태그(Meta tag)와 H 태그(H tag)에 대해서 알아보세요. 메타 디스크립션과 H태그 작성 방법도 살펴볼 수 있습니다.
Han Jang's avatar
Aug 06, 2023
구글 SEO를 위한 메타 태그(Meta tag) 작성법
검색엔진최적화(SEO)에 대한 관심도가 점점 높아지고 있습니다. 대기업부터 스타트업, 그리고 병원, 법무법인 등의 개인 사업자들도 검색엔진최적화(SEO)를 통해 많은 트래픽, 그리고 매출까지 전환된 이야기도 심심치 않게 볼 수 있습니다.
그렇다면 검색엔진최적화(SEO)를 어떻게 시작해야 할까요? Aherfs, Semrush 등 전문적인 검색엔진최적화(SEO) 서비스에서 그 정보를 얻을 수 있으며, 명확하게는 구글 공식 문서(SEO 기본 가이드)를 통해 확인 가능합니다.
이번 글을 통해서 검색엔진최적화(SEO)의 가장 기본인 H태그(H1, H2, 등)와 메타 태그의 일종인 Meta-description(메타 디스크립션)에 대해서 알아보고, 어떻게 작성해야 하는지 살펴봅니다.

H태그(H1 태그)가 무엇인가요?

H1 태그는 해당 페이지의 대주제를 표시하는데 사용되는 HTML입니다. 실제 웹페이지 코드에서는 H1 태그는 <h1> </h1> 로 표시됩니다. 아래는 실제 HTML에서 표시되는 모습입니다. 이 글에서는 제목인 “SEO를 위한 메타 태그(Meta tag), H 태그(H tag) 작성법”이 H1 태그로 들어가 있습니다.
H태그 예시
H태그 예시

그렇다면 왜 H 태그가 SEO(검색엔진최적화)에 중요한가요?

구글에서는 공식적으로 H1 태그가 검색엔진 순위에 대해서 무관하다고 하지만, 시장에서는 아래 3가지 이유로 여전히 가장 중요한 요소라고 판단합니다.

1. 서치엔진(구글)이 H1 태그를 통해 콘텐츠를 쉽게 이해합니다.

서치엔진(구글)은 H1 태그를 통해 콘텐츠가 어떤 내용인지 파악합니다. 이는 독자가 제목부터 읽고 어떤 글일지 파악하는 것과 유사한 행동입니다. 구글의 검색 팀 리드인 John Mueller은 아래와 같이 말했습니다.
(의역) 상단 노출되고 싶은 콘텐츠를 쓰고 싶다면, 검색엔진이 보다 잘 이해할 수 있도록 콘텐츠를 작성해야 합니다.
즉, H1 태그가 자세하면 자세할 수록, 검색엔진의 상단 노출 되는데 더 도움이 될 것입니다. 아래는 리텐틱스의 훌륭한 H1 태그 예시입니다.
notion image
이 H1 태그는 독자에게 명확히 어떤 콘텐츠인지를 설명해주고 있습니다. 이 글이 리텐틱스의 초개인화 추천 시스템이 무엇인지, 그리고 어떤 효과가 있는지를 예상할 수 있습니다.
그리고 이 태그는 코드 내에 H1 태그로 삽입되어 있기 때문에, 구글도 이 페이지가 어떤 페이지인지 쉽게 이해할 수 있습니다.

2. H 태그 (H1, H2, H3 등)는 사용자 경험(UX)을 향상 시킵니다.

H1 태그는 독자에게 이 콘텐츠가 무엇인지에 대한 정보를 주기 때문에, 독자의 사용자 경험을 향상 시킬 수 있습니다. 대부분의 웹페이지에서 H1 태그는 가장 큰 폰트로 보여집니다. 그리고 이 향상된 사용자 경험은 구글의 상단 노출에 도움이 될 수 있습니다.
H2, H3 태그와 같은 하위 태그들도 독자가 어떤 글인지를 파악할 수 있도록 도움을 줍니다. 마찬가지로 이 또한 사용자 경험 뿐만 아니라, 검색 순위까지 영향을 줍니다.
즉, 훌륭한 글은 아래 그림처럼 글에 대한 질서가 잡혀 있으며, 독자로 하여금 글을 읽기 쉽도록 구조화가 되어 있습니다.
H태그 작성 방법
H태그 작성 방법
왼쪽 글은 구조화가 되어 있지 않아, 사용자 경험이 떨어지는 것을 파악할 수 있습니다. 반면 오른쪽 글은 구조화가 잘 되어 있어 글을 이해하기 편하며, 사용자 경험이 좋습니다. 이는 검색엔진최적화(SEO)를 하는데, 가장 쉬운 방법 중 하나입니다.

3. H 태그는 독자의 가독성을 향상 시킵니다.

H 태그들은 글에 대한 구조를 제공하기 때문에, 독자로 하여금 전체 글에 대한 구조를 파악하기 쉽게 만듭니다. 태그들이 있으면 원하는 정보에 대해서 빠르게 접근이 가능하기 때문에, 사용자 경험이 향상됩니다.
notion image
WebAIM의 연구에 따르면, 67.5%의 사용자들이 태그를 통한 네비게이터를 선호한다고 밝혔습니다.
 
여기까지 H 태그가 무엇인지, 어떤 효과가 있는지를 알아보았습니다. 이제부터는 메타 디스크립션에 대해서 알아보겠습니다.

메타 디스크립션이 무엇인가요?

메타 디스크립션은 검색엔진 결과에 나오는 웹페이지에 대한 요약입니다. 메타 디스크립션은 웹페이지에 대한 간단한 요약을 포함하여, 독자로부터 클릭을 유도합니다.
구글은 검색엔진 페이지의 제목, 메타 디스크립션, URL을 대부분 포함합니다. (물론 항상은 아닙니다.)
메타 디스크립션 예시
메타 디스크립션 예시
이 페이지의 코드에 <head> 섹션에 아래와 같이 메타 디스크립션을 추가해야 합니다.
<meta name="description" content="모든 고객에게 똑같은 메세지는 통하지 않아요. 구매로 이어지게 만드는 리텐틱스만의 추천 시스템 실제 고객사 사례로 확인해보세요!">
메타 디스크립션은 또한 아래와 같은 소셜 미디어 미리보기에서도 나타납니다. 이는 “og:description”이라고 불리는데, 만약 직접 지정하지 않는다면 메타 디스크립션을 나타냅니다.
notion image

그렇다면 왜 메타 디스크립션이 SEO(검색엔진최적화)에 중요한가요?

Google Search Central 에 따르면, 메타 디스크립션은 구글 검색엔진 순위에 결정적인 영향을 끼치지는 않는다고 합니다. 그러나 메타 디스크립션은 SEO(검색엔진최적화) 측면에서 굉장히 중요합니다. 왜냐하면 종종 메타 디스크립션이 페이지에 대해 설명하는 스니펫을 생성하기 때문입니다. 그리고 이 스니펫은 다른 경쟁 페이지에 비해 우리 페이지를 가장 돋보이게 만듭니다.
스니펫 예시
스니펫 예시
그리고 이 스니펫은 독자로 하여금 클릭을 유도하며, 브랜드 인지도를 향상시킬 수 있습니다.
만약 구글이 메타 디스크립션이 검색자의 인텐트와 일치하지 않는다고 파악하면, 다른 스니펫을 생성할 수도 있습니다. 즉, 같은 글이라고 해도, 검색어에 따라 메타 디스크립션과 스니펫이 다르게 나타날 수 있습니다.
예를 들어, “종합몰”이라고 검색했을 때, 아래 그림처럼 설명이 나옵니다.
먼저 종합몰이란 쉽게 말해 오프라인 유통 기업이 운영하는 온라인 판매 채널이에요. 때문에 보통 백화점 내 입점된 브랜드나 홈쇼핑에 자주 보이던…
“종합몰” 검색시 메타 디스크립션
“종합몰” 검색시 메타 디스크립션
반면, “자사몰”이라고 검색했을 때, “종합몰”이라고 검색했을 때와 다른 설명이 나옵니다.
마지막으로 자사몰이란 가장 독립적인 형태의 쇼핑몰로서 ‘독립몰’이라고 부르기도 해요. 어디에도 입점하지 않고 나만의 상품을 독립적으로 판매하는…
“자사몰” 검색시 메타 디스크립션
“자사몰” 검색시 메타 디스크립션
위에서 이미 보았다시피, 구글은 관련된 키워드를 볼드처리 합니다. 이는 독자에게 검색 결과를 빠르게 스캔하고, 니즈에 맞는 페이지를 선택할 수 있게 도움을 줍니다.

메타 디스크립션 효과적으로 작성하기

그렇다면 어떻게 하면 메타 디스크립션을 효과적으로 작성할 수 있을까요? 구글에서는 아래의 5가지 요소들을 제시하고 있습니다.

1. 메타 디스크립션 길이 고려하기

구글은 메타 디스크립션의 길이를 알파벳 기준 105자 정도를 추천하고 있습니다. (한글 기준 공백 제외 52자 내외) 이 글자수를 통해 독자가 읽기 좋은 효율적인 요약을 제공할 수 있습니다.
To The Web’s를 통해 글에 대한 제목, 메타 디스크립션 등이 잘 들어갔는지 파악할 수 있습니다.
기술적으로는 메타 디스크립션의 제한은 업습니다. 하지만 아래 그림처럼 구글은 제한된 글자수를 화면에 보여주고 있습니다.
notion image
일반적으로 구글은 메타 디스크립션을 데스크톱 기준 대략 960픽셀(약 152자), 모바일 기준 대략 680픽셀(약 105자)를 보여주고 있습니다. 그렇기 때문에, 105자 (한글 기준 공백 제외 52자 내외)를 사용하면 보다 안전하며, CTR(Clickthrough rate, 클릭률)을 향상시킬 수 있습니다.

2. 주요 키워드 포함시키기

메타 디스크립션 내에는 검색 순위의 상단에 노출되고 싶은 키워드를 반드시 포함시켜야 합니다. 이는 SEO(검색엔진최적화)에 직접적인 영향을 끼치지 않는다고 하지만, 분명 독자에게 클릭을 유도시킬 수 있습니다.
만약 메타 디스크립션에 검색어가 들어가지 않는다면, 검색한 고객은 그 페이지가 관련 없다고 생각할 것입니다.
예를 들어, “이상치 탐지”라고 검색을 한다고 가정해 봅시다. 검색한 고객분들은 아래의 포스트의 메타 디스크립션을 통해서는 검색어인 “이상치 탐지”와 관련 없다고 판단할 것입니다.
notion image
반면, 아래 글의 메타 디스크립션을 통해서는 “이상치 탐지”와 직접적인 관련이 있다고 판단하고 클릭을 할 것입니다.
notion image

3. 검색 의도(Search Intent) 충족하기

검색 의도(검색하는 고객이 진정으로 원하는 정보)를 이해하는 것은 메타 디스크립션을 작성하는데 가장 중요한 요소입니다. 아래는 세계 1위 기업 애플의 메타 디스크립션 예시입니다. 어떤 고객이 “buy iphone”이라는 검색을 하면, 애플은 “보상판매(trade in)”과 “저렴한 요금(flexible monthly option)”을 통해 고객의 클릭을 유도합니다.
“buy iphone” 메타 디스크립션
“buy iphone” 메타 디스크립션
어떤 고객이 “compare iphones”라는 검색을 한다면, 애플은 곧바로 다양한 모델을 비교할 수 있는 메타 디스크립션을 제공합니다.
“compare iphone” 메타 디스크립션
“compare iphone” 메타 디스크립션

4. Call to Action(CTA) 포함하기

Call to Action(CTA)는 검색한 고객에게 다음에 무엇을 할지 알려주는 나침반의 역할을 합니다. 이를 통해 검색한 고객에게 클릭을 유도해야 합니다. 예를 들어, 아래의 문구를 포함할 수 있습니다.
  • ~~ 무료로 사용하기
  • ~~에 대해 더 알아보기
CTA는 독자로 하여금 행동을 하게끔 만드는 명령형 문장입니다. 직접적인 문장은 메타 디스크립션을 더 정확하고, 매력적이고, 설득력 있게 만듭니다.
아래는 예시입니다. (설득력을 위해 영문 원본을 가져왔습니다.)
Before: Luggage, travel accessories, and more are available on our website. Complimentary monogramming can be accessed with any purchase.
After: Shop online for premium luggage & travel accessories. Get FREE monogramming with purchase.

5. 메타 디스크립션을 유니크하게 만들기

모든 페이지의 메타 디스크립션을 각각의 페이지를 위해 유니크하게 만드는 것이 중요합니다. 이를 통해 각 페이지가 어떤 페이지인지를 명확하게 설명 가능하며, CTR(클릭률)도 높힐 수 있습니다. 일반적이고 반복적인 메타 디스크립션은 전혀 도움되지 않습니다.
매력적인 메타크립션 예시
매력적인 메타크립션 예시
 
원문
 
Share article
SEO, 인바운드 마케팅
인사이트 받아보기