[Microdata] HTML의 구조적 태그를 배워보도록 하겠습니다.

14633 단어 HTMLSEOmicrodatatech

Microsoft 데이터


마이크로데이터를 자세히 설명하기 전에 구조화 표시를 알아볼 필요가 있다.

이른바 구조화 표기


Google은 웹 사이트를 만들 때 Google의 게재 순서에 신경을 씁니다.
이 Google의 게재 순서를 높이기 위해서는 웹 사이트의 내용을 Google에 정확하게 전달할 필요가 있습니다.
예를 들어 다음과 같이 표시하면
Google은 제목, 저자 이름을 알고 있습니까?
(학급 명칭을 간단명료하게 생략했다.)
<h1>効率的なマークアップの仕方について徹底解説!</h1>
<p>Harry Duck</p>
h1을 사용하는 곳은 제목으로 여겨진다
이것이 문장의 제목인지 페이지의 제목인지 이것만으로 판단할 수 없다.
또한 p 라벨에 관해서는 작가의 이름을 알 수 없다.
HTML 태그 자체도 어느 정도 의미가 있어요.
Google이 보다 상세하고 정확하게 인식할 수 있도록 구조화된 데이터라고 불리는 태그 코드를 사용해야 합니다.

Microsoft는 구조화된 표기 방법의 하나입니다.


Microdata는 구성 데이터를 표시하는 방법 중 하나입니다.
HTML 태그에 포함된 피쳐
스타일은 그렇게 복잡하지 않다.
구조화 데이터에 관해서는 이미 다른 문장에 총결산하였으니 저쪽을 보십시오.
구조화된 데이터?어의엔지니어가 추구하는 현대 HTML 로고는

마이크로소프트 문법


그럼 빨리 마이크로데이터 작성법을 살펴봅시다.

itemscope


이름과 같이 오실로그래프입니다.한 세트의 데이터.
책의 정보를 인코딩하려면 책의 제목, 저자, 발행연도, 출판사 등을 모두 맨 바깥쪽 라벨에 포함해야 한다.
단지 데이터의 총결산일 뿐이다.
<div itemscope>
...
</div>

itemtype


itemtype에서 다음에 나타날 항목 종류를 정의한 파일을 지정합니다.
규격이 적힌 페이지를 지정하는 것이다.
어떤 규격을 사용하는지는 자유롭지만 가장 인기 있는 것은 Schema.org이다.
그리고 Schema.나는 org 이외의 사람을 본 적이 없다.
이 페이지 다양한 유형
자신이 인코딩하고 싶은 장르와 비슷한 것을 선택하고 그 URL을 지정하세요.
이번에는 책의 정보를 인코딩해야 한다
참조이쪽 방법..
<div itemscope itemtype="https://schema.org/Book">
...
</div>

itemprop


itemprop은 그 프로젝트의 정보를 씁니다.
하지만 영어 단어를 영어 단어에 자유롭게 섞을 수 있는 것은 아니다.
어렵게 사용한 방법을itemtype이라고 정의했습니다.
위에 쓴 항목의 이름을 표시하다.
이번에는 책 메시지인 만큼 앞서 언급한 북의 방법을 살펴본다.
https://schema.org/Book
autohor(저자),name(이름),genre(영역) 등 포함
다양한 아이템을 정의했네요.어서 사용하세요.
<div itemscope itemtype="https://schema.org/Book">
    <h2 itemprop="name">人間失格</h2>
    <p itemprop="author">太宰治</p>
    <p itemporp="genre">中編小説</p>
    <p itemprop="datePublished">1948年</p>
</div>
저는 책을 잘 못 봐서 태재치도 잘 몰라요.
어쨌든 유명하니까 이 예를 들자.
이렇게 하면 각 항목이 무엇을 썼는지 Google도 쉽게 판단할 수 있습니다.

itemid


쓰고 싶은 것을 지정하는'고유의 제품 번호와 아이디'등.
이번엔 책이라서 ISBN호가 있어요.
그 책에 배정된 아이디라 다른 책을 쓸 필요가 없는 아이디다.
고유한 ID입니다.
URN 또는 URL과 함께 기록합니다.
URN은 Uniform Resource Name의 약칭으로, 이 또한 고유의 제품 번호와 ID를 뜻한다.
itemid는itemscope,itemtype과 같은 요소로 지정됩니다.
또는 그 외에는 지정할 수 없다.
<div itemscope itemtype="https://schema.org/Book" itemid="urn:isbn:978-4101006055">
    <h2 itemprop="name">人間失格</h2>
    <p itemprop="author">太宰治</p>
    <p itemporp="genre">中編小説</p>
    <p itemprop="datePublished">1948年</p>
</div>

itemref


관련 항목 사용itemref.itemref에 지정된 ID 항목이 연관됩니다.
이것은 자주 다른 항목과 관련된 데 사용된다.
<div itemscope itemtype="https://schema.org/Book" itemid="urn:isbn:978-4101006055" itemref="a">
    <h2 itemprop="name">人間失格</h2>
    <p itemprop="author">太宰治</p>
    <p itemporp="genre">中編小説</p>
    <p itemprop="datePublished">1948年</p>
</div>
<div id="a">
    <h2 itemprop="name">斜陽日記</h2>
    <p itemprop="author">太田静子</p>
</div>
태재치의 인간실격 관련 항목이 무엇인지 생각하면
나는 태재의 애인인 태전정자만 생각났다.

총결산


왜냐하면 Micordata는 HTML에만 속성을 직접 쓰기 때문입니다.
기억하기 어렵지 않다.
SEO 쪽에서도 유리해질 수 있어요.
그걸 계기로 한번 써보는 건 어떨까.

좋은 웹페이지 즐겨찾기