메타 태그 (Meta tag)

김예희·2023년 8월 16일

🧩 Meta 태그란?

웹페이지의 요약본 이라 할 수 있는 메타 태그는 웹 페이지에 대한 정보를 제공하는 기능을 담당한다. 이러한 메타 데이터는 검색 엔진이나 웹 크롤러를 통해 수집되어 웹 페이지의 랭킹을 매기거나, 검색 결과를 나타낼 수 있다.

가장 일반적인 메타 태그는 다음과 같다.

1. <title> : 웹 페이지의 제목을 나타낸다.

<head><title>웹 페이지의 제목</title></head>

✔️<title>태그는 검색 엔진의 결과로 나타나는 헤드라인에 적용된다.
✔️웹 브라우저의 상단의 tab을 보면 현재 페이지에 대한 제목 문구를 확인할 수 있는데 이것도 <title>태그를 통해 구현된다.

❗️엄연히 말하면, 웹 페이지의 제목에 해당하는 <title>태그와 <meta>태그는 다르다. 그러나 메타 데이터를 제공하고 SEO에 중요한 역할을 하기 때문에, 타이틀 태그는 메타 태그라는 용어로 통용해서 사용되기도 한다.

2.description : 웹 페이지의 내용을 간략히 설명한다.

<head><meta name="description" content="웹 페이지 설명"></head>

✔️ 검색 엔진에서 설명(description) 데이터는 헤드라인 하단 부분에 웹 페이지의 요약된 정보를 나타낸다.

3.keywords : 검색 엔진이 해당 웹 페이지를 인덱싱할 때 사용되는 키워드를 나열한다.

<head><meta name="keywords" content="apple"></head>

4. charset : 문자 코드의 종류를 설정한다.

<head><meta charset="UTF-8></head>