프로젝트/WALFI
메타 데이터
코딩하는 공대생
2024. 5. 29. 11:15
반응형
메타 데이터란 ?
메타데이터는 웹페이지에 대한 추가 세부정보를 제공한다. 페이지 방문자에게는 메타데이터가 표시되지 않지만, 페이지의 HTML, 일반적으로 <head> 요소 내에 삽입되어 뒤에서 작동한다. 검색 엔진 및 기타 시스템에 중요하다.
왜 중요할까?
메타데이터는 SEO 향상에 중요한 역할을 한다.
적절한 메타데이터는 검색 엔진이 웹 페이지를 효과적으로 색인화해 검색 결과에서 순위를 높이는 데 도움이 된다.
메타 데이터 유형
- Title Metadata : 브라우저 탭에 표시되는 웹 페이지 제목을 담당한다.
<title>Page Title</title>
- 설명 메타 데이터 : 이 메타데이터는 웹 페이지 콘텐츠에 대한 간략한 개요를 제공하며 검색 엔진 결과에 자주 표시된다.
<meta name="description" content="A brief description of the page content." />
- 키워드 메타 데이터 : 웹페이지 콘텐츠와 관련된 키웓드가 포함되어 있어 검색 엔진이 페이지를 색인화하는 데 도움이 됨.
<meta name="keywords" content="keyword1, keyword2, keyword3" />
- 오픈 그래프 메타데이터 : 제목, 설명, 미리보기 이미지 등의 정보를 제공해 소셜 미디어 플랫폼에서 공유할 때 웹페이지가 표시되는 방식 향상
<meta property="og:title" content="Title Here" />
<meta property="og:description" content="Description Here" />
<meta property="og:image" content="image_url_here" />- 파비콘 메타데이터 : 이 메타데이터는 파비콘(작은 아이콘)을 브라우저 주소 표시줄이나 탭에 표시되는 웹페이지에 연결
<link rel="icon" href="path/to/favicon.ico" />
반응형