<META>태그
인터넷에서 검색을할때 네이버, 다음, 구글 등의 검색엔진을 이용합니다.
검색엔진은 어떤 방법으로 많은 웹사이트 중에 내가 찾으려는 웹사이트나 블로그를 찾아내는지 궁금하죠?
대부분의 검색엔진은 제목, <META>태그의 내용, 본문의 첫 100여 단어 등을 검색한 후 사용자가 원하는 검색어와 비교하여 검색 결과를 나열해줍니다.
이 세부분에 자신의 웹사이트 내용을 압축적으로 나타낼 수 있는 핵심(키워드)를 배치하는 것이 가장 중요합니다.
키워드나 주제 등을 나타내는 <META>태그는 <HEAD>와 </HEAD>태그 사이에 입력하여, 자주 사용하는 <META>태그의 구성합니다.
<HTML> <HEAD> <TITLE>META 태그</TITLE> <!-- 웹 사이트를 제작할 때 어떤 툴을 사용했는지 표시.--> <META NAME="Generator" CONTENT="..."> <!-- 웹 사이트의 제작자를 표시. --> <META NAME="Author" CONTENT="..."> <!-- 검색엔진에서 검색할 홈페이지의 키워드를 표시. --> <META NAME="Keywords" CONTENT="..."> <!-- 웹 사이트의 주제를 표시. --> <META NAME="Description" CONTENT="..."> </HEAD>
웹 브라우저의 캐시 기능을 무시하기
웹브라우저에서 캐시(Cache) 기능을 사용하면, 한번 방문했던 웹사이트의 정보를 정장하여 다음 방문 때 해당 웹문서가 빨리 나타날 수 있도록 하는데, 가끔 캐시 기능 때문에 변경된 웹사이트가 나타나지 않고 이전 웹사이트가 나타나는 경우가 있다.
이때 <META>태그의 속성 중 CONTENT 속성을 사용하면 웹브라우저에 캐시 기능이 설정되어 있다 하더라도 전에 저장된 웹사이트가 나타나지 않고 항상 최신의 웹페이지를 가져올 수 있다.
<META HTTP-EQUIV="Refresh" CONTENT="No-Cache">
시간을 설정하여 자동으로 페이지 이동하기
웹사이트를 운영하다 보면 여러 가지 이유로 웹사이트를 계정을 옮겨야 하는 경우가 생긴다.
<META>태그를 사용하여 미리 설정해 놓은 시간이 지난 후 지정한 웹사이트로 이동하도록 할 수 있습니다.
바뀐 웹사이트의 주소를 기존 방문자에게 알리는 방법 중 하나입니다.
대기시간은 초 단위로 입력하고, URL에 이동할 웹사이트 주소나 웹문서를 지정.
<META HTTP-EQUIV="Refresh" CONTENT="대기시간 : URL="주소">
이외에도 여러 가지의 메타태그
페이스북 <meta property="og:title" content="제목"/> <meta property="og:site_name" content="사이트명"/> <meta property="og:type" content="분류 (website,article,place,product,event ...)"/> <meta property="og:url" content="주소"/> <meta property="og:image" content="썸네일 (200x200.jpg)"/> <meta property="og:description" content="요약글"/>
페이스북 https://developers.facebook.com/docs/opengraph/creating-custom-stories/#objecttypes
트위터 <meta name="twitter:card" content="분류 (summary, photo, gallery ...)"> <meta name="twitter:title" content="제목"> <meta name="twitter:site" content="사이트명"> <meta name="twitter:creator" content="작성자명"> <meta name="twitter:image" content="썸네일"> <meta name="twitter:description" content="포스트 내용">
트위터 https://dev.twitter.com/docs/cards/markup-reference
검색 키워드를 결정할 때 150자 이내로 길이를 제한하거나
검색 단어 중 반복 단어는 무시하고 결과를 출력하는 검색엔진도 있으니
각 검색 엔진의 성격에 맞게 검색 키워드를 지정하는 것이 중요합니다.
'HTML / CSS / Java Script' 카테고리의 다른 글
| 정리하는 태그 HR, BR, P, CENTER, PRE (2) | 2014.06.29 |
|---|---|
| 기본 태그로 글자 스타일 바꾸기 <H>, <FONT> 태그 (2) | 2014.06.28 |
| HTML 절대와 상대 경로 해깔려 할꺼없다. (6) | 2014.06.27 |
| body 배경 속성과 표준 색상 이름, RGB 값 알아보기? (0) | 2014.06.26 |
| 알고 보면 간단하게 HTML 문서가 된다. (2) | 2014.06.23 |
