# SEO를 위한 HTML meta tag
작성일자: 2024.01.28
웹 페이지를 검색엔진에 잘 검색되도록 유도하기 위해서는 검색엔진 최적화(이하: SEO)가 필요하다. 그 중 가장 쉽게 적용할 수 있는 부분이 meta tag를 적용하는 방법이다.
메타 태그란?
메타 태그(meta tag)는 HTML 문서 상 웹페이지의 정보를 표시하기 위한 목적으로 사용되는 태그를 의미한다.
HTML 문서상 <head>태그에 위치하고 있다. 메타 태그를 작성한다고 하더라도
실제 웹 페이지상 출력되지 않지만, 검색 엔진이 해당 페이지를 수집할 때 읽을 수 있어 웹 페이지의
의미와 유용성을 시스템적으로 분석할 수 있도록 도와준다.
메타 태그 종류
| 태그 | 설명 |
|---|---|
|
웹 페이지 설명 작성(영문 기준 160자 이내 작성 권장) |
|
웹 페이지 관련 키워드 작성 |
|
웹 페이지 작성자 표시 |
Open Graph 태그 종류
Open Graph 태그는 SNS(인스타그램, 페이스북, 카카오톡, 슬랙 등)에서 웹페이지 URL을 입력하면 웹 페이지의 미리보기를 제공할 때 사용하는 태그이다.
| 태그 | 설명 |
|---|---|
<meta name="og:site_name" content="NotFoundException.io" /> |
웹 페이지 이름 표시 |
<meta name="og:title" content="SEO를 위한 HTML meta tag" /> |
웹 페이지 제목 표시 |
<meta name="og:url" content="https://notfoundexception.io/etc/seo-html-meta-tag" /> |
웹 페이지 URL 표시 |
<meta name="og:url" content="https://notfoundexception.io/images/etc/naver_meta_tag.png" /> |
웹 페이지 이미지 표시 |
<meta name="og:type" content="website" /> |
웹 페이지 타입 표시(website) |
앞서 이야기 한 것 이외에도 audio, video에 관한 og meta 태그가 많이 있지만, 추후에 관련 내용을 추가하기로 한다.