마이크로데이터는 무엇입니까?
마이크로데이터는
itemscope
,itemprop
와itemtype
등 많은 속성으로 구성되어 있다.다음은 마이크로 데이터를 사용하는 기본 웹 페이지의 예이다.<html>
<head>
<title>What is Microdata?</title>
</head>
<body itemscope itemtype="https://schema.org/WebPage">
<article itemscope itemtype="http://schema.org/Article" itemprop="mainEntity">
<meta itemprop="url" content="https://brandvantage.co/blog/what-is-microdata">
<meta itemprop="image" content="https://brandvantage.co/blog/2020/images/what-is-microdata-cover.png">
<h1 itemprop="name headline">What is Microdata?</h1>
<time itemprop="datePublished" datetime="2020-09-20">20th of September, 2020</time>
<div itemprop="articleBody">
Hello and welcome to this example!
</div>
</article>
</body>
</html>
itemprop 속성
itemprop
속성 정의 데이터의 이름-값 쌍.속성과 연관된 값은 다음 방정식에서 파생될 수 있습니다.content
속성(정의된 경우)src
,img
,audio
,video
,iframe
,href
등 표기에 사용)link
또는 a
태그에 사용)value
또는 data
태그에 사용)meter
태그에 사용)datetime
속성을 사용하면 항목 속성은 이름-값 쌍을 포함할 수 있습니다.또한 time
속성의 값은 여러 속성을 인용할 수 있습니다.앞의 예시에서 당신은
itemscope
의 많은 다른 예시를 볼 수 있습니다.속성 그룹화
<article itemscope itemtype="http://schema.org/Article" itemprop="mainEntity">
여기서 itemprop
속성을 사용하면 "mainEntity"속성은 다른 이름-값을 그룹으로 그룹화합니다.컨텐츠 속성의 값
<meta itemprop="url" content="https://brandvantage.co/blog/what-is-microdata">
<meta itemprop="image" content="https://brandvantage.co/blog/2020/images/what-is-microdata-cover.png">
여기에 우리는 두 개의 속성 ("url"과 "이미지") 이 있는데, 그것들의 값은 itemprop
속성에 의해 정의된다.두 속성을 동시에 설정
<h1 itemprop="name headline">What is Microdata?</h1>
여기itemscope
는 내부 텍스트의 값을 사용하여 두 개의 속성("이름"과 "제목")을 동시에 설정합니다."datetime"속성의 값
<time itemprop="datePublished" datetime="2020-09-20">20th of September, 2020</time>
"datePublished"속성은 content
속성이 있는 itemprop
태그를 사용합니다.날짜의 형식은 날짜ISO 8601입니다.내부 텍스트의 값
<div itemprop="articleBody">
Hello and welcome to this example!
</div>
"articleBody"속성은 내부 내용을 값으로 사용합니다.itemtype 속성
time
는 속성의 값을 설정하는 데 도움이 되지만 원하는 속성을 정의하는 방법이 없으면 그 유용성에 의문이 생길 수 있다.이것이 바로 datetime
의 작용으로 a URL which identifies the vocabularly를 통해 사용하는 속성에 상하문을 제공했다.흔히 볼 수 있는 단어Schema.org는 구글, 마이크로소프트, 야후와 Yandex의 합자기업이다.유사한 어휘를 공유하는 모델org는 데이터를 희망하거나 필요로 하는 제3자가 상호작용성을 실현하기 쉽도록 한다.말은 그렇지만 다른 어휘의 사용을 막거나 심지어는 자신의 어휘를 창조하는 것을 막을 수 있는 것은 없다.만약 제3자가 당신의 음성을 이해하지 못한다면 귀하의 메타데이터는 처리되고 사용되지 않을 수 있습니다.
이전 예에서는
itemprop
두 가지 용도가 있습니다. <body itemscope itemtype="https://schema.org/WebPage">
<article itemscope itemtype="http://schema.org/Article" itemprop="mainEntity">
첫 번째는 범위를 WebPage schema object로 정의하는데 "breadcrumb"와 "significantLink"를 포함한 많은 유용한 속성이 있다.모드에서org vocabularly, 확장된 CreativeWork 웹 페이지입니다. 속성이 있습니다. "mainEntity"이 속성은 구조의 기본 유형 임의Thing일 수 있습니다.조직어.현재 "mainEntity"속성에 대해 이 유형을 작용역Article 모델 대상으로 정의합니다.이것은
itemtype
표기 중의 모든 후속 속성이 본문의 속성이라는 것을 의미한다.itemscope 속성
itemtype
는 속성 값을 하나의 객체로 효과적으로 간주하는 그룹(범위) 이름-값 쌍(속성)을 정의합니다.그것은 article
의 존재를 필요로 하지 않지만, 하나가 없으면, 공통된 어휘가 없으면 시스템 간의 상호작용성이 매우 제한될 수 있다.요약
마이크로 데이터는 사이트 개발자가 풍부한 메타데이터로 웹 페이지를 풍부하게 하고 검색엔진과 다른 시스템이 데이터를 그들의 시스템에 집적하도록 허용한다.역할 영역을 통해 중첩된 값을 포함하여 다양한 값을 사용하여 개별 속성을 정의할 수 있습니다.
비록 마이크로 데이터는 부가 속성을 포함한 많은 다른 측면이 있지만 이것은 마이크로 데이터 세계의 기본적인 소개가 되어야 한다.
추가 자원
Reference
이 문제에 관하여(마이크로데이터는 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/brandvantage/what-is-microdata-5epm텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)