메타 태그 [ meta tag ]
하이퍼텍스트 생성 언어(HTML) 문서의 맨 위쪽에 위치하는 태크. HEAD 태그 사이 또는 뒤에 있어도 되지만, 반드시 BODY 태그 앞쪽에 위치해야 한다. 브라우저와 검색 엔진을 사용할 수 있도록 문서의 정보를 포함하고 있다.
=========================================================================================================================
메타태그(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=http://galaxy.channeli.net/jakalky/sitemap.htm"> : 페이지이동
<META HTTP-EQUIV="Page-Enter" content="RevealTrans(Duration=5/시간 초단위, Transition=21) "> : 페이지 로딩시 트랜지션 효과(장면 전환 효과)
<META name="Subject" content="홈페이지 주제 입력">
<META name="Title" content="홈페이지 이름 입력">
<META name="Descript-xion" 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"> : 이 문서도 긁지 않고, 링크도 무시함.
▲
┗====== 출처: http://27m.net/v8/bbs/view.php?id=information&no=414 =============================================
먼저 META TAG 라는 것은..
웹페이지에 관한 정보를 제공하는 특별한 HTML 태그입니다.
일반적인 HTML 태그들과는 달리, 메타 태그는 웹페이지의 표현에는 영향을 미치지 않습니다.
그 대신에, 누가 그 페이지를 만들었으며, 얼마나 자주 갱신되는지, 그 페이지는 무엇에 관한 것인지 등과 같은 정보를 제공하며, 그 페이지의 내용을 함축적인 키워드로 표시합니다.
많은 검색엔진들이 인덱스를 만들 때, 이 정보를 이용하게 되죠.
메타 태그는 <HEAD> 와 </HEAD> 태그 사이에 위치하며 문서 전체에 대한
간단한 요약내용을 담고 있으며 브라우저 상에는 메세지가 나타나지 않습니다.
대표적인 예로.
검색엔진에서 키워드 검색 이라는것을 많이 사용했죠.(지금은 거의 효과가 없지만)
meta name에 keyword 라고 정하고 content에 그 홈페이지에 관한 키워드들을 넣어두면..
검색엔진(검색 로봇)이 HEAD안에 들어간 키워드를 보고 찾아갑니다.
<META NAME="Keywords" CONTENT="HTML, tags, reference, attributes, 태그강좌,">
위와 같이 키워드를 첨가하죠.
META TAG의 속성에는
1)http-equiv
2)name
3)charset
4)schame
등이 있는데 hrrp-equiv 속성과 name속성만 알고 있으면 될것 같습니다.
1)님이 물어보신 HTTP-EQUIV 속성 은..
이름과 값의 쌍으로 이루어지는데 실제 문서를 보내기 전에 브라우저에 보낼 MIME (각 문서의 타입)문서 헤더에 이름/쌍 값을 포함시킬것을 서버에 지시하는 것입니다.
HTTP-EQUIV 속성에는 Content-Type, Refresh, Expires 속성이 있습니다.
HTTP-EQUIV="Content-Type" - 웹문서의 언어를 설정합니다.
HTTP-EQUIV="Refresh" - 문서를 자동으로 업데이트 합니다.
HTTP-EQUIV="Expires" - 문서의 유효기간을 지정합니다.
콘텐트 타입의 사용예: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
-콘텐트 타입은 드일위버나 어데터 프로그램에서 페이지를 생성하면 자동으로 첨부되어지는 메타 테그인데 만약 이 테그가 들어가지 않는다면 간혹 홈페이지 글이 다른 언어로 깨어지거나 변형되어 집니다.이유는 익스플러러에서 콘텐트 타입을 인식하지 못했기 때문이죠.
콘텐트 타입은 언어마다 여러가지 있습니다.
한국어는 charset=euc-kr 입니다.
리프레시 업데이트 사용예: <meta http-equiv="REFRESH" content="15;URL=http://galaxy.channeli.net/jakalky/sitemap.htm">
-홈페이지를 방문하고 자동으로 다름 페이지로 이동하게 할때 사용합니다.
"몇 초후에 자동으로 어디로 이동합니다"라는 것으로 많이 사용합니다.
문서의 유효기간 사용예: <META HTTP-EQUIV="expires" CONTENT="Sun, 30 Aug 1998 09:32:45 GMT">
-보안에 관계되는 문서 같은 경우 한번 보고 나면 문서가 파기되며
다시 보려고 하는경우 리로드해야만 보이는 웹문서를 보신 기억이 있을겁니다.
보통 멤버쉽으로 운영되는 웹사이트에서 개인 프로필을 본다음 다른 사이트로
갔다가 브라우저의 back버튼을 이용해서 프로필 화면으로 다시 와보면
파기된 문서라는(Expires) 메세지를 받게 되는데 이런경우가 해당됩니다.
GMT를 사용해서 표준시각으로 파기될 날짜를 지정할수도 있습니다.
2)HTTP-EQUIV 속성외에 META 테그에 대한 속성에는 NAME 속성 이 있습니다.
name과 content 로 이루어지는데 키워드를 알려주거나 페이지 저작자등의 속성을 알려주는것입니다.
name의 속성에는 keywords,subject,description등이 있습니다.
NAME="Description" - 문서의 요약이 들어갑니다.
NAME="Keywords" - 검색어를 입력하며 각 검색어는 ,(콤마)로 분리되야 합니다.
NAME="Author" - 페이지 제작자를 적습니다. 저작권에 관한 부분이라고 생각하셔도 됩니다.
NAME="subject"-홈페이지의 제목을 정합니다.어떠한 주제를 다루느냐 하고 입력해놓은 부분입니다..
데스크립션의 사용예: <META name="Description" content="html의 모든것,메타 테그의 상세한 설명!" >
-name의 description옵션입니다.
이는 검색엔진이 해당하는 페이지를 찾고나서 간략한 요약을 표시해 줄때 뜨는 내용이죠..
그 내용은 content안의 글이 나오게 됩니다...
따라서 자신의 홈페이지에 대해 가장 알맞고 효과적인 설명을 해줘야 겠습니다.
지금은 잘 쓰이지 않습니다.
키워드의 사용예: <META NAME="Keywords" CONTENT="HTML, tags, reference, attributes, 태그강좌,">
-가장 중요한 부분입니다..
자신의 홈페이지를 찾을때 해당하는 검색어를 지정해주는 내용입니다.
name의 keyword옵션이 바로 그러한 검색어를 지정해주는 기능을하죠..
content란에는 해당하는 검색어를 넣어야 합니다.
하지만 지금은 검색엔진에서 잘쓰이지 않습니다.
author의 사용예: <NAME="Author" CONTENT="hyunjung,Kim">
-이 페이지를 만든이의 이름을 넣습니다.
잘쓰이지 않습니다.
서브젝트의 사용예: <META name="Subject" content="메타 테그">
-해당하는 페이지에 관한 제목을 설정하는 부분이죠..
어떠한 주제를 다루느냐 하고 입력해놓은 부분입니다..
검색 로봇이 사용합니다.
지금은 잘쓰이지 않습니다.
3)charset 속성은 인터넷 익스플로러만 제공하는데 이 속서으이 값은 문서에서 사용하는 문자셋의 이름입니다. 되도록 이 속성대신에 http-equiv와 content 속성을 사용할것을 권장하는군요.
4)schame는 이 속성을 사용하여 속성의 값을 해석할때 사용할수 있는 방법을 명시할수 있습니다. 이 방법은 <head>의 프로파일 속성에서 (이 문서을 더 잘 설명해 줄수 있는 관련된 프로파일의 URL) 지정한 프로파일에 정의되 있어야 합니다.
결론-
현재 검색엔진에 홈페이지를 검색하는 방식은 메타 테그를 잘 이용하지 않기 때문에 과거와 달리 현재는 거의 신경을 쓰지 않습니다.
키워드를 넣는다거나 데스크립션과 서브젝트는 네어버,야후에 홈페이지를 등록할때 프로파일과 안내문으로 대신하기 때문이죠.
다만 HTTP-EQUIV의 refresh나 Content-Type, Expires등은 필요에 의해서 쓰입니다.
▲
┗====== 출처 : 지식인 ==================================================================================
1. 검색엔진의 메카니즘
제 블로그를 예로 설명을 하겠습니다.
검색엔진은 로봇을 통해서 데이터를 수집하게 됩니다. 검색엔진로봇이 제 블로그로 들어오면 제가 작성해 놓은 포스팅등을 모두 수집을 합니다.
포스팅 내용에 제가 다른 이웃님의 블로그 주소를 링크를 걸어놓았다고 한다면..
로봇은 제 블로그의 데이터를 수집하고 나서 이웃님의 블로그로 이동을 해서 데이터를 수집합니다.
이런 경우도 있을 수 있을겁니다.
로봇이 지난번 방문했을때와는 달리, 제 블로그에 이웃님들이 댓글을 남겨 두었습니다.
물론 이웃님들은 댓글을 달면서, 자신의 블로그 주소를 링크를 걸어두게 되지요.
그러면 그 로봇은 제 블로그의 데이터를 모두 수집하고 나서 그 링크를 따라 이웃님의 블로그의 내용을 수집하기 시작합니다.
이런식으로 끊임없는 수집을 하게 되면, 그 데이터의 양은 순식간에 엄청난양이 될 것입니다.
검색엔진은 전세계에 그 엄청난 데이터를 수작업으로 취합할수 없기때문에 대부분의 일을 로봇에게 시키고 있습니다.
2. 메타태그란 무엇인가?
메타태그란 블로그(홈페이지)의 내용을 검색엔진로봇에게 요약해서 친절히 알려주는 역할을 합니다.
이럴때 메타태그는 로봇에게
"내 블로그(홈페이지)는 수집하지 마시오" 라고 퉁명스럽게 대할 수도 있고
"내 블로그는 누가 주인이며, 어떤 주제와 어떤 키워드를 가지고 운영하는 곳이다" 라고 친절하게 설명해 줄 수도 있습니다.
즉, 메타태그는 검색엔진로봇에게 내가 운영하는 블로그(홈페이지)의 정보를 간략하게 설명해주는 것이기 때문에 메타태그를 작성하기에 따라서는 방문자가 더 많이 오게 할 수도 있습니다.
요즘에는 이 내용을 너무나도 많이 잘 알고 있고, 악용하는 사례가 있어서,
예전 같지 좋은 효과는 없다고 이야기를 하기도 하지만 어쨋튼 일정부분 효과가 있다는 것을 부정하는 사람은 없습니다.
따라서, 검색엔진을 통해서 노출상승을 기대하시는 분은 메타태그는 반드시 설정하셔야 겠습니다.
3. 메타태그는 어떻게 사용하나?
메타태그의 사용법은 굉장히 간단합니다.
<META name="description" content="블로그 설명">
<META name="keywords" content="블로그 키워드">
<META name="robots" content="검색엔진로봇에게 검색할 범위를 지정">
<META name="Location" content="블로그의 위치(소속국가)">
<META name="Distribution" content="배포자">
<META name="author" content="주인or작성자">
이 밖에도 옵션이 더 있습니다만, 로봇을 상대로하는 사항은 이정도면 충분합니다.
이 중에서도 description(설명), keywords(키워드)가 제일 중요한 부분이므로, 신경을 써서 해주셔야 하겠습니다.
특히 키워드에는 블로그(홈페이지)에서 다루는 내용에 대해서 작성을 하는데
반복을 하면 로봇에게 강한 어필을 해주는 것으로, 유리하다고는 하지만, 너무 많은 반복은 오히려 역효과를 낼수 있으니 참고하셔서 작성 하셔야 겠습니다.
4. 젠틀캣이 적용한 메타태그 좀 보자!
<meta name="description" content="기업 블로그 마케팅, 디지털 트랜드 블로그, 브랜드 마케팅, IT제품 리뷰.칼럼, 컨설팅, 블로거 이원진, 검색엔진 최적화, 블로그 운영법 제공, 블로그 운영팁 정보, 젠틀캣">
<meta name="keywords" content="블로그 뉴스, 블로그 소스, 브랜드마케팅, 블로그마케팅, 웹디자인, 프로그래밍, S/W개발, 디지털 트렌드, 제품 리뷰, 블로그 운영법, 마케팅 컨설턴트, 블로거 이원진, blog news, blog source, Brand marketing, blog marketing, web design, Programming, S/W developer, digital trend, blog operate, Brand Consulting,it trend, gadget, apps, tips, google, adobe, microsoft, Review, column, blog spot, blog source, gentlecat">
<meta name="robots" content="ALL, INDEX, FOLLOW">
<META name="Location" content="South Korea">
<META name="Distribution" content="global">
<meta name="author" content="이원진 Wonjin Lee 젠틀캣의 블로그이야기 [Gentlecat]">
5. 작성한 메타태그를 적용하기(티스토리 기준)
관리자 메뉴에서 [HTML/CSS편집] 메뉴를 클릭합니다.
▲
┗====== 출처 : http://gentlecat.co.kr/108 ==================================================================================
[출처] 메타태그(meta tag)에 대한 모음|작성자 못LrLl