마이크로데이터(HTML)

Microdata (HTML)
HTML
비교

마이크로데이터(Microdata)는 기존 콘텐츠 내 메타데이터를 웹페이지에 중첩시키는 데 사용되는 WHTWG HTML 규격이다.[1] 검색엔진, 웹 크롤러, 브라우저 등은 웹페이지에서 마이크로데이터를 추출·처리해 이용자에게 보다 풍부한 브라우징 경험을 제공할 수 있다. 검색 엔진은 웹 페이지의 정보를 이해하고 사용자에게 더 목적적합한 결과를 제공할 수 있기 때문에 이 구조화된 데이터에 직접 접근함으로써 큰 이득을 얻는다.[2][3] 마이크로데이터는 항목을 기술하기 위해 지원 어휘를 사용하고 이름-값 쌍을 사용하여 그 특성에 값을 할당한다.[4] 마이크로데이터는 RDFa와 마이크로포맷을 사용하는 유사한 접근법보다 기계 판독이 가능한 태그로 HTML 요소에 주석을 달 수 있는 더 간단한 방법을 제공하려는 시도다.

2013년 W3C HTML 워킹그룹이 마이크로데이터 HTML 규격의 편집자 역할을 할 사람을 찾지 못해 '주'로 개발이 종료됐다.[5][6] 그러나, 그 이후로, 두 명의 새로운 편집자가 선정되었고, 다섯 개의 새로운 버전의 작업 초안이 출판되었는데,[7][8][9][10] 가장 최근의 것은 2018년 4월 26일 작업 초안이다.[10]

어휘

마이크로데이터 어휘는 항목의 의미론이나 의미를 제공하지 않는다.[11] 웹 개발자들은 사용자 지정 어휘를 설계하거나 웹에서 사용할 수 있는 어휘를 사용할 수 있다. 일반적으로 사용되는 마크업 어휘 모음은 다음과 같은 Schema.org 스키마에 의해 제공된다. Person, "장소", 이벤트, 조직, 제품, 검토, 검토-집합, 빵 부스러기, 제안, 제안-집합. 이 웹사이트 schema.org은 구글, 마이크로소프트, 야후, 얀덱스와 같은 검색 엔진 운영자들이 검색 결과를 개선하기 위해 마이크로데이터 마크업을 사용하는 것에 의해 설립되었다.[12]: 85

어떤 목적을 위해서는 임시 어휘가 적합하다. 다른 사람들에게는 어휘가 설계되어야 할 것이다. 가능한 경우 기존 어휘를 다시 사용할 것을 권장하는데, 이는 콘텐츠 재사용을 용이하게 하기 때문이다.[1]

현지화

경우에 따라 특정 지역을 포괄하는 검색 엔진은 마이크로데이터의 국소적 확장을 제공할 수 있다. 예를 들어 러시아의 주요 검색엔진인 얀덱스는 hCard(회사 연락처 정보), hRecipe(식품 레시피), hReview(시장 리뷰), hProduct(제품 데이터) 등의 마이크로포맷을 지원하고 용어와 백과사전 기사의 정의를 위한 자체 형식을 제공한다. 이 연장은 키릴 문자와 라틴 문자 사이의 번역 문제를 해결하기 위해 만들어졌다. 스키마의 어휘에서 추가 매개변수를 구현한 후 러시아어 웹 페이지의 정보 색인은 더욱 성공적이 되었다.[13]

글로벌 속성

  • itemscope – 항목을 작성하고 이 요소의 하위 항목에 대한 정보가 포함되어 있음을 표시한다.[1]
  • itemtype – 항목과 항목의 속성 컨텍스트를 설명하는 어휘의 유효한 URL.
  • itemid – 항목의 고유 식별자를 나타낸다.
  • itemprop – 포함된 태그가 지정된 항목 속성의 값을 포함하고 있음을 표시한다. 속성의 이름과 가치 컨텍스트는 항목의 어휘로 설명된다. 속성 값은 일반적으로 문자열 값으로 구성되지만 를 사용하여 URL을 사용할 수도 있음 a 요소와 그 요소 href 속성, the img 요소와 그 요소 src 속성 또는 외부 리소스에 연결하거나 내장하는 기타 요소.[1]
  • itemref – 원소의 후예가 아닌 속성 itemscope 속성은 이 속성을 사용하여 항목과 연관될 수 있다. 요소 ID 목록 제공(비공개) itemids) 문서의 다른 위치에 추가 속성이 있는 경우.[1]
  • datetime - ISO 8601 표준에 지정된 날짜 또는 기간을 표시한다.

예

다음 HTML5 마크업은 사람에 대한 정보를 포함하는 일반적인 "정보" 페이지에서 찾을 수 있다. 

<섹션> 여보세요, 내 이름은 John Doe야, 나는 꿈의 대학 대학원 연구 조교야. 내 친구들은 나를 조니라고 부른다.  내 홈페이지는 <a href="http://www.JohnnyD.com"으로 방문하면 된다. 나는 조지아주 워너 로빈스의 피치 드라이브 1234에 살아.</섹션>

여기에 추가된 Schema.org[14][15][16] Microdata와 동일한 마크업: 

<섹션 아이템스코프 아이템타입="http://schema.org/Person" 입니다. 여보세요, 제 이름은 <span 아이템prop="name" 입니다.John Doe (/span) 나는 <span 항목 제안="jobTitle")>의 대학원 연구 보조원이다.>꿈의 대학.   친구들은 나를 <스팬 아이템 프로포즈="추가 이름"이라고 부른다.조니[/스팬.   내 홈페이지는 <a href="http://www.JohnnyD.com" 항목프로포즈="www.JohnnyD.com"로 방문하면 된다.   <섹션 아이템prop="주소" 아이템scope 아이템 type="http://schema.org/PostalAddress"에 살고 있다. <span 아이템prop="streetAddress">1234 Peach Drive</span>, <span 아이템prop="주소Locality"에 살고 있다.>워너 로빈스</span>, <스팬 항목 제안="주소 지역">조지아.  </섹션> </섹션>

위의 예에서 알 수 있듯이 마이크로데이터 항목은 내포될 수 있다. 이 경우 http://schema.org/PostalAddress 유형의 항목은 http://schema.org/Person 유형의 항목 안에 중첩된다.

다음 텍스트는 구글이 위의 예시 코드에서 마이크로데이터를 어떻게 구문 분석하는지를 보여준다. 개발자들은 구글의 리치 코드 조각 테스트 도구를 사용하여 마이크로데이터가 포함된 페이지를 테스트할 수 있다.[17] 

항목 유형: http://schema.org/Person 이름 = John Doe jobTitle = 대학원 연구 보조 소속 = University of dreams 추가 이름 = http://www.johnnyd.com/ url = http://www.johnnyd.com/ http://www.johnnyd.com/ 주소 = 항목 1 유형: http://schema.org/PostalAddress streetAddress = 1234 Peach Drive addressLocality = Warner Robins addressRegion = 조지아

HTML Microdata뿐만 아니라 마크업에서 RDFa나 JSON-LD와 같은 다른 주석이나 RDF/XML, 표기법3 또는 터틀과 같은 일련화에서 외부 RDF 파일에서도 동일한 기계 판독이 가능한 용어를 사용할 수 있다.

지원

  • 서버: 구글은 결과 페이지에 마이크로데이터를 사용할 수 있다[18].[17] 그것은 구글+ 소셜 네트워크에 선호되는 코드 조각 형식이었다.[19]
  • 브라우저: 2021년 7월 현재 마이크로데이터 DOM API를 지원하는 주요 브라우저는 없다.[20] 오페라는 11.60(2011년 발표)부터 지원했지만 이후 시행을 없앴다.[21] 파이어폭스는 49버전에서 그것을 제거했다.[22]

참고 항목

참조

  1. ^ a b c d e "Microdata — HTML Draft Standard". Whatwg.org. Retrieved 2016-06-30.
  2. ^ "MicroData - The Future of Search Engine Relevance and Optimization (SEO)". Lyquix.com. Retrieved 2016-06-30.
  3. ^ Schema.org http://schema.org/
  4. ^ ""Distributed," "Extensibility," And Other Fancy Words". Diveintohtml5.info. Retrieved 2016-06-30.
  5. ^ Cotton, Paul (2 Oct 2013). "WG Decision to publish HTML Microdata as a WG Note". public-html-admin@w3.org (Mailing list). Retrieved 2016-06-30.
  6. ^ "HTML Microdata". W3.org. 23 June 2014. Retrieved 2016-06-30.
  7. ^ "HTML Microdata W3C First Public Working Draft 04 May 2017". World Wide Web Consortium (W3C). Retrieved 2017-09-06.
  8. ^ "HTML Microdata W3C Working Draft 26 June 2017". World Wide Web Consortium (W3C). Retrieved 2017-09-06.
  9. ^ "HTML Microdata W3C Working Draft 09 October 2017". World Wide Web Consortium (W3C). 9 October 2017. Retrieved 16 March 2018.
  10. ^ a b "HTML Microdata W3C Working Draft 10 October 2017". World Wide Web Consortium (W3C). 10 October 2017. Retrieved 16 March 2018.
  11. ^ "HTML Standard". Web Hypertext Application Technology Working Group. Retrieved 30 December 2016.
  12. ^ MacDonald, Matthew (2014). HTML5: The missing manual (2nd ed.). O'Reilly and Associates. ISBN 978-1-4493-6326-0.
  13. ^ "Semantic markup deployment in Russia". Academia.edu. Retrieved 2016-06-30.
  14. ^ "Documentation". Schema.org. Retrieved 2016-06-30.
  15. ^ "Type Hierarchy". Schema.org. Retrieved 2016-06-30.
  16. ^ "Schema.org Turtle RDFS Schema". Archived from the original on 2014-09-21. Retrieved 2013-05-29.
  17. ^ a b "Rich snippets (microdata, microformats, RDFa)". Google Inc. 2016-05-17. Retrieved 2016-06-30.
  18. ^ "Rich Snippet display clarification". 2016-06-22. Retrieved 2016-06-30.
  19. ^ Google Webmasters Channel (2011-12-06). Types of Rich Snippets (Video). Archived from the original on 2021-12-15. Retrieved 2016-06-30.
  20. ^ "Microdata DOM API - Web APIs MDN". developer.mozilla.org. Retrieved 2021-07-05.
  21. ^ Opera Software Documentation Team (2011-12-06). "Opera 11.60 for Windows changelog". Opera.com. Archived from the original on 2014-10-23. Retrieved 2016-06-30.
  22. ^ "909633 - Remove HTML Microdata API". bugzilla.mozilla.org. Retrieved 2021-07-05.

외부 링크