고객을 위해 최선을 다하는 Best PR 입니다

포털사이트 노출 증가를 위해 구조화 데이터(JSON-LD)

------------------------------------------------------------

1. 구조화 데이터란 무엇인가

정의 : 검색엔진이 페이지의 의미를 정확히 이해하도록 돕는 표준화된 데이터 표현

왜 필요한가? 검색엔진은 HTML을 “대충” 이해합니다.

<h1>가스 검지기</h1>

<p>산업용 가스 누출 감지</p>

사람은 이해하지만 검색엔진은 이게 상품인지, 회사 소개인지, 블로그인지 확신을 못 합니다.

구조화 데이터는 이렇게 말해주는 겁니다. “이 페이지는 상품(Product) 이고 이름은 가스 검지기, 제조사는 성화, 용도는 산업용 입니다.”

2. JSON-LD란 무엇인가

구조화 데이터 작성 방식 3가지

Microdata : HTML 태그에 의미(구조화된 데이터)를 직접 표시해 검색엔진이 콘텐츠 내용을 정확히 이해하도록 돕는 표준 방식, 거의 안 씀

(예제)

<div itemscope itemtype="https://schema.org/Person">

<span itemprop="name">김진영</span>

<span itemprop="jobTitle">웹 개발자</span>

<a href="https://www.example.com" itemprop="url">홈페이지</a>

</div>

RDFa : HTML 태그의 속성(attribute)을 이용해 콘텐츠에 의미(메타데이터)를 부여하는 구조화 데이터 방식, Microdata보다 표현력이 강하고 관계 설명에 유리, 이것도 거의 안씀

(예제)

<div vocab="https://schema.org/" typeof="Person">

<span property="name">김진영</span>

<span property="jobTitle">웹 개발자</span>

<a href="https://www.example.com" property="url">홈페이지</a>

</div>

JSON-LD : <script>로 분리, 표준 / 권장, HTML 구조와 완전히 분리, 유지보수 쉬움, Google / 네이버 모두 권장

(예제)

<script type="application/ld+json">

{

"@context": "h ttps://schema.org",

"@type": "Organization",

"name": "성화FT",

"url": "h ttps://www.sunghwaft.kr"

}

</script>

3. Schema.org 이해 (핵심 개념)

구조화 데이터는 Schema.org 표준을 따릅니다.

Schema.org는 2011년에 Google, Microsoft(Bing), Yahoo!, Yandex가 

검색엔진들이 공통으로 이해할 수 있는 구조화 데이터 표준을 만들기 위해 공동으로 제정 (검색엔진들이 함께 쓰기로 약속한 공통 언어)

기본 골격 (무조건 기억)

{

  "@context": "https://schema.org",

  "@type": "타입",

  "속성": "값"

}

자주 쓰는 @type (실무 TOP)

모든 페이지에 같게 작성 : Organization (회사), BreadcrumbList(경로 표시, 페이지마다 다르게 동적구성), SiteNavigationElement (메뉴), WebSite (사이트소개)

LocalBusiness (오프라인 사업장), Product (상품), Service (서비스), Article(블로그 / 뉴스), FAQPage(FAQ), 

@type마다 사용 가능한 속성 목록과, 속성에 들어갈 값의 타입(Text, URL, Date 등)은 Schema.org에 정의돼 있고, 

리치결과 노출을 원하면 Google이 정한 필수/권장 속성까지 맞춰야 한다.

* 리치결과(Rich Results)란? 검색결과에서 텍스트 링크만 보이는 일반 결과를 넘어, 이미지·별점·가격·FAQ·빵부스러기·이벤트 정보 등 ‘확장된 정보’가 함께 표시되는 검색결과 형태를 말합니다. 정보가 풍부한 결과,

4. 포털 노출에 직접 도움 되는 구조화 데이터

1) 회사 소개 페이지 (Organization) : 브랜드 신뢰도 ↑, 회사명 검색 시 정보 패널 가능성 ↑

<script type="application/ld+json">

{

  "@context": "https://schema.org",

  "@type": "Organization",

  "name": "성화FT",

  "url": "https://www.sunghwaft.kr",

  "logo": "https://www.sunghwaft.kr/logo.png",

  "sameAs": [

    "https://blog.naver.com/xxx",

    "https://www.youtube.com/@xxx"

  ]

}

</script>

2) 제품 페이지 (Product) ← 매우 중요 : 제품명 검색 시 노출 정확도 상승, Google 이미지 / 쇼핑 연계 가능

<script type="application/ld+json">

{

  "@context": "https://schema.org",

  "@type": "Product",

  "name": "산업용 가스 검지기",

  "image": "https://www.sunghwaft.kr/img/gas.jpg",

  "description": "산업 현장용 고정식 가스 누출 검지기",

  "brand": {

    "@type": "Brand",

    "name": "성화FT"

  }

}

</script>

3) 서비스 페이지 (Service) : B2B 사이트에 특히 중요

<script type="application/ld+json">

{

  "@context": "https://schema.org",

  "@type": "Service",

  "name": "가스 검지기 교정 서비스",

  "provider": {

    "@type": "Organization",

    "name": "성화FT"

  }

}

</script>

4)  FAQ (체감 효과 최고) : 검색 결과에서 질문/답변 바로 노출, 클릭률 급상승

<script type="application/ld+json">

{

  "@context": "https://schema.org",

  "@type": "FAQPage",

  "mainEntity": [{

    "@type": "Question",

    "name": "가스 검지기 교정 주기는?",

    "acceptedAnswer": {

      "@type": "Answer",

      "text": "일반적으로 1년에 1회 권장됩니다."

    }

  }]

}

</script>

5. 네이버 vs 구글 차이 (중요)

Google

JSON-LD 거의 100% 반영, Rich Result 적극 활용

네이버

구조화 데이터 참고용, 직접 노출보단, 콘텐츠 분류, 신뢰도 판단, 사이트 이해도 상승

“안 해도 되지만, 하면 손해는 절대 없음”

6. 실무 적용 패턴 (그누보드 기준)

위치

head.sub.php

또는 각 페이지 상단

각 페이지 성격별로 다른 JSON-LD 사용

회사소개 : Organization

제품상세 : Product

서비스 : Service

게시글 : Article

FAQ : FAQPage

** head.php는 분기만, Schema는 페이지 성격별로 분리하는 것이 리치결과·유지보수 모두 잡는 정석 구조

(아래참조)

7. 반드시 피해야 할 실수 TOP 5

❌ HTML 내용과 JSON-LD 내용 불일치

❌ 없는 정보(가격, 리뷰) 허위 기재

❌ 모든 페이지에 동일한 JSON-LD

❌ @type 남발

❌ 테스트 안 함

8. 필수 테스트 도구

Google 구조화 데이터 테스트

Rich Results Test

Schema Markup Validator

오류 0개, 경고 최소화 목표

JSON-LD는 “검색엔진에게 잘 보이게 말 거는 기술”이다. 콘텐츠가 좋을수록 구조화 데이터 효과는 배가된다.

---------------------------------------------------------------------------------------------------------

실 적용 사례 (베스트피랑, hermes)

1. 디렉토리 구조

theme/schema/

├─ schema.article.php

├─ schema.breadcrumb.php

├─ schema.organization.php

├─ schema.product.php

├─ schema.SiteNavigationElement.php

├─ schema.website.php