본문 바로가기

온라인광고알까기/온라인광고전략

meta 태그의 역할

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

태그 설명 및 기본형식

META태그는 와 태그에 입력하는 특수 태그입니다. 화면상에 직접 나타나지 않지만 많은 기능을 가지고 있습니다.

① : META태그의 이름을 입력하는 부분
② : META태그의 값을 입력하는 부분

META태그의 여러기법

◈ 한글 폰트로 페이지 나타내기
<★META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=euc-kr">

웹 페이지를 기본적으로 한글 폰트로 인코딩할 때 사용됩니다. 홈페이지를 만들때 우리가 자주 사용하는 태그에서 글자체를 돋움으로 지정해도 브라우저에서 한글속성을 인식못해 아무 반응도 나타나지 않는 경우가 있는데 이 경우 사용합니다. 그리고 자바애플릿 실행시 한글이 깨져 나올때도 이 태그를 사용하여 해결하기도 합니다. 만약 깨지지 않을 경우 이 태그 사용시 반대의 결과가 발생하기도 합니다.

◈ 검색엔진 키워드 검색에서 내 사이트 맨 위에 뜨게 하기
<★META HTTP-EQUIV="keywords" CONTENT="홈페이지, 홈페이지, 홈페이지, 홈페이지, 홈페이지, 홈페이지, 홈페이지, 홈페이지">

검색엔진에서 키워드 검색을 해보면 출력되는 자료가 수없이 많습니다. 그 중에서 상위 리스트에 출력이 된다면 아마도 여러분의 홈페이지에 방문자수가 약간 늘어 날 것입니다. 그래서 위와 같은 태그를 홈페이지내에 삽입하면 "홈페이지"라는 키워드로 검색을 하면 일치도가 100%가 되어 리스트의 상위에 위치하게 됩니다. 홈페이지 홍보를 위한 좋은 방법이라고 생각이 됩니다.

◈ 일정 시간 경과 후 자동으로 다음 페이지 로딩하기
<★META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.ibm.com">

자신의 홈페이지가 다른 곳으로 이동해 방문자가 이전의 홈페이지에 방문했을때 자동으로 바뀐 주소로 이동하게 하거나 첫 화면에 회사 로고를 몇 초 보여준 후 회사 메인 홈페이지로 들어가게 하거나 여러 장의 웹 문서를 슬라이드 효과를 나타내는 데 이용되는 태그 입니다. 위의 태그의 경우 5초후 IBM(http://www.ibm.com)사의 홈페이로 이동한다는 뜻 입니다.

◈ TRANS META 태그 효과
<★META HTTP-EQUIV="Page-Enter" CONTENT="RevealTrans (Duration=3, Transition=23)">

메타태그는 페이지를 나갈때나 들어올때 여러가지 효과로 페이지를 나타나게 하는 Trans Meta 태그입니다. 이 메타태그는 넷스케이프에서는 지원을 하지 않고 프레임을 가진 문서에도 지원을 하지 않는 단점이 있습니다.



META태그 사용법

<META> 태그는 <HEAD></HEAD> 태그 안에 들어가며, 웹페이지에 관한 정보를 브라우저에 제공하는 역할을 한다.

META 태그의 기본 구조

<META HTTP-EQUIV="항목명" CONTENT="정보값" NAME="정보이름">

  • HTTP-EQUIV="항목명" → HTTP로 정보를 보낼 항목명 설정
  • CONTENT="정보값" → 항목명으로 설정된 값
  • NAME="정보 이름" → 몇 개의 메타 정보의 이름을 정할 수 있으며 지정하지 않으면 HTTP-EQUIV와 같은 기능.

META 태그의 속성

  • <META NAME="GENERATOR" content="Microsoft FrontPage">
    HTML 문서를 작성할 때 사용한 에디터가 Microsoft FrontPage라는 것을 지정한다.
  • <META NAME="AUTHOR" content="작성자">
    NAME="AUTHOR" 속성은 HTML 문서의 작성자를 지정한다. "작성자"에 이름을 적으면 된다.
  • <META HTTP-EQUIV="REFRESH" CONTENT="숫자">
    HTTP-EQUIV="REFRESH" 속성은 CNTENT에 있는 숫자만큼의 시간이 지나면 자동으로 페이지를 갱신한다. "숫자"가 만약 10이라면 현페이지를 10초마다 갱신(Reload)한다.
  • <META HTTP-EQUIV="REFRESH" CONTENT="10; index.html">
    10초가 지나면 자동으로 index.html 문서를 불러온다.
  • <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=euc-kr">
    HTTP-EQUIV="Content-Type" 이 항목이 문서의 일부분이며 text/html 문서로 한글로 작성되었따는 정보를 보여준다.
  • <META HTTP-EQUIV="Reply-To" CONTENT="인터넷주소(자신 이름)">
    HTTP-EQUIV="Reply-To"속성은 자신의 이름과 E-Mail 주소를 나타낸다.
  • <META HTTP-EQUIV="Keyword" CONTENT="키워드">
    검색 로봇에게 제공할 자신의 홈페이지의 키워드를 알려준다. 이 정보는 검색엔진에 홈페이지를 등록하였을 때 검색엔진 사용자가 검색을 하였을 때 홈페이지를 검색하는 키워드로 사용며, 홈페이지를 흥보하는데에도 매우 유용하다.
  • <META HTTP-EQUIV="description" CONTENT="TEXT">
    HTTP-EQUIV="description" 속성은 위의 Keyword와 함께 검색엔진 으로 검색하였을 때 홈페이지에 대한 소개부분에 여기에 설정된 글들이 나타나게 된다.