Meta Tag
- 근본적인 정의, 설명을 뜻하는 meta와 tag가 더해진 합성어이다.
- 검색 엔진이 지정된 사이트를 올바르게 분류 할 수 있도록 웹 페이지에 삽입 된 코딩 된 tag이며, 문서의 내용, 키워드, 제작자 등 문서 자체의 특성을 담고 있어 SEO(검색어 최적화)에 도움을 준다.
[ 입력이 필수인 Meta Tag ]
Charset Meta Tag
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- 문자 코드의 종류를 설정한다.
- 페이지 표시 방법을 정의하여 웹 페이지의 컨텐츠 유형 및 문자 세트를 식별한다 .
Keyword Meta Tag
<meta name="Keywords" content="Web, html, 웹 표준" />
- 사이트를 가장 잘 설명하는 단어와 구문의 목록이며, 해당 페이지와 직접 관련이 있어야 한다 .
- 하지만 악용으로 인해 Google 포함 많은 검색 엔진이 더 이상 keyword를 보지 않아 많은 사이트들은 더 이상 해당 페이지에 keyword meta tag를 포함하지 않는다.
Description MetaTag
<meta name="Description" content="Web, html, 웹 표준" />
- 검색 결과에 실제 표시되는 설명문을 지정한다. 사이트를 클릭할지 여부를 결정하는 데 도움이 되므로 정확해야 한다.
- 가장 중요한 태그이며, 검색 엔진이 검색 결과에서 페이지 순위를 정하기 위해 사용하는 많은 것 중 하나이다 . 설명 길이는 150~160자 사이여야 한다.
[ 그 외 자주쓰이는 Meta Tag ]
No-Cache meta tag
<meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Pragma" content="no-cache" />
- 페이지를 cache에서 가져오지 않게 하며 항상 서버에 접속해서 페이지를 가져온다.
- 이 태그를 사용하면 사용자에게 항상 최신 정보를 표시할 수 있지만 cache를 사용할 수 없어 로딩 시간이 길어 지므로 자주 업데이트되는 페이지에서만 사용하는 것이 좋다.
- 사용자의 브라우저가 항상 cache를 읽도록 해 놓아도 이것을 무시하고 페이지를 갱신한다.
Robots Meta Tag
<meta name="Robots" content="noindex, nofollow" />
- 검색 로봇 제어
- content 속성에는 다음과 같이 지정할 수 있고 복수지정할 때에는 콤마(,)로 구분한다.
- All(기본값) : 'index, follow' 를 지정한 것과 같다.
- None : 'noindex, nofollow' 를 지정한 것과 같다.
- Index : 그 페이지를 수집 대상으로 한다.
- Follow : 그 페이지를 포함해 링크가 걸린 곳을 수집 대상으로 한다.
- Noindex : 그 페이지를 수집대상에서 제외한다.
- Nofollow : 그페이지를 포함해 링크가 걸린 곳을 수집 대상으로 하지 않는다.
도움을 준 정보들
칼럼:
SEO Copywriting: SEO Tools & Tips Every Web Writer Should Know About (Part IV) | Site News | How to Start an Online Writing Car
This is the final part in this series on SEO tools. Today, we’re going to discuss meta tags. Before we do, let’s define them for those who may not know. Example of What Meta Tags Look Like What Are Meta Tags? Meta tags are coded tags inserted into a we
www.seowritingjobs.com
https://webclub.tistory.com/354
메타(meta)태그 정리
meta 태그 메타태그는 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의하는데 사용합니다. HTML 문서의 와 사이에 입력하는 특수 태그로서 사이트의 디자인에는 전혀 영향을 미치지 않고 문
webclub.tistory.com
메타 태그(Meta Tag), HTML에서 메타태그의 정의 및 사용법
일반적인 웹문서를 제작하는 HTML에 있어서 메타태그(Meta Tag)라는 것이 있습니다. 메타태그(Meta Tag)를 한마디로 요약하면 그 정의는 아래와 같습니다. 근본적인 정의 또는 설명을 뜻하는 메타(Meta)
www.zosolution.com
https://www.computerhope.com/jargon/m/metatags.htm
What is a Meta Tag?
Computer dictionary definition of what meta tag means, including related links, information, and terms.
www.computerhope.com
'WEB' 카테고리의 다른 글
| [WEB] Browser의 Rendering_2. Render Tree의 생성, 배치, 그리기 (0) | 2020.08.12 |
|---|---|
| [WEB] Attribute와 Property (0) | 2020.07.31 |
| [WEB] HTML4와 HTML5의 차이점 4가지 (0) | 2020.07.16 |
| [WEB] SPA (Single-Page Application) (0) | 2020.07.07 |
| [WEB] Server-Side rendering (0) | 2020.07.07 |
댓글