잠시만 기다려 주세요

     '책임지지 않는 윤석열 정부를 규탄한다. 입만 벌리면 거짓말.. 범죄 의혹 한트럭... 자신들의 범죄 의혹을 철저히 숨기는 윤석열 정부를 탄핵하자.'
전체검색 :  
이번주 로또 및 연금번호 발생!!   |  HOME   |  여기는?   |  바다물때표   |  알림 (16)  |  여러가지 팁 (1059)  |  추천 및 재미 (156)  |  자료실 (22)  |  
시사, 이슈, 칼럼, 평론, 비평 (613)  |  끄적거림 (136)  |  문예 창작 (716)  |  바람 따라 (75)  |  시나리오 (760)  |  드라마 대본 (248)  |  
살인!


    html/css/xml

html/css/xml - 메타태그(META TAG) 속성정리 및 사용 방법
이 름 : 바다아이   |   조회수 : 11935         짧은 주소 : https://www.bada-ie.com/su/?171591783950

원본출처 : http://camp.top.to/note/board.php?board=camp&command=body&no=199&category=34

메타태그(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=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" />
   : 이 문서도 긁지 않고, 링크도 무시함.

 
※ charset 속성은 인터넷 익스플로러만 제공하는데 이 속성의 값은 문서에서 사용하는 문자셋의 이름이다. 되도록 이 속성대신에 http-equiv와 content 속성을 사용 할 것을 권장한다.
※ schame는 이 속성을 사용하여 속성의 값을 해석할때 사용할수 있는 방법을 명시할수 있다.
 
사용 방법
 
<META name="generator" content="홈페이지 제작도구"> 
홈페이지를 만드는데 사용한 프로그램 프로그램 이름을 넣으려면 content="메모장" 과 같은 식으로 적으시면 됩니다.

<META name="author" contents="홈페이지를 제작한 사람 이름"> 
홈페이지를 만든 제작자를 넣으려면 content="제작자 이름등" 와 같이 적으시면 됩니다.

<META name="keywords" content="홈페이지가 담고 있는 내용"> 
홈페이지가 담고 있는 내용을 content="tip, 별, 시" 와 같이 ',' 를 단어 사이에 넣어 나열하면 됩니다. 검색엔진에서 검색어를 입력하고 찾기를 할 때 불러들이는 부분들입니다. 메타태그의 핵심기능이라고 할 수 있습니다.

<META name="descript-x-xion" 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-script-x-x-Type" content="text/javascript-x-x"> 
스크립트 형식 지정 – 
스크립트 형식에는 text/javascript-x-x(자바스크립트) 와 VBscript-x-x(비쥬얼베이직 스크립트)가 있습니다.

<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는 웹문서를 들어오거나 나갈 때 한쪽 모서리 부터 서서히 드러나거나 사라지는 효과를 줍니다.
 
실제 예
 
1
2
3
4
5
6
7
8
9
10
11
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="descript-xion" content="디자인뉴스,디자인 블로그,디자인 갤러리,그래픽,캐릭터,CI,BI,SI,WI,인테리어,익스테리어,사인디자인,광고마케팅,검색엔진최적화,포토샵,일러스트,동영상강좌,구글,애드센스,블로그,컴퓨터활용팁 수록" />
<meta name="keywords" content=" 디자인뉴스,디자인갤러리,디자인,그래픽디자인,캐릭터디자인,웹디자인,CI,BI,SI,WI,인터넷 비지니스,구글,애드센스,블로그,브랜드 광고 마케팅,인테리어,익스테리어,간판디자인,편집디자인,포토샵,일러스트,동영상강좌,디자인칼럼,디자인용어,광고용어,디자인로그,디자이너,디자 인 컨설턴트,김현욱,design news,design gallery,design blog,graphic design,charactor design,web design,internet business,google,adsense,blog,brand,advertising,marketing,interior,exterior,sign design,DTP,photoshop,illustrator,movie lecture,design colum,design language,ad language,designlog,designer,design consultant," />
<meta name="robots" content="ALL, INDEX, FOLLOW" />
<META name="Location" content="South Korea" />
<META name="Distribution" content="global" />
<meta name="author" content="김현욱 Hyunwook Kim 디자인로그[DESIGN LOG]" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
<meta name="verify-v1" content="lLLdrKuIFdhe5Q4+WoxDtkOWznTHaUPry8C+FwdcqQg=" />
<META name="y_key" content="3f737b4fa42a064a" >


 
| |





      1 page / 2 page
번 호 카테고리 제 목 이름 조회수
48 html/css/xml ... 바다아이 2387
47 html/css/xml ckeditor css ,,, .. ckeditor 바다아이 3647
46 html/css/xml ckeditor font size , ckeditor , ckeditor <br>, width height . 바다아이 4888
45 html/css/xml robots.txt, ... 바다아이 6683
44 html/css/xml CSS / letter-spacing, word-spacing / , , 바다아이 6865
43 html/css/xml ie , ... 바다아이 6936
42 html/css/xml html tab , .... 바다아이 11264
41 html/css/xml css on/off , toggle switch , 바다아이 8993
40 html/css/xml pt, px, em, %, font , , 바다아이 8698
39 html/css/xml (font face) 바다아이 8840
38 html/css/xml .... 바다아이 9014
37 html/css/xml html MIME ... 바다아이 11621
36 html/css/xml ckeditor ajax .... 바다아이 9337
35 html/css/xml [] , 바다아이 12644
34 html/css/xml , , , ico 바다아이 8895
33 html/css/xml input , autocomplete 바다아이 9381
32 html/css/xml [CSS] , border-radius, 바다아이 10323
31 html/css/xml ckeditor 4 ... 바다아이 11169
30 html/css/xml HTTP/2 ? 바다아이 16892
29 html/css/xml HTTP/2 ? 바다아이 9214
28 html/css/xml xml .... sitemap.xml 바다아이 9151
27 html/css/xml ckeditor config.js .... 바다아이 10030
26 html/css/xml 바다아이 9909
25 html/css/xml 바다아이 9059
24 html/css/xml , border 바다아이 9087
23 html/css/xml , 바다아이 9819
22 html/css/xml (= HTML ), entity code 바다아이 10061
21 html/css/xml (Won;) (;Backslash; ) , , 바다아이 12792
20 html/css/xml 바다아이 9573
19 html/css/xml / / 바다아이 9972
| |









Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ Ubuntu + GoLang + PostgreSQL + Mariadb ]
서버위치 : 오라클 클라우드 춘천  실행시간 : 0.05463
to webmaster... gogo sea. gogo sea.