메타데이터는 웹 페이지의 정보를 간결하게 요약하고, 검색 엔진 크롤러에게 페이지 내용에 대한 추가 정보를 제공하는 역할을 합니다. 메타데이터 활용 방법은 다음과 같습니다.
- 메타 태그 사용 HTML 문서 내에서 <head> 부분에 메타 태그를 추가하면 메타데이터를 사용할 수 있습니다. 주요 메타 태그에는 다음이 포함됩니다.
- 메타 타이틀 (Meta Title): 웹 페이지의 제목을 나타냅니다. <title> 태그를 이용해 작성합니다. 검색 결과에서 제목으로 표시되므로, 검색어(키워드)와 요약 내용을 포함하도록 작성합니다.
<title>페이지 제목 - 사이트 이름</title>
- 메타 설명 (Meta Description): 웹 페이지의 간략한 설명을 나타내며, 검색 결과의 스니펫으로 사용됩니다. <meta> 태그의 'name' 속성 값을 'description'으로 설정해 작성합니다. 최적 길이는 약 150-160자 사이입니다.
html
<meta name="description" content="여기에 간단한 페이지 설명을 작성합니다.">
- 메타 키워드 (Meta Keywords): 이 태그는 직접적인 SEO 효과는 없지만, 크롤러에게 페이지 주제와 관련 키워드를 알려주는 역할을 합니다.
html
<meta name="keywords" content="키워드1, 키워드2, 키워드3">
- Open Graph 메타 태그 소셜 미디어에서 웹 페이지를 공유할 때 사용되는 정보를 제공하기 위해 Open Graph 메타 태그를 사용합니다. 페이스북, 트위터 등에서 웹 페이지를 공유할 때 미리보기 이미지, 제목, 설명 등을 지정할 수 있습니다.
html
<meta property="og:title" content="페이지 제목">
<meta property="og:description" content="페이지 간단한 설명">
<meta property="og:image" content="이미지 URL">
<meta property="og:url" content="페이지 URL">
<meta property="og:type" content="웹페이지 타입(예: website, article)">
- Twitter Card 메타 태그 트위터에서 공유할 때 사용되는 정보를 제공하기 위해 Twitter Card 메타 태그를 사용합니다.
html
<meta name="twitter:card" content="카드 타입(예: summary, summary_large_image)">
<meta name="twitter:title" content="페이지 제목">
<meta name="twitter:description" content="페이지 간단한 설명">
<meta name="twitter:image" content="이미지 URL">
메타데이터를 제대로 활용하면 검색 엔진에 콘텐츠 정보를 정확하게 전달하고, 사용자에게 유용한 정보를 제공하는 데 도움이 됩니다. 웹 페이지의 메타데이터를 최적화하고 업데이트하면 SEO 효과를 볼 수 있습니다.
'미디어Story' 카테고리의 다른 글
| 꾸준히 해도 돈안되는 온라인마케팅, 나만 그런가? (2) | 2024.01.07 |
|---|---|
| 블로그를 통하여 수익을 얻을 수 있다고 광고하는 사람들의 실체 (0) | 2023.08.14 |
| 영상편집만 해도 돈을 벌 수 있을까? 프리미어프로로 편집한다. (1) | 2023.08.10 |
| ChatGPT야 반갑다. 너를 활용하는 재미가 솔솔하다. 여행상품 키워드를 찾아주다니 정말 업무효율이 짱짱!! (3) | 2023.08.08 |
| 온라인 마케팅, 자체 블로그를 활용하라! (1) | 2023.08.04 |