html5 schema.org markup을 사용하여 사용자 정의 어휘 정의.

Schema.org 태그는 검색 엔진이 시맨틱 태그 (예 : 항목 범위, 항목 유형, ItemProp)를 통해 웹 페이지 컨텐츠의 구조화 된 데이터 형식을 이해하도록 도와줍니다. 사용자 정의 어휘를 정의하는 데 사용될 수 있으며 방법에는 기존 유형을 확장하거나 추가 유형을 사용하여 새로운 유형을 소개하는 방법; 실제 응용 분야에서 구조를 명확하게 유지하고 공식 속성 사용 우선 순위를 정하고 코드 유효성을 테스트하며 사용자 정의 유형에 액세스 할 수 있도록합니다. 예방 조치에는 부분 지원 수용, 철자 오류 피하기 및 JSON-LD와 같은 적절한 형식 선택이 포함됩니다.

Schema.org와 함께 HTML5를 사용하여 웹 페이지에서 사용자 정의 어휘를 정의하는 것은 실용적이고 효과적인 방법입니다. 검색 엔진이 웹 사이트 콘텐츠를 더 잘 이해하는 데 도움이 될뿐만 아니라 SEO 결과를 향상시키고 검색 결과의 디스플레이 형식에도 영향을 미칩니다. 핵심은 Schema.org의 시맨틱 태그를 올바르게 적용하여 강조하려는 정보를 표현하는 방법입니다.

schema.org 태그는 무엇입니까?

Schema.org는 웹 페이지에 통합 된 구조화 된 데이터 형식을 제공하기 위해 Google, Microsoft, Yahoo 등이 공동으로 시작한 프로젝트입니다. 특정 시맨틱 태그 (예 : itemscope , itemtype , itemprop )를 추가하여 페이지 요소가 나타내는 컨텐츠 유형을 검색 엔진에 알려줍니다.

예를 들어, 영화 검토 웹 사이트가있는 경우 <div itemscope itemtype="http://schema.org/Movie"> 사용하여 영화에 대한 정보를 표시하고 <code>itemprop 통해 제목, 감독, 등급 등을 지정할 수 있습니다.

맞춤 어휘를 정의하는 방법은 무엇입니까?

Schema.org는 많은 사전 정의 된 유형 (예 : 기사, 제품, 이벤트)을 제공하지만 때로는 표준 목록에 없을 수 있습니다. 현재 기존 유형을 확장하거나 additionalType 을 사용하여 사용자 정의 어휘를 소개 할 수 있습니다.

예를 들어, "공예품"에 대한 웹 사이트를하고 있다고 가정하고 "Ceramic Cups"의 서브 클래스를 정의하려고합니다.

 <div itemscope itemtype = "http://schema.org/product">
  <link itemprop = "accthingtype"href = "https://yourdomain.com/vocab/ceramiccup"/>
  <h1 itemprop = "name"> 파란색과 흰색 도자기 컵 </h1>
  <span itemprop = "description"> 손으로 그린 전통적인 스타일 세라믹 컵 </span>
</div>

이러한 방식으로 검색 엔진은 이것이 특별한 "제품"이라는 것을 알 수 있으며 제공하는 추가 정보를 기반으로보다 정확한 이해 및 색인화를 제공 할 수 있습니다.

실제 응용 분야에서 몇 가지 제안

• 구조를 명확하게 유지하십시오 : 각 항목 스코프는 너무 깊이 중첩되지 않도록 엔티티에 해당합니다.
• 공식적으로 지원되는 속성을 사용하는 데 우선 순위가 부여됩니다 . 요구 사항을 충족시킬 수있는 표준 속성이 이미있는 경우 쉽게 사용자 정의하지 마십시오.
• 테스트 도구가 중요합니다 . Google의 Rich Results 테스트 또는 구조화 된 데이터 테스트 도구를 사용하여 올바르게 작성했는지 확인할 수 있습니다.
• 사용자 정의 유형에 액세스 할 수 있어야합니다 . additionalType 사용하는 경우 크롤러 식별을 용이하게하기 위해 해당 URL에 대한 설명을 제공하는 것이 가장 좋습니다.

메모와 FAQ

• 검색 엔진에서 완전히 지원하지 않더라도 중요하지 않습니다 . 일부 사용자 정의 단어가 당분간에 명백한 영향을 미치지 않더라도 향후 사용될 수 있습니다.
• 철자를 피하십시오 : itempro 와 같은 오타는 전체 구조를 무효화합니다.
• Microdata vs JSON-LD : HTML5 Microdata Writing에 대해 이야기하고 있지만 이제는 JSON-LD, 특히 관리하기 쉬운 React 및 VUE와 같은 프론트 엔드 프레임 워크에서 사용하는 것이 좋습니다.

기본적으로 그게 다야. schema.org를 잘 활용하는 핵심은 설명하려는 컨텐츠 구조를 이해하고 표준과 사용자 정의 유형의 조합을 합리적으로 선택하는 것입니다. 복잡하지는 않지만 세부 사항은 무시하기 쉽습니다.