메타 태그(Meta Tags)에 대한 모든 것

(참조 자료: Meta Tags Matter: Guide to SEO Meta Titles, Descriptions, & More)

메타 태그(Meta Tags)란?

메타 태그는 페이지에 대한 중요한 정보를 검색 엔진에 제공하는 요소로 HTML 코드의 헤더 섹션에 있습니다. 메타 태그는 검색 엔진에 사용자에게 페이지를 표시하는 방법과 검색 결과에 표시되는 방법을 알려줍니다.

메타데이터(Metadata)는 몇 가지 다른 분야에서 서로 다른 것을 참조할 수 있지만 SEO와 관련하여 매우 구체적인 매개변수 세트를 가지고 있습니다. 여기에는 메타 타이틀(Meta titles), 메타 디스크립션(Meta descriptions), 그리고 헤더(headers)가 있습니다. 두 가지 중요한 예외는 일반적인 메타 태그(Meta tags)와 메타 키워드(Meta keywords)입니다.

일반적인 메타 태그는 주어진 페이지의 소스 코드의 일부에 불과하며 페이지 자체에는 표시되지 않으며, 타이틀과 디스크립션과 같은 메타 데이터(페이지의 특정 영역에 표시된다는 점에서 매우 독특함)와는 다릅니다. 일반적인 메타 태그(예: 표준 태그와 로봇 태그)는 방문자에게 보이지 않습니다.

메타 키워드는 SEO에서 매우 중요한 부분이였지만,  지난 10년 동안은 그러지 못했습니다. 메타 키워드는 이제 더 이상 우선 순위는 아니기 때문에 본 글 맨 마지막에서 다루도록 하겠습니다.

웹사이트를 완전히 최적화하려면 인프라가 적합하게 구축되어야 합니다. 메타 타이틀, 디스크립션, 그리고 헤더에 대한 베스트 프래티스는 관련성이 있으므로 기존 사이트에서 메타 태그를 업데이트하든, 처음부터 생성하든, 처음부터 생성하든, 먼저 규칙이 무엇인지 확인해야 합니다.

메타 타이틀(Meta Title)을 만나보세요(ex: 타이틀 태그, 페이지 타이틀)

메타 타이틀이란?

구글이나 다른 검색 엔진에서 검색하는 사용자들은 검색 엔진 결과 페이지(SERP)에서 메타 타이틀을 모든 웹사이트의 첫 번째 요소로 봅니다. 기본 검색 결과의 경우에는 메타 타이틀은 아래와 같이 파란색으로 표시됩니다.

메타 타이틀은 선택한 타깃 키워드에 대한 웹페이지 순위에 영향을 미치는 가장 강력한 요소 중 하나이기 때문에 강력한 힘을 지니고 있습니다. 단순히 검색 순위 뿐만 아니라 특정 페이지의 CTR에도 많은 영향을 미칩니다.

이는 메타 타이틀이 높은 검색 결과 순위를 기록하고 사용자들이 사이트를 방문하도록 하기 위해 중요한 키워드를 현명하게 활용할 필요가 있다는 것을 의미합니다.

메타 타이틀의 이상적인 길이는 50~60자입니다. 타이틀 길이를 초과하더라도 불이익은 없지만 구글은 일부 문자를 잘라내고 이를 줄임표(….)로 표시합니다.

타이틀이 너무 길거나 관련이 없을 때 구글에 최적화하기 위한 또 다른 옵션은 H1 또는 H2 타이틀 같은 콘텐츠 자체에 있는 데이터로 교체하는 것입니다.

메타 태그는 과거만큼 지금도 여전히 중요합니다. ‘이상적인 메타 타이틀’을 만들 때 한 가지 명심해야 할 점은 성공하기 위해서는 일련의  규칙을 따라야 한다는 것입니다.

성공적인 SEO를 위한 메타 타이틀 체크리스트

1. 문법(Grammar)

• 과거에는 키워드가 체크리스트 1번에 있었을 것입니다. 그러나 구글의 끊임없이 발전한 스마트 알고리즘은, 키워드를 사용자들의 목구멍까지 밀어 넣을 필요가 없습니다. 오히려 더 미묘한 방식으로 제공되는 유용하고 관련있는 정보를 필요로 합니다.
• 문법적으로 타이틀을 정확하게 작성하세요. 구글의 초점은 키워드 채우기가 아니라 사용자의 의도와 UX에 있습니다.
• 명확한 메시지를 전달하기만 해도 웹사이트는 높은 순위를 차지할 것입니다.

2. 키워드(Keywords)

• 잘 계획된 키워드 연구를 진행한 후에, 타이틀에 가장 관련성이 높은 키워드로 고려하여 넣으세요.
• 선택한 키워드를 자연스럽게 사용하기 어려운 경우에는, 롱테일 키워드의 일부로서 사용하는 것을 고려해보세요.

3. 메타 타이틀 & 픽셀(Meta Title & Pixel)

• 메타 타이틀의 길이는 약 50~60자여야 합니다.
• 물론 위 수치는 추정치라는 점을 명심하기 바랍니다. 그 이유는 구글이 600 픽셀보다 긴 메타 타이틀을 잘라내기 때문입니다. 이는 검색 결과에서 타이틀의 시각적인 길이가 실제 문자 수보다 훨씬 중요하다는 것을 의미합니다. 예를 들어, 좁은 숫자와 문자는 공간을 적게 차지하는데, 예를 들어 “1”, “t”, “I”와 “7”, “M”  “W”과 비교를 해보면 그 차이를 알 수 있습니다. 또한 한글 문자는 영어 문자보다 공간을 많이 차지하기 때문에 이점을 특히 고려해야 합니다.
• SOMofo 사이트는 이와 관련하여 흥미로운 연구를 진행한 적이 있는데, 이는 여전히 관련성이 있으며 매우 흥미로운 결과로 입증되었습니다. 여기 SERP에 표시된 107자의 완전한 메타 타이틀입니다!

4. 프로모션성 문구 제외하기(No Promo)

• 자연스러운 문장 구성하기: 오가닉 트래픽을 지향하는 정보 페이지에 지나치게 홍보성이 가득한 메시지를 넣지 마세요. 그렇지 않으면 구글은 이를 스팸성 글로 인식하게 될 것입니다.
• 방문자의 의도를 명심하면 사이트가 더 잘 작동하게 될 것입니다. 모든 키워드가 가치가 있는 것은 아닙니다. 사용자가 사이트에 방문한 후에 원하는 정보를 찾지 못하게 되면 결국 떠나게 됩니다.

5. 고유함(Uniqueness)

• 각 페이지에 고유한 메타 타이틀이 있는지 확인하세요. 페이지의 중복 콘텐츠처럼 구글은 중복된 타이틀(혹은 디스크립션)을 좋아하지 않으며 사이트의 성능에 표시됩니다.

6. 수치를 추가하고 최신 상태로 유지하기(Add Numbers and Keep Them Up to Date)

• 연구에 따르면 타이틀에 수치가 있는 기사들은 검색 순위와 CTR 모든 면에서 SEO에 더 좋은 것으로 나타났습니다.
• 수치는 반드시 사용될 필요는 없지만, 날짜는 필요할 수 있습니다. 콘텐츠가 최신 버전이라는 점을 가정하면 업데이트 날짜를 타이틀에 넣을 수도 있습니다.

7. 탭 정보(Tab Info)

• 메타 타이틀은 페이지를 브라우징할 때 열려있는 탭에 표시됩니다. 이는 UX와 사용자 브라우징에 도움이 되는 정보 요소 역할을 합니다.
• 최상의 결과를 위해서, 바탕화면에는 최대 160자(920픽셀), 모바일 디바이스에는 최대 120자(680픽셀)를 사용하세요.
• 가능한 한 많은 관련 정보를 표시하는  것이 좋습니다. 아래는 탭에 표시되는 메타 타이틀의 좋은 예시입니다.

• 위에서 언급한 바와 같이, 메타 타이틀은 페이지의 순위와 클릭율에 많은 영향을 미치며, 가장 강력한 메타 태그가 될 수 있지만, 결코 유일한 것은 아닙니다.

메타 디스크립션(Meta Descriptions)

메타 디스크립션은 사용자의 질문에 대한 긴 답변으로 이해하면 됩니다.

메타 디스크립션은 페이지의 콘텐츠를 간략하게 설명하는 요약 스니펫입니다. 이 텍스트는 SERP에서 미리보기용으로 사용됩니다. 검색 결과 메타 타이틀 바로 아래에 표시되어 한번 사용자들이 사이트에 방문하면 볼 수 없습니다. 과거에는 메타 타이틀과 비슷하게 페이지 순위에 큰 영향을 미쳤지만, 현재는 많은 업데이트와 변화를 거치면서 그 목적이 바뀌었습니다.

메타 디스크립션의 주요 목표는 페이지의 콘텐츠를 요약하고, 매력적으로 만들어 클릭을 유도하는 것입니다.

이것이 메타 디스크립션이 중요한 이유입니다. 또한 페이지 클릭율의 주요 요인이기도 합니다.

메타 디스크립션 태그 베스트 프래티스

어떤 경우에는 구글의 알고리즘이 사용자가 관련 페이지에 도달하는 것을 돕기 위해 대체 메타 타이틀과 메타 디스크립션을 생성할 것입니다.

선호되는 메타 데이터가 페이지 소스 내에 있고 CMS 또는 페이지의 HTML 코드에 올바르게 구현이 된 경우에도 이 문제가 발생할 수 있습니다.

그 이유는 메타데이터 최적화가 부족해서 구글이 사용자 검색 쿼리에 더 적합한 대안을 추진하도록 강요하기 때문일 수 있습니다.

훌륭한 메타 디스크립션을 위한 가이드

• 페이지의 메타 데이터를 최적화하고 사용자 의도에 맞춥니다.
• 사이트의 여러 페이지에 걸쳐 메타 데이터의 중복 사용이 없는지 확인합니다.
• 페이지의 메타 데이터 내에 키워드를 입력하지 않도록 합니다.
• 문자 제한과 일치하는 메타 태그를 만듭니다.
• 구글 봇에 의해 페이지가 최근에 크롤링되었는지 확인합니다. 크롤링 버짓 문제로 인해 요청된 메타 데이터가 실시간으로 SERP 결과로 푸시되지 않을 수 있습니다.

1. 메타 디스크립션 길이 또는 픽셀

메타 디스크립션 길이는 데스크톱 PC 검색 결과 페이지에서 최대 160자, 920 픽셀까지 가능합니다.

모바일에서 한도는 약 130자 또는 680 픽셀입니다.

일반적으로 타이틀이 데스크톱과 모바일 모두에게 가장 잘 맞도록 150자를 목표로 하는 것이 좋습니다.

2. 메타 디스크립션 키워드

• 메타 디스크립션에 주요 내용을 포함하거나 타깃 키워드를 포함합니다. 이는 메타 타이틀보다 더 많은 정보를 제공하면서 사용자가 찾고 있던 정보를 찾았다는 것을 알려주는 또 다른 방법입니다.
• 포커스되는 키워드를 가능한 빨리 그리고 명확하게 포함시키도록 노력하세요.

키워드를 과도하게 사용하지 마세요. 디스크립션에서 키워드의 반복이 좋은 것이 아닙니다. 사실, 그것이 진짜처럼 들리지 않는다면 반대의 결과를 초래할 수 있습니다.

4. 클릭성(Clickability)

메타 디스크립션의 주요 목적은 페이지의 콘텐츠와 관련성을 유지하면서 사용자들의 관심을 끄는 것입니다.

방문자들에게 비즈니스의 비밀을 바로 말하지 말고 해당 페이지가 무엇에 관한 것인지 알려주세요. 읽기 쉬울 뿐만 아니라 설득력 있도록 작성하세요.

다시 말하지만, 디스크립션은 긴 답변이라고 생각하세요. 사용자들이 더 읽고 싶게 만드는 동시에 질문에 대한 빠른 답변을 제공합니다.

5. 고유해지기(Be Unique)

다른 페이지에서 메타 디스크립션을 복사하여 붙이지 않고 각 페이지에 적합한 고유한 디스크립션을 작성합니다.

헤더 태그(Header Tags)

헤더 태그는 웹페이지의 구조와 논리를 리더와 검색 엔진에 모두 전달하는데 사용됩니다. ‘메타 태그’라고 불리지 않을 수 있지만 헤더(일반적으로 ‘제목’이라고 부름)는 메타 타이틀과 디스크립션만큼이나 중요합니다.

숫자로 코딩된 헤더 태그의 크기와 중요도는 1부터 시작하여 그 이상입니다. <h1> 태그는 가장 크고 중요한 헤더이며, <h2>는 두 번째로 중요한 헤더로 볼 수 있습니다.

타이틀과 디스크립션과 달리 헤더는 사용자가 사이트에 들어갈 때 페이지에 표시되지만 검색 결과에는 표시되지 않습니다.

사실, 이 문서들은 한 페이지의 주요 타이틀이 될 정도로 중요하기 때문에 페이지에 가능한 한 높은 곳에 H1 헤더(메인 타이틀)가 있고, 그 뒤에 여러 개의 H2 헤더를 두는 것이 가장 적합한 SEO 성공 사례입니다.

헤더 태그 베스트 프래틱스

페이지 전체에 걸쳐서 계층이 존재하지만, <h1> 태그는 페이지당 단 한번만 사용할 수 있다는 점에서 독특합니다.

주요 헤드라인과 관련하여 구글 크롤러가 혼란스러워하지 않도록 기사당 여러 개의 h1 태그를 사용하는 것을 피하세요.

대부분의 경우, 메타 타이틀과 다른 h1 태그를 사용할 수 있습니다. 이렇게 하면 최상의 사용자 경험을 제공할 수 있습니다.

메타 키워드

매타 키워드 태그는 원래 다소 직접적이고 기본적인 것이였습니다. 검색 순위에 올리고 싶은 키워드를 사용하면 구글이 알고리즘에 이 키워드를 고려할 것입니다.

그러나 수많은 웹마스터들이 가능한 한 높은 순위를 매기기 위해 이 태그를 사용했고, 이는 또 다른 구글 업데이트와 결국 이 태그를 무시하게 되는 더 똑똑한 알고리즘으로의 진화로 이어져씃ㅂ니다.

이 태그가 페이지에 어떤 영향을 미치는지 여부에 대해서는 여전히 논의가 진행 중에 있습니다.

메타 키워드가 어디에 표시되든, 완전히 제거하는 것을 권해드립니다. 이것들이 구글의 눈에 스팸 요소로 여겨질 수 있기 때문입니다.

또한 메타 키워드를 사용하면 경쟁사로 하여금 우리가 어떤 키워드를 사용하는지 잘 알려주게 만들고, 어떤 페이지에서 어떤 키워드를 타깃하는지 세부적인 것까지 알려주게 만듭니다. 왜 이것을 은쟁반에 나누어 주나요?

메타 태그를 추가하고 편집하는 방법

페이지의 <head> 섹션을 편집하여 웹페이지의 메타 태그를 추가하거나 편집할 수 있습니다.

페이지의 html 코드를 직접 편집하거나 CMS에 따라 해당 인터페이스를 직접 편집할 수 있습니다. 또한 추가 모듈 또는 플러그인 등으로도 이를 작업할 수 있습니다. 마크업의 모양은 다음과 같습니다.

워드프레스에서 메타 태그를 추가하는 방법

페이지의 <head> 섹션을 편집하는 일반적인 방법은 여기에도 적용되나, 플러그인의 도움을 받을 수도 있습니다. 인기있는 SEO 플러그인인 Yoast를 활용하여 작업하는 방식은 다음과 같습니다.

워드프레스에서 페이지를 선택하고 “편집”을 클릭한 다음 Yoast SEO 인터페이스로 스크롤합니다.

FAQ

페이지의 메타 타이틀과 디스크립션을 확인하려면 어떻게 해야하나요?

해당 페이지를 마우스 우측 버튼을 클릭하거나 크롬에서 Ctrl + U를 누르면 페이지 소스에 접속하여 모든 메타 태그를 확인할 수 있습니다. 혹은 다른 방법은 META SEO 인스펙터와 같은 인기 SEO 확장 프로그램을 사용하는 것입니다.

메타 타이틀과 디스크립션을 작성하려면 어떻게 해야하나요?

사용자에게 명확하게 표시될 수 있도록 간결하게 유지해주고 핵심 키워드를 포함시킵니다. 디스크립션은 SERP에서 오가닉 광고 역활을 하기 때문에 클릭율을 높이기 위해 CTA를 포함해야 합니다. 타이틀과 디스크립션이 콘텐츠와 관련이 있고 고유한지 확인하세요.

메타 타이틀과 디스크립션의 길이는 어느 정도로 작성해야 하나요?

메타 타이틀의 길이는 약 60자이며 디스크립션은 약 160자이내여야 합니다. 이 수치들을 넘어선다는 것은 구글이 일부 글자들을 삭제할 수 있다는 것을 의미합니다.

구글에서 내 메타 디스크립션을 표시하지 않는 이유는 무엇입니까?

검색 엔진에 메타 타이틀과 디스크립션이 표시되지 않으면 다음을 확인하세요.

• 타이틀과 메타 디스크립션은 사용자의 검색 쿼리와 관련이 있습니다.
• 타이틀과 메타 디스크립션은 너무 짧거나 길지 않습니다.
• 타이틀과 메타 디스크립션은 페이지 콘텐츠를 정확하게 반영합니다.

메타 태그가 중요한 이유는?

메타 태그는 다음과 같은 이유로 웹사이트에서 매우 중요합니다.

• 사용자가 검색엔진에서 찾고 있는 것을 찾을 수 있도록 도와줍니다.
• 사용자가 웹사이트를 방문할지 여부를 결정하게 만드는 첫 번째 요소입니다.
• 선택한 주제, 검색어와 키워드에 대해 페이지 순위가 더 높게 설정되도록 도와줍니다.

SEO가 모든 영향을 미치려면 일반적인 온사이트 감사가 이루어져야 합니다. 여기에는 키워드 연구, 적합한 페이지 내 구현, 그리고 무엇보다도 사용자에게 가치를 제공하는 고유 콘텐츠가 포함되어야 합니다.

웹페이지가 검색 결과의 아무 곳에나 표시되려면 최적화된 페이지 구현이 있어야 합니다. 훌륭한 메타 태그가 있는 페이지는 좋아보일 수 있지만 콘텐츠가 매력적이지 않거나 적절하지 않으면 사용자들이 금새 이탈하게 될 것입니다.