구조화된 데이터

구조화된 데이터는 간단하게 말하면'컴퓨터에 글을 전달하는 뜻'이다.
HTML에 쓰인 정보에 어떤 뜻을 표시하는지 첨부하여 검색 로봇도 그 내용을 이해할 수 있도록 한다.

구조화된 데이터의 구체적인 예

예를 들어, 다음과 같은 문자열이 있다고 가정합니다.

<div>株式会社イーツー・インフォは横浜市にあります</div>

우리는 이 글을 보았을 때 회사 이름이'주식회사'이고 주소는'요코하마시'라는 것을 알았다.
그러나 검색엔진은 사람이 아니기 때문에 이 문장들이 무엇을 대표하는지 이해할 수 없다.
따라서 HTML 표시를 통해 검색 로봇에게 이 정보를 전달하는 의미는 구조화된 데이터이다.

구조화된 데이터 사용의 이점

장점은 검색 결과에 리치 세션이 표시되어 사용자가 쉽게 보고 클릭할 수 있다는 것이다.
리치 세션은 검색 결과에 나타난 일반적인 설명문 (description 개술) 을 제외한 풍부한 정보를 가리킨다.예를 들어 요리의 그림과 평론 등이다.
다음은 입식 버팀목의 예다.

스탠드의 종류

이미지

검토

보카브라리와 문법에 대해

구조화된 데이터를 이해하는 중요한 키워드는'어휘표'와'문법'이다.

포카브라리

어휘표는 표지를 정의하는 어휘표와 유사하다.
보카브라리의 대표적인 예는 schema.org.

문법

문법은 문장의 뜻을 검색엔진에 전달하는 문법을 가리킨다.
대표적으로 다음과 같은 세 가지가 있다.

Microdata

RDFa

JSON-LD

이번에는 그중의 JSON-LD를 소개해 드리겠습니다.

JSON-LD가 뭐예요?

스크립트를 사용하여 JSON-LD를 작성합니다.이름과 같이 JSON 형식의 기술입니다.

JSON-LD의 장점 활용

장점은 코드가 간단하고 이해하기 쉽다는 것이다.
icrodata와 RDFa는 HTML에 문장 하나하나를 직접 표시하지만, 이런 상황에서 HTML은 복잡해지기 쉽다.
다른 한편, JSON-LD는 어느 곳에서든 기술할 수 있고 코드를 한 곳에 집중할 수 있기 때문에 코드가 간단하고 이해하기 쉽다.

JSON-LD의 작법

JSON-LD로 작성하려면 다음 선언문이 필요합니다.

<script type="application/ld+json">
//ここに内容を書いていきます
</script>

JSON-LD에서 "{} (파괄호)"에서 "key:value"형식으로 씁니다.그리고 줄을 쓸 때마다 ",(쉼표)"로 구분합니다.

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization"
}
</script>

@context 중schema.나는 org로 쓰겠다고 선포했다.
@type 중schema.org의 어떤 유형을 나타냅니까?예를 들어 Event, Book, Movie, Recipe, Organization 및 Person 등이 있습니다.
설명 @type 의value에서 지정한 유형의 사용 가능한 속성입니다.schema.org 사이트에서 사용할 수 있는 속성을 볼 수 있습니다.
다음은 설명 예입니다.

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "株式会社イーツー・インフォ",
    "telephone": "03-xxxx-xxxx",
    "email": "[email protected]"
}
</script>

테스트 도구를 사용하여 구조화된 데이터 검사

완료 후 구조화 테스트 도구 에서 확인합니다.
오류 없음 경고 없음만 표시되지 않으면 됩니다.