Metadata

메타데이터란

• 데이터에 대한 데이터, 다른 데이터를 설명 또는 관리하기 위한 정보
• 데이터를 관리, 검색, 해석, 통합 등을 할 때 데이터의 기준과 양식 등을 설명해주기 때문에 효율적으로 데이터 핸들링이 가능해짐

종류

• 구조적 메타데이터 : 데이터의 형식, 관계 및 기타 구조적 특성을 설명, 데이터베이스의 테이블 구조나 XML문서의 스키마 등
• 기술적 메타데이터 : 데이터의 기술적 측면, 파일 형식, 크기, 생성 날짜, 수정 날짜 등, 사진의 경우 해상도, 카메라 설정 등
• 행정적 메타데이터 : 데이터 관리와 관련된 정보, 저작권 정보, 사용 권한, 데이터 생성자 등
• 사용 및 접근성 메타데이터 : 데이터 사용 방법, 접근 권한, 관련 정책 및 절차 등

웹 개발에서 메타데이터 사용의 중요성

• 검색 엔진 최적화(SEO) : 웹 페이지의 메타 태그는 검색 엔진이 페이지의 내용을 이해하고 적절하게 색인화하는 데 도움을 줌, 페이지의 가시성(Visibility) 향상
• 웹 사이트의 메타 정보 제공 : 웹 페이지의 저자, 생성 날짜, 키워드, 페이지 설명 등과 같은 중요한 정보를 제공함, 이 정보는 사용자와 검색 엔진에 페이지의 내용과 맥락을 제공
• 브라우저 호환성 및 표시 제어 : 웹 페이지가 다양한 브라우저와 장치에서 어떻게 표시되는지 제어할 수 있음, 예를 들어 viewport 메타 태그는 모바일 장치에서 페이지의 레이아웃을 제어하는 데 사용됨
• 보안 및 접근성 : 웹 페이지의 보안 설정을 강화하거나 웹 접근성을 향상시키는 데 사용, HTTP 헤더를 통해 전송되는 보안 관련 메타데이터는 사이트의 보안을 강화하는 데 도움이 될 수 있음

주로 사용되어지는 메타 태그

 - <title> : 웹 페이지의 제목을 정의, 브라우저의 탭, 검색 엔진 결과 등에 표시
   
 - <meta name="description" content="..."> : 페이지의 간단한 설명 제공, 검색 엔진 결과에서 종종 사용 
   
 - <meta name="keywords" content="..."> : 페이지와 관련된 키워드를 나열, 요즘엔 중요성이 떨어짐
   
 - <meta name="viewport" content="..."> : 모바일 브라우저에서 페이지가 어떻게 보여질 지를 제어
   										  반응형 디자인을 위해 사용
 - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> : 페이지의 문자 인코딩을 지정
   
 - <meta property="og:title" content="...">, <meta property="og:description" content="...">,
   <meta property="og:image" content="..."> : 소셜 미디어 플랫폼에서 페이지를 공유할 때 사용되는 
   										Open Graph 프로토콜 태그, 페이지의 제목, 설명, 이미지 등을 정의함