그냥 블로그

메타 데이터 본문

프로젝트/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" />

 

저작자표시

'프로젝트 > WALFI' 카테고리의 다른 글

[WALFI] Recoil + React Query 도입  (0) 2024.06.14
[Back-end] 스프링 부트/JSP 폴더 구조와 각 기능  (0) 2024.06.13
[Next.js]  (0) 2024.05.24
[Next.js] 정적 및 동적 렌더링  (0) 2024.05.22
[Next.js] app router + React Query  (0) 2024.05.20
'프로젝트/WALFI' Related Articles more