HTML

HTML <Meta> 데이터

Neda 2022. 6. 29. 12:07

문서의 문자 인코딩 방식 지정

<meta charset="utf-8">

검색 엔진 최적화(SEO)를 위한 문서 작성자와 설명

<meta name="author" content="neda">
<meta name="description" content="가볍게 기록하는 블로그입니다.">

Facebook의 Open Graph 프로토콜 (https://ogp.me/)

웹페이지를 북마크하거나 sns을 통해 페이지를 공유할 때

웹 페이지에 대한 간략한 제목이나 설명, 이미지 등을 지정할 수 있다.

특정 사이트에서만 사용이 가능하다.

대표적인 og를 이용한  메타데이터들

  • og:title
  • og:description
  • og:type
  • og:image
  • og:url
<meta property="og:title" content="HTML 메타 데이터" />
<meta property="og:description" 
	content="메타 데이터에 관한 페이지입니다." 
/>

파비콘

즐겨찾기를 할 때 웹페이지의 아이콘으로 저장되는 이미지

<link rel="icon" href="favicon.ico" type="image/x-icon">

'HTML' 카테고리의 다른 글

HTML에서 비디오를 사용하는 방법  (0) 2022.06.29
HTML에서 이미지를 넣는 방법  (0) 2022.06.29
웹이 동작하는 과정  (0) 2022.06.29
JavaScript 정의와 타입  (0) 2022.06.29
HTML의 정의와 기본적인 사용  (0) 2022.06.28