메타태그(META TAG) 속성정리 및 사용 방법
Written by munilive on (Updated: )메타태그(META TAG) 속성정리 및 사용 방법
검색엔진최적화(SEO) – 메타태그(META TAG)의 속성정리
검색엔진최적화(SEO)를 위한 첫 걸음으로 중요한 요소인 메타태그(META TAG)의 속성을 나름대로 정리해 본다.
메타태그(meta tag)는 웹페이지(Web page)의 요약이므로 상당히 중요하다고 할 수 있다. 최근들어 검색엔진마케팅(Search Engine Marketing)이 인터넷 비지니스 아이템으로 각광받을 만큼 그 중요성이 나날이 상승되고 있는 시점에서 웹페이지나 블로그 스킨의 올바른 메타대그 적용은 가장 먼저 검토 되어야 할 부분이라고 생각을 하게된다.
그럼 여기서 메타태그의 정의 살펴보고 갖가지 메타태그의 속성을 정리해 보면 다음과 같다.
메타태그(meta tag)란
하이퍼텍스트(Hyper text) 생성 언어 HTML 문서의 맨 위쪽에 위치하는 태그(tag)로 HEAD 태그 사이 또는 뒤에 있어도 되지만 반드시 BODY 태그 앞쪽에 위치해야 한다. 브라우저와 검색 엔진을 사용할 수 있도록 웹 문서의 정보를 포함하고 있다.
메타태그 속성 정리
<meta http-equiv="Expire" content="-1">
- 캐쉬 완료(파기)시간 정의.
<meta http-equiv="Last-Modified" content="Mon,20 Jul 2007 19:30:30">
- 최종수정일을 정의.
<meta http-equiv='Cache-Control' content='no-cache'>
,<meta http-equiv='Pragma' content='no-cache'>
- 캐쉬가 되지 않게 하는 태그
<meta http-equiv="Content-type" content="text/html; charset=euc-kr">
- 웹문서의 언어 설정.
<meta http-equiv="Imagetoolbar" content="no">
- 그림위에 마우스 오버시 이미지 관련 툴바가 생기지 않음.
<meta http-equiv="Refresh" content="15;URL=https://blog.munilive.com">
- 페이지이동
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=5/시간 초단위, Transition=21) ">
- 페이지 로딩시 트랜지션 효과(장면 전환 효과)
<meta name="Subject" content="홈페이지주제 입력">
,<meta name="Title" content="홈페이지이름 입력">
- 문서의 제목
<meta name="Description" content="설명문 입력">
- 문서에 대한 간략 한 설명
<meta name="Keywords" content="키워드 입력">
- 키워드
<meta name="Author" content="만든사람 이름">
- 문서 작성자
<meta name="Publisher" content="만든단체나회사 이름">
- 문서의 발행 주체
<meta name="Other Agent" content="웹책임자 이름">
- 문서의 관리자
<meta name="Classification" content="카테고리위치(분류)">
- 문서의 카테고리
<meta name="Generator" content="생성프로그램(에디터)">
- 문서를 작성한 에디터 프로그램
<meta name="Reply-To(Email)" content="메일주소 입력">
- 문서 작성에 대한 회신 메일 주소
<meta name="Filename" content="파일이름 입력">
- 문서 파일 이름
<meta name="Author-Date(Date)" content="제작일">
- 문서 제작 일시
<meta name="Location" content="위치">
- 문서 제작 위치
<meta name="Distribution" content="배포자">
- 문서 배포자
<meta name="Copyright" content="저작권">
- 문서의 저작권 표시
<meta name="Robots" content="ALL">
- 검색 로봇의 접근 관련 설정
<meta name="robots" content="index,follow" />
- 이 문서도 긁어가고 링크된 문서도 긁어감.
<meta name="robots" content="noindex,follow" />
- 이 문서는 긁어가지 말고 링크된 문서만 긁어감.
<meta name="robots" content="index,nofollow" />
- 이 문서는 긁어가되, 링크는 무시함.
<meta name="robots" content="noindex,nofollow" />
- 이 문서도 긁지 않고, 링크도 무시함.
charset 속성은 인터넷 익스플로러만 제공하는데 이 속성의 값은 문서에서 사용하는 문자셋의 이름이다. 되도록 이 속성대신에
http-equiv
와content
속성을 사용 할 것을 권장한다.schame
는 이 속성을 사용하여 속성의 값을 해석할때 사용할수 있는 방법을 명시할수 있다.
사용 방법
<meta name="generator" content="홈페이지 제작도구">
- 홈페이지를 만드는데 사용한 프로그램 프로그램 이름을 넣으려면
content="메모장"
과 같은 식으로 적으시면 됩니다.
- 홈페이지를 만드는데 사용한 프로그램 프로그램 이름을 넣으려면
<meta name="author" contents="홈페이지를 제작한 사람 이름">
- 홈페이지를 만든 제작자를 넣으려면
content="제작자 이름등"
와 같이 적으시면 됩니다.
- 홈페이지를 만든 제작자를 넣으려면
<meta name="keywords" content="홈페이지가 담고 있는 내용">
- 홈페이지가 담고 있는 내용을
content="tip, 별, 시"
와 같이','
를 단어 사이에 넣어 나열하면 됩니다. 검색엔진에서 검색어를 입력하고 찾기를 할 때 불러들이는 부분들입니다. 메타태그의 핵심기능이라고 할 수 있습니다.
- 홈페이지가 담고 있는 내용을
<meta name="description" content="홈페이지 소개">
- 홈페이지에 대한 간단한 소개글을 적습니다.
<meta http-equiv="refresh" content="3; url=http://원하는 주소.net">
- 3초 후에 http://원하는 곳으로.net로 자동으로 이동하게 하는 옵션입니다.
<meta http-equiv="Pragma" content="no-cache">
- 캐쉬에서 해당 페이지를 읽어들이는 걸 방지합니다. 들어올 때마다 새로고침을 한 것과 같은 효과입니다.
<meta http-equiv="expires" content="MON, 01 apr 2002 00:00:01 GMT">
- 지정된 시간 이후에는 웹문서 캐쉬(cache) 금지
- 일반적으로 현재 시간보다 과거 시간을 설정합니다.
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">
- 문자 형식 지정 - HTML은 ISO코드, 완성형 코드등의 다양한 문자셋을 지정합니다. 일반적으로 ISO 코드를 많이 사용합니다.
<meta http-equiv="Content-Scription-Type" content="text/javascription">
- 스크립트 형식 지정 - 스크립트 형식에는
text/javascription
(자바스크립트) 와VBscription
(비쥬얼베이직 스크립트)가 있습니다.
- 스크립트 형식 지정 - 스크립트 형식에는
<meta http-equiv="Content-Style-Type" content="text/css">
- 스타일시트 형식 지정
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=10, Transition=50)">
,<meta http-equiv="Page-Exit" content="RevealTrans(Duration=10, Transition=50)">
- 웹문서를 들어오거나 나갈때 효과주기
- 속성값이 Page-Enter, Page-Exit는 웹문서를 들어오거나 나갈 때 한쪽 모서리 부터 서서히 드러나거나 사라지는 효과를 줍니다.
원본출처: http://camp.top.to/note/board.php?board=camp&command=body&no=199&category=34