index.html schema.jsonld serp-preview
LIVE
12345678910111213141516
 
熊本 SEO 構造化 対応
CREVIA / 構造化マークアップ — 検索結果プレビュー
crevia-ts.com/markup
Schema.org を実装して検索結果の見え方を最適化。星評価・営業時間・FAQ を Google と生成 AI の両方に正しく伝えます。
writing | schema.jsonld | 0 bytes
ln 1, col 1
N° 002//Structured Data / Schema.org

書くと、出る。

Schema.org は、Google と生成 AI が
ページの意味を読むための唯一のインターフェースです。

02 // thesis

同じHTML。意味の有無で、こうなる。

検索エンジンと生成 AI は、見た目ではなく意味タグを読んでいます。

−−− before.html +++ after.html
1<h1>CREVIA</h1>
2<p>熊本のウェブ制作会社</p>
3<p>平日 9:00 - 18:00</p>
4<p>★4.8 / 142 件</p>
5<h2>よくある質問</h2>
6<p>Q. どれくらいで効果が出ますか</p>
7<p>A. 概ね 1〜3 ヶ月</p>
1<script type="application/ld+json">
2  "@type": "LocalBusiness",
3  "name": "CREVIA",
4  "openingHours": "Mo-Fr 09:00-18:00",
5  "aggregateRating": { "ratingValue": 4.8 },
6  "mainEntity": [{ "@type": "Question" }]
7</script>
+7 lines // 1 file changed // ✓ semantic meaning added
  • 01

    見た目は同じ、意味は別物。

    人間にはどちらも同じテキストに見えますが、検索エンジンは Schema を読んで初めて「これは営業時間」「これは評価」と判別します。

  • 02

    生成 AI の引用源になる。

    ChatGPT・Gemini・Perplexity は Schema を要約して回答します。マークアップがないページは引用候補に入りません。

  • 03

    CTR が構造的に上がる。

    星評価・FAQ・営業時間・画像リッチリザルトで検索面積が増え、同じ順位でもクリック率が跳ね上がります。

03 // anatomy

3 層で構成された、意味の伝達層。

Schema 実装は DOM / Schema / Links の3レイヤーで完結します。

L1

DOM — 見える層

<h1>CREVIA</h1>
<p>平日 9:00 - 18:00</p>
<ul>
  <li>構造化マークアップ</li>
</ul>

人間が読むレイヤー。見た目・ナビゲーション・本文。ここだけでは、意味は伝わらない。

L2

Schema — 意味の層

<script type="application/ld+json">
{
  "@type": "LocalBusiness",
  "openingHours": "Mo-Fr 09:00-18:00",
  "aggregateRating": { "ratingValue": 4.8 }
}

検索エンジンと AI が読む専用レイヤー。DOM と同じ情報を機械語で並列宣言する。

L3

Links — 関係の層

{
  "@type": "Article",
  "author": { "@id": "#nishida" },
  "publisher": { "@id": "#crevia" },
  "about": [{ "@id": "#schema-seo" }]
}

著者・企業・トピックを ID で結ぶ層。生成 AI の知識グラフに「CREVIA = Schema 実装」と登録される。

03b // process

5 ステップで、本番反映まで。

IDE のターミナルで進行する、Schema 実装の工程。各ステップは コマンド単位で可視化されます。

  1. STEP 01 // 診断 所要 1-2 営業日
    ~/crevia/schema — diagnose
    $
      scanning 42 pages...
      JSON-LD found: 3 / 42
      ✓ diagnose complete — 7 gaps identified

    現サイトの Schema 実装状況を機械的に分析。欠損している Schema タイプ・不適切な JSON-LD 構造・重複挿入を検出し、優先改善リストを作成します。

  2. STEP 02 // 設計 1-2 営業日
    ~/crevia/schema — design
    $
      matching page types to schema catalog...
      selected: LocalBusiness / Service / Article / FAQPage
      ✓ design approved — 6 schema types scoped

    ページ種別ごとに必要な Schema を 25 種の中から選定。ネスト構造・@id による相互参照まで設計書に落とし込み、実装前に合意形成します。

  3. STEP 03 // 実装 3-7 営業日
    ~/crevia/schema — implement
    $
      injecting JSON-LD into templates...
      hooking into single.php / page.php / archive.php
      ✓ build complete — 6 templates updated

    CMS テンプレートに JSON-LD を組み込み、動的項目(価格・更新日・著者)は自動反映。WordPress / Shopify / Next.js / 静的 HTML 対応。

  4. STEP 04 // 検証 1 営業日
    ~/crevia/schema — validate
    $
      Rich Results Test: 6 eligible types
      Schema.org Validator: 0 errors, 0 warnings
      ✓ validation passed — submit to Search Console

    Google Rich Results Test / Schema.org Validator で構文検証。Search Console でインデックス状況を確認し、警告ゼロで本番反映。

  5. STEP 05 // 運用 月次 運用
    ~/crevia/schema — maintain
    $
      tracking schema.org spec changes...
      new pages auto-wrapped: 12 this month
      ✓ monthly report ready — AI citations tracked

    Schema.org 仕様変更への追従・新規ページ追加時の自動実装・効果計測レポート。AI 引用トラッキングも月次で提供します。

04 // specimens

25 種類の Schema.org 実装ライブラリ。

左のツリーをクリックすると、コードと検索結果プレビューが展開します。

schemas/Organization.jsonld L2 · Schema
SERP preview
Google 対応 ✓ // ChatGPT 引用対応 ✓ // 企業実体を Google/AI に登録する基盤
04b // deep-dive

よく使う 10 種 を、実装例から読む。

タブを切り替えると、Schema ごとの 実装コード・活用シーン・検索結果の変化が読み込まれます。

schemas/LocalBusiness.jsonld

LocalBusiness — 地域ビジネス用の基本 Schema

L2 · Rich Result 対応
// 使いどころ

// 効果

// 向いている業種

Google Rich Results ✓ // ChatGPT / Gemini 引用対応 ✓ // 10 lines
05 // before / after

実装前と、実装後の検索結果

ハンドルをドラッグ、またはタップで切り替え。Schema の有無で検索結果の面積が4倍変わります。

google.com
crevia-ts.com › markup › schema
CREVIA / 構造化マークアップ — 25種対応
4.8 (142) · 平日 9:00 - 18:00
Schema.org を本番実装。星評価・FAQ・営業時間・パンくず・サイトリンクが検索結果に表示されます。
構造化マークアップとは何ですか
どれくらいで効果が出ますか +
どの Schema から始めますか +
AFTER
表示面積
0
vs BEFORE
CTR 倍率
0x
クリック率
AI 引用
0
30 日間
05b // case-studies

業種別に見る、Schema 実装の効き方。

実名は伏せた形で紹介。具体的な数字ではなく起こりやすい変化を記載します。

CASE 01 // 飲食店 · 熊本 · 居酒屋

メニュー情報と星評価を、検索結果の 1 行目に。

// 課題

新規来店の Google 検索流入が頭打ち。MEO の基本は押さえているが、検索結果での差別化が弱い。

// 実施内容
  • LocalBusiness
  • Menu
  • AggregateRating
  • FAQPage
// 成果

検索結果にメニュー情報と星評価が表示されるようになり、クリック率の改善が見られたケースが多い。FAQ で「駐車場」「個室」への事前回答が面積を占有。

対応 Schema 0
※ 効果は業種・運用体制により異なります
CASE 02 // 美容サロン · 熊本 · ヘアサロン

スタッフ個別ページを、指名予約の入口に。

// 課題

スタッフ指名予約の認知拡大が課題。各スタイリストの専門性が検索結果で伝わっていない。

// 実施内容
  • LocalBusiness
  • Service
  • Person
  • BreadcrumbList
// 成果

スタッフ個別ページが検索結果で露出するようになり、指名予約の問い合わせ導線が明瞭化。Person Schema で専門分野と資格情報が AI に伝わる。

対応 Schema 0
※ 効果は業種・運用体制により異なります
CASE 03 // EC · 熊本 · 地場特産品

商品画像・価格・星評価を、検索面へ露出。

// 課題

商品詳細ページの CTR 改善が課題。タイトルと説明文だけでは差別化できず、広告予算が重くなっていた。

// 実施内容
  • Product
  • AggregateRating
  • Review
  • BreadcrumbList
// 成果

商品画像・価格・星評価が検索結果に表示され、購入前の情報ギャップが縮小。広告なしの自然流入からのコンバージョンが増えやすい状態に。

対応 Schema 0
※ 効果は業種・運用体制により異なります
06 // pricing

3 つの実装プラン

プランを選ぶと、右のコンソールで対応する Schema がハイライトされます。

07 // faq

FAQ — コンソール形式で。

> プロンプトが質問、< 応答が CREVIA の回答です。

  • >
    <
    可能です。ただし Rich Result Test で warning が残ったり、WordPress プラグインが JSON-LD を二重挿入する事故が多く、本番反映前の検証工程で時間を取られます。CREVIA は 25 種すべての Schema のテンプレ化と CMS 連携まで含めて提供します。
  • >
    <
    Google の再クロール次第ですが概ね 2〜4 週間で星評価や FAQ の表示が始まります。AI 引用(Perplexity / ChatGPT)は 4〜8 週間が目安です。
  • >
    <
    Schema 実装は AIO / AEO / GEO すべての土台です。どの AI 最適化も「機械が読める意味タグ」を必要としていて、それが Schema.org です。
  • >
    <
    WordPress・Shopify・Next.js・静的HTML のいずれにも後付け実装可能です。事前にサイトマップと主要ページ URL をいただければ、1 週間で初期実装が入ります。
~/crevia · zsh
$cd ~/site
$npx crevia init --service=markup
  ✓ schema scaffold created
$送信 -m "Schema 実装を CREVIA に依頼する" 
$送信 -m "Schema 実装を依頼"

問い合わせフォームに遷移します · 平日 9:00 - 18:00 対応