<meta> 태그는 웹 페이지의 보이지 않는 정보를 제공하는데 쓰이는 태그입니다.

페이지의 설명 요약, 핵심 키워드, 제작자, 크롤링 정책 등 수많은 정보를 제공할 수 있습니다.

관련 태그 보기

SEO

Search Engine Optimization의 약자로, 검색 엔진 최적화를 의미합니다.

<meta> 태그는 description, keywords, author, subject, classification 등의 정보를 정의 할수 있으며, 검색 엔진은 위에 정보를 활용합니다.

<meta> 태그 예시


<html>
<head>
  <title>meta 태그 속성</title>
  <meta charset="UTF-8">

  <!-- 모바일에서 접속시 모바일크기에 맞춘 화면을 렌더링설정 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 페이지를 작성한 제작자명을 지정 -->
  <meta name="author" content="jjgodcom">
  <!-- 검색 결과에 표시되는 문자를 지정합니다.-->
  <meta name="description" content="jjgodcom의 프론트 백앤드 정보 정리 사이트 입니다.">
  <!-- 검색 엔진에 의해 검색되는 단어를 지정합니다. -->
  <meta name="keywords" content="웹 퍼블리셔, 웹 표준, 웹 접근성, 화려한 디자인, jjgodcom, publisher, css3, html, markup, design">
  <!-- 홈페이지 주제를 지정 -->
  <meta name="subject" content="jjgodcom의 프론트 백앤드 정보 정리 사이트 입니다.">
</head>
<body>
  ...
</body>
</html>

open grap 세팅(카카오톡)


<!-- 아직 세팅 안함 -->

References site