관리 메뉴

I LOVE EJ

메타태그 활용법 <meta> 본문

Web publishing/HTML & CSS

메타태그 활용법 <meta>

BeOne 2013. 4. 4. 17:35

SEO가 중요시 되는 최근입니다.

메타태그 활용하는 방법에 대해서 정리해볼까 합니다.

 



메타태그란

하이퍼텍스트 생성 언어(HTML) 문서의 맨 위쪽에 위치하는 태크. HEAD 태그 사이 또는 뒤에 있어도 되지만, 반드시 BODY 태그 앞쪽에 위치해야 한다. 브라우저와 검색 엔진을 사용할 수 있도록 문서의 정보를 포함하고 있다

 

우선 가장 기본이 되는 메타 태그

 

 

<META HTTP-EQUIV="content-type" CONTENT="text/html; CHARSET=UTF-8">

 

 

최근에는 UTF-8 요것만 많이 써본 것 같습니다.

 

 

사이트의 정보를 검색봇에게 전달하는 메타태그 

 

 

<META NAME="Subject" CONTENT="웹문서/사이트 주제">

 

<META NAME="Title" CONTENT="웹문서/사이트 타이틀">

 

<META NAME="Publisher" CONTENT="발행인/업체">

 

<META NAME="Other Agent" CONTENT="웹문서/사이트 책임자">

 

<META NAME="Classification" CONTENT="카테고리 분류">

 

<META NAME="Reply-To(Eail)" CONTENT="메일주소">

 

<META NAME="FileNAME" CONTENT="파일명">

 

<META NAME="Author-Date(Date)" CONTENT="제작일">

 

<META NAME="Location" CONTENT="위치">

 

<META NAME="Distribution" CONTENT="배포자">

 

<META NAME="Generator CONTENT="사이트 제작 툴 혹은 에디터">

 

<META NAME="Author" CONTENT="제작자">

 

<META NAME="Keywords" CONTENT="웹검색에 노출되는 키워드">

 

<META NAME="Description" CONTENT="웹문서/사이트에 대한 요약설명">

 

<META NAME="Copyright" CONTENT="저작권 관련정보">

 

 

 

봇을 제어하는 메타태그

보안에도 유용할 수 있을 것 같습니다.

 

 

<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
문서,링크 가져감

 

<META NAME="ROBOTS" CONTENT="NOINDEX, FOLLOW">
문서 제외, 링크 문서만 가져감

 

<META NAME="ROBOTS" CONTENT="INDEX, NOFOLLOW">
문서만 가져가고, 링크된 문서 제외

 

<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
문서 제외, 링크 문서 제외

 

 

이외에도 다양한 메타태그가 존재합니다.

필요시에 따라 추가해 가도록 하겠습니다.