副業全国
ClaudeでHTML構造化データを作成する

クロード HTML こうぞうか データ さくせい
JSON-LDだけでなく、HTMLにmicrodata・RDFa・OGPを正しく実装する手順をClaudeで効率化。Article・Product・LocalBusinessなど主要タイプの実装例を紹介します。
3つの書き方
| 形式 | 特徴 | Google推奨 |
|---|---|---|
| JSON-LD | HTMLと分離・管理容易 | ◎ |
| Microdata | HTML属性埋め込み | ○ |
| RDFa | HTML属性埋め込み | △ |
2026年時点、JSON-LD推奨が揺るぎません。ただし動的サイト・古いCMSではMicrodataのほうが扱いやすい場合もあります。
OGP(Open Graph Protocol)
SNSシェア時のサムネ・タイトルを制御します。
<meta property="og:title" content="記事タイトル">
<meta property="og:description" content="記事概要">
<meta property="og:image" content="https://example.com/og.png">
<meta property="og:type" content="article">
Twitter用にtwitter:card相当属性も追加推奨。
Claude用テンプレ
以下の記事HTMLに、構造化データ(JSON-LD)とOGPを追加して。
HTML: {貼り付け}
記事タイプ: {Article / Product / LocalBusiness / Recipe etc}
著者・公開日・更新日・画像URL: {情報}
出力:
1. <head>に追加するJSON-LD
2. <head>に追加するOGPメタタグ
3. 注意点(必須・推奨フィールド)
4. リッチリザルトテストで検証する手順
主要タイプの必須項目
Article
headline, image, datePublished, author, publisher
Product
name, image, description, offers(価格・在庫), aggregateRating(あれば)
LocalBusiness
name, address, telephone, geo, openingHours
Recipe
name, image, recipeIngredient, recipeInstructions, cookTime
やってはいけないこと
- 表示内容と JSON-LDの乖離(Googleペナルティ)
- 存在しない評価・価格を捏造
- 過剰な多重スキーマ付与(混乱を招く)
検証方法
- リッチリザルトテストで検証
- Schema Markup Validatorでスキーマ適合確認
- Search Consoleの「拡張」レポートで警告確認
注意点
- Googleのリッチリザルト表示条件は頻繁に変更される
- 薬機・金融・医療分野は表現要注意
- AI生成コードは必ず検証ツールで確認してから反映
まとめ
構造化データは「Googleと AI への翻訳」です。Claudeで雛形生成 → 検証ツールで合格 → 本番反映、の流れを標準化しましょう。
出典(公式の情報)
※ 制度は変わることがあります。申請の前に、必ず公式ページの最新情報をご確認ください。
この記事は 2026-05-05 時点の情報です。 個別のご事情については、お住まいの市区町村の福祉窓口・年金事務所・専門家にご相談ください。