|
조회 수 1,126 추천 수 0 댓글 0
메타태그(META TAG) 속성정리 및 사용 방법
메타태그(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는 웹문서를 들어오거나 나갈 때 한쪽 모서리 부터 서서히 드러나거나 사라지는 효과를 줍니다.
風文
Nov 03 2024
風文
Nov 03 2024
風文
Nov 01 2024
風文
Nov 01 2024
風文
Oct 30 2024
風文
Oct 28 2024
風文
Oct 27 2024
風文
Jul 23 2024
風文
Jul 15 2024
風文
Jul 10 2024
風文
Oct 12 2023
風文
Oct 11 2023
風文
Sep 26 2023
風文
Jun 25 2023
風文
Jun 13 2023
風文
May 09 2023
風文
Feb 19 2023
風文
Feb 11 2023
風文
Jan 08 2023
風文
Jan 05 2023
風文
Nov 07 2022
風文
Jul 23 2022
風文
Jul 12 2022