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 : 그페이지를 포함해 링크가 걸린 곳을 수집 대상으로 하지 않는다.
도움을 준 정보들
칼럼:
https://webclub.tistory.com/354
'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 |
댓글