메타 태그란 무엇일까? (What is Meta Tag?)

메타 태그는 무엇을 의미하는 걸까?

 

<meta tag> *클릭하면 크게 보입니다*

위는 요즘 핫한 삼성 갤럭시 Z Flip의 메타 태그를 가져온 것이다.

 

메타 태그가 어떻게 생겼는지 이제 알겠다.

그럼 메타 태그란 정말 무엇일까?

 

메타 태그란, HTML문서에 대한 색인정보로서,

'검색엔진에게 웹에 대한 프로필을 말해주는 표현'이다.

 

 

메타 태그는 HTML5를 기준으로, 핵심 4가지가 있다.

1. Meta Title

2. Meta Description

3. Meta Robots

4. Meta Keywords

 

 

<Meta Title>

타이틀 태그와 메타 타이틀은 다르다.

타이틀 태그는 브라우저에 태그해서 보여주는 것으로,

탭에 마우스 커서를 갖다대면 보여주는 것이랑 같다.

반면에, 메타 태그는 이 웹의 프로필을 정리하는 것(속성을 정의하는 것)으로,
메타 타이틀은 검색엔진에게 보여주기 위한 것이다.

구글은 크롤링 할 때, 타이틀이 없으면, 메타 타이틀을 읽어간다. 
(만약 둘다 없으면 H1을 읽어가기도 한다.)

어느 게 어느 거 하나를 완벽하게 대체하지 않는다.

그래서인지, 사람들은 타이틀과 메타 타이틀을 다르게 설정하기 시작했다.

최대한 많은 노출을 하려고 이런 꼼수를 부리기 시작한 것이다.

그러나 구글은 사람들의 그런 수법을 알고 있었다.

구글은 Meta Title에 대해서 높은 평가를 안해주기 시작했다.

 

<Meta Description>

메타 디스크립션은 웹에 대한 간단한 요약이다.

빨간 박스 안이 'Meta Description'

위처럼, 검색엔진은 검색결과에 메타 디스크립션을 보여주기도 한다.

이 디스크립션을 보고 사람들의 클릭율이 증가하기도, 감소하기도 한다.

 

 
<Meta Robots>

로봇 메타 태그는 타이틀이나 디스크리셥보다 상대적으로 생소할 수 있다.

웹페이지를 색인할 것인지 아닌지, 페이지 안에 있는 링크를 따라서 크롤러가 이동하게 할 것인지 아닌지 
총 4개의 경우로 크롤러에게 지시한다.

예: <meta name="robots" content='noindoex,nofollow">


<Meta Keywords>
메타 키워드는 웹 페이지 콘텐츠와 관련성이 높은 키워드이다.

<meta name="keywords" content="z flip, samsung galaxy z flip, samsung z flip, galaxy z flip, samsung foldable phone, samsung flip phone, new samsung flip phone, new samsung foldable phone, foldable screen, samsung clamshell">

위는 Galaxy Z Flip의 메타키워드이다.

보다시피, 메타 키워드는 웹을 짧고 간결하게 설명할 수 있다.

SEO적으로 description, robots 은 title, keywords 보다 더 영향을 미친다고 볼 수 있다.

 

 

이외에도, 많은 메타 태그 정보들이 있지만, 우리는 모든 걸 완벽하게 설정할 수 없다.

우리는 제한된 리소스 안에서 최고의 효율을 내는 최적화를 찾아내야 한다.