[SEO] meta 태그의 종류와 그 역할

head 태그 안에는 여러 종류의 태그가 있습니다. 제목을 표시하는 title 태그도 있고 css 를 연결하는 link 태그도 있습니다. 그리고 많은 사람들이 무엇인지 자세히 모르고 넘어가는 meta 도 있습니다. meta 태그는 그 종류에 따라서 다양한 역할을 수행합니다. 이에 대해서 알아보도록 하겠습니다.

• charset

  <meta charset="UTF-8" />
  

  charset 은 html 파일을 어떤 방식으로 인코딩할지 설정할 수 있습니다. 일반적으로 UTF-8 로 지정하며, Universal Coded Character Set + Transformation Format – 8-bit 의 줄임말입니다. 모든 유니코드 문자를 표현할 수 있어 현재 html5 도 이 방식을 채택하고 있기에 특별한 경우가 아니면 이 방식으로 인코딩하게 됩니다.

• viewport

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  

  웹과 모바일 여러 상황에 맞춰서 표현하기 위한 반응형 작업을 할 때 필요합니다. 위의 예시가 가장 일반적인 형태로서, width 는 device의 가로폭에 맞추고 그 배열을 1로 한다는 의미입니다.

• keywords

  <meta name="keywords" content="keyward1,keywardd2">
  

  해당 페이지에 대한 중요한 키워드가 무엇인지 지정해줄 수 있습니다. 주로 단어들을 , 를 통해 구분하며(콤마를 통해 구분하기 때문에 공백은 넣지 않습니다.) 10~20개 정도의 단어가 적당합니다. 중복되는 단어가 있으면 오히려 악영향을 미치니 지양해야 합니다. 또한 중요하고 의미있는 키워드 일수록 앞 쪽에 배치하도록 합니다.

• description

  <meta name="description" content="네이버 메인에서 다양한 정보와 유용한 컨텐츠를 만나 보세요." >
  

  해당 페이지에 대한 설명을 나타냅니다. 이 설명은  해당 사이트를 검색했을 때 상세한 설명을 해줍니다. 한 두 문장 정도로 100글자 정도가 적당합니다.

• author

  <meta name="author" content="minsung" >
  

  사이트 제작자의 이름을 표시합니다.

• robots

  검색 엔진 최적화 SEO

  
  저번 포스팅에서 robots.txt 에 대해서 알아보았습니다. 그렇다면 meta 태그로서의 robots 과 robots.txt 의 차이점은 무엇일까요?

  robots.txt 는 크롤링을 제어하는데 사용하고, meta 태그로서의 robots 은 인덱싱을 제어하는 역할을 합니다. 크롤링과 인덱싱은 비슷하지만 차이가 있어 많이 들 헷갈려하는 개념이니 한 번 집고 넘어가도록 하겠습니다.

  우리가 어떤 키워드로 검색을 했을 때 검색엔진은 검색결과를 사용자에게 제공합니다. 이렇게 빠른 시간 안에 제공하기 위해서는 검색엔진은 온라인 상의 여러 문서들을 이미 수집해놔야 하고, 당연히 잘 정리되어 있어야 합니다. 그 수가 천문학적인 수를 기록하니 말이죠. 이 때 수집하는 것을 크롤링 이라고 하고 이를 정리하는 것을 인덱싱 이라고 합니다.

  크롤링을 제어하는 robot.txt 에 대해서는 위에 링크한 저번 포스팅에서 알아봤으니 meta 태그로서의 robots 을 알아보도록 합시다.

  < meta name="robots" content="index,follow" />
  < meta name="robots" content="index,nofollow" />
  < meta name="robots" content="noindex,follow" />
  < meta name="robots" content="noindex,nofollow" />
  

  index는 페이지의 인덱스 여부를, follow는 페이지내의 링크에 대한 크롤러의 접근 여부를 제어합니다