메타데이터는 HTML 문서의 섹션에 포함된 HTML 코드입니다. 이 코드는 어떤 방식으로든 웹 디자인에 영향을 미치지 않으며 검색 엔진 스파이더가 읽을 수만 있습니다. 이 코드는 검색 엔진 봇에게 웹사이트에 대한 많은 세부정보를 알려줍니다. 정확한 제공
메타데이터가 중요한 이유는 무엇입니까?
메타데이터는 특정 키워드에 대한 순위와 순위가 매겨지지 않은 것의 차이를 의미할 수 있습니다. 경쟁사가 좋은 콘텐츠를 보유하고 있지만 모든 내용을 작성하지 않는 경우
메타데이터를 어떻게 편집합니까?
코드를 직접 작성하는 경우, 코드에 포함할 수 있는 정확한 코드 조각을 제공하는 온라인 가이드가 많이 있습니다. HTML 문서의 섹션.
대부분의 웹사이트 디자인 및 전자상거래 플랫폼은 웹사이트 내의 각 페이지, 제품 및 블로그 게시물에 대한 메타데이터를 설정할 수 있는 기능을 제공합니다. Ecwid는 편집을 위한 광범위한 옵션을 제공합니다.
메타데이터 유형
메타 제목 및 메타 설명
가장 유명한 유형의 메타데이터는 사이트입니다. 제목 and 설명. 웹사이트의 각 페이지에 대해 이러한 항목을 작성하는 것은 SEO 순위를 높이는 가장 간단한 방법 중 하나입니다. 얼마나 쉬운 일임에도 불구하고 이런 방식으로 최적화되지 않은 사이트가 많이 있습니다.
이 두 메타 태그의 내용은 SERPS에 표시됩니다. 페이지 제목 메타 태그는 검색 결과 목록에 있는 웹 사이트 링크의 앵커 텍스트로 사용됩니다. 설명 메타 태그는 검색 결과의 사이트 설명을 채웁니다. 이러한 메타 태그를 작성하지 않은 경우 Google은 사이트 순위를 매기는 데 방해가 되는 경우 사이트 콘텐츠에서 자동으로 정보를 생성하려고 시도합니다.
제목 태그의 길이는 60자 이하여야 합니다., 페이지에 대한 키워드를 포함해야 합니다. 사용자가 귀하의 목록을 클릭하도록 유도하는 매력적인 사이트 제목을 작성하세요. 제목
설명 태그의 길이는 140~160자 사이여야 합니다.. 키워드는 첫 번째 문장에서 자연스럽게 사용되어야 합니다. 고품질의 설명을 작성하지 않으면 Google은 이를 무시하고 다음을 시도합니다.
키워드 메타태그
페이지와 관련된 키워드를 나열한 메타 태그가 있었습니다. 이 메타 태그는 Google에서 10년 이상 순위 요소로 중단되었습니다. 다른 모든 주요 검색 엔진도 키워드 메타 태그 사용을 부인하는 성명을 발표했습니다. 이 태그를 사용해도 처벌받지는 않지만 그렇게 하는 것은 시간과 노력의 낭비일 것입니다.
로봇 메타 태그
로봇 메타 태그는 robots.txt 파일과 다릅니다. Robots.txt는 로봇에게 크롤링해야 할 페이지를 알려줍니다. 로봇 메타 태그는 로봇에게 색인을 생성할 페이지를 알려줍니다.
대부분의 경우 로봇이 페이지를 색인화하기를 원합니다. 따라서 로봇 메타 태그의 기본값은 다음과 같습니다. “인덱스, 팔로우”. 그러나 값은 다음과 같이 변경될 수 있습니다. “NOINDEX, NOFOLLOW” 검색결과에 표시되기를 원하지 않는 특정 페이지
로봇 메타 태그는 다음과 같습니다.
아웃바운드 링크용 메타 태그
아웃바운드 링크에는 몇 가지 마크업 태그가 있지만 나머지 메타 태그와는 약간 다릅니다. 대상에 포함되는 대신 HTML 페이지 섹션에서 이러한 태그는 링크 마크업에 추가됩니다.
이 어플리케이션에는 XNUMXµm 및 XNUMXµm 파장에서 최대 XNUMXW의 평균 출력을 제공하는 REL 아웃바운드 링크의 마크업 태그에는 세 가지 가능한 값이 있습니다. 스폰서, ugc(사용자 생성 콘텐츠) 및 nofollow. 링크는 여러 개를 포함할 수 있습니다. REL 가치. Google은 ''라는 제목의 메타 태그에 대한 가이드를 게시했습니다.Google에 대한 아웃바운드 링크 검증".
메타 뷰포트
뷰포트 메타 태그는 귀하의 사이트가 모바일 친화적이라는 것을 검색 엔진에 알리기 때문에 매우 중요합니다. 이 메타태그가 없으면 웹사이트가 모바일 검색결과에 표시되지 않습니다.
뷰포트 메타 태그는 다음과 같습니다.
Web.dev는 이 주제에 대한 최종 기사를 발표했습니다.반응형 웹 디자인 기초". 대부분의 웹 디자인 및 전자상거래 플랫폼은 이 메타 태그를 자동으로 설정하며 이미 반응형 CSS 코드를 시각적 디자인에 적용했습니다. 처음부터 코딩을 하고 있거나 문제의 기본 사항을 이해하고 싶다면 이 가이드가 적합합니다.
소셜 미디어 메타 태그
이러한 메타 태그는 링크가 소셜 미디어 사이트에 표시되는 방식을 제어합니다. 귀하는 귀하의 사이트를 제어할 수 있습니다 제목, 설명, 기능을 갖춘 이미지, 그리고 더. 오픈 그래프 소셜 미디어 메타데이터의 주된 형태이지만 스키마 데이터는 Open Graph에서 지원하지 않는 소셜 플랫폼에 유사한 기능을 제공하는 데 사용됩니다.
오픈 그래프 마크업
오픈 그래프 메타 태그는 Facebook에서 만들었지만 Twitter에서도 사용됩니다. 여러 오픈 그래프 메타 태그를 사용하여 Facebook 링크의 표시 속성을 정의합니다. 페이지와 이미지에 OG 메타 태그를 적용할 수 있습니다.
트위터 카드 마크업
Twitter는 또한 Open Graph 메타 태그를 사용하여 플랫폼에 링크가 표시되는 방식을 제어합니다. 값은 Facebook OG 태그와 다르므로 두 사이트 모두에 대해 값을 정의해야 합니다. Twitter OG 값은 페이지에만 적용할 수 있습니다.
Linkedin, Google+ 및 Pinterest에 대한 스키마
스키마는 일반적으로 JSON 파일로 제공되지만 HTML 페이지 섹션에 추가할 수 있는 일부 스키마 마크업이 있습니다. 이러한 태그는 OG 프로토콜을 사용하지 않는 소셜 미디어 플랫폼에 링크가 표시되는 방식을 정의하는 데 사용할 수 있습니다.
다른 유형의 메타데이터
웹 사이트 섹션 내에서, 때로는 HTML 본문 내에서 사용할 수 있는 다른 유형의 모호한 메타데이터가 많이 있습니다. Google은 현재 인식되는 모든 메타 태그 형식과 가능한 값 목록을 게시합니다. 목록 제목은 '메타 및 인라인 태그".
메타데이터로서의 스키마 마크업
스키마 마크업은 메타데이터보다 최근에 개발된 것입니다. 그러나 동일한 목적으로 사용됩니다. 메타데이터와 스키마 마크업은 모두 검색 엔진 스파이더가 웹 사이트를 보다 정확하게 크롤링하고 색인화하고 순위를 매기는 데 도움이 되도록 데이터를 검색 엔진 스파이더에 제공합니다.
스키마 마크업에는 다양한 유형이 있으며 스키마 데이터를 전달하는 방법도 여러 가지가 있습니다. 선택할 수 있는 메타 태그가 많지는 않지만 스키마 마크업의 다양성은 사용법을 배우는 사람들에게 종종 부담스러울 수 있습니다.
거의 모든 웹사이트 빌더와 전자 상거래 플랫폼 메타 태그를 편집하는 방법을 제공하지만 스키마 데이터 편집 구현은 기껏해야 고르지 않습니다. 일부 플랫폼
사이트에 스키마 데이터를 추가하면 엄청난 경쟁 우위를 확보할 수 있습니다. 많은 웹사이트는 아직
먼저, 다양한 유형의 스키마 데이터를 검토하고 사이트에 어떤 데이터를 포함할지 결정해야 합니다. 그런 다음 값을 입력하는 데 필요한 데이터를 수집해야 합니다. 이 준비를 완료한 후에는 스키마 생성 도구를 사용하여
스키마 데이터를 생성한 후에는 스키마 유효성 검사 도구를 사용하여 이를 테스트해야 합니다.
SEMRush는 “스키마란 무엇입니까? 구조화된 데이터에 대한 초보자 가이드". 이 가이드에서는 스키마 마크업의 주요 유형을 다루고, 스키마 마크업을 생성하고 유효성을 검사하는 여러 도구에 대한 링크를 제공합니다. 스키마 데이터
- 전자상거래 제품 카탈로그를 검색 가능하고 유연하게 만드는 방법
- 결코 질리지 않는 SEO에 대한 전자상거래 가이드
- 온라인 상점에 대한 무료 백링크를 얻는 방법
- 트래픽을 증가시키는 매우 효과적인 SEO 전략
- Google 추천 따르기
- GTIN 및 브랜드 이름으로 Google 순위 높이기
- 완벽한 웹 주소를 위한 가이드
- 키워드 조사 모범 사례를 수행하는 방법
- 초보자를 위한 검색 엔진 최적화
- 로컬 SEO에 대한 궁극적인 가이드
- 전자상거래를 위한 최고의 SEO 분석 도구
- SEO 메타 태그: 최종 목록
- 검색 엔진에서 귀하의 제품을 더 쉽게 검색할 수 있도록 하세요
- 과거에 남겨두어야 할 6가지 일반적인 SEO 관행