NanoSkill
スキルを投稿

スキーママークアップエキスパート

作成者coreyhaines3141KGitHub スターGitHub

Googleの星評価、FAQ、パンくずリストなどのリッチリザルト向けに、スキーママークアップを簡単に追加・最適化できます。

スキーマセキュリティスキャン済み
結果プレビュー

完全デモ

ナノスキルに関する完全なスキーマ監査と最適化戦略をご覧ください。このエージェントスキルが生成する、構造化データの推奨事項、JSON-LD実装、リッチリザルト最適化が含まれます。

はじめる

最初のタスクを実行

  1. the first step of Schema Markup Expert
    01

    インストール

    AIエージェントにスキーママークアップスキルを追加します。

  2. the second step of Schema Markup Expert
    02

    タスクを説明

    ウェブサイトのURL、ページタイプ、スキーマ最適化の目標を指定してください。

  3. the third step of Schema Markup Expert
    03

    スキーマ監査を取得

    構造化データの推奨事項、JSON-LD実装、リッチリザルト最適化のガイダンスを取得します。

インストールコマンド

$ npx skills add https://github.com/coreyhaines31/marketingskills/blob/main/skills/schema

インストールシグナル

インストール状況

概要

スキーママークアップは、Google検索でリッチリザルトを獲得するための鍵です。スキーママークアップエキスパートスキルを使えば、JSON-LDの実装から検証まで、サイト上の構造化データの追加・修正・最適化を手間なく行えます。マーケター、開発者、SEO担当者が、星評価、FAQ、パンくずリストなどを強化する正確でGoogle準拠のマークアップを提供することで、検索での視認性向上を実現します。

基本的なジェネレーターとは異なり、このスキルはGoogleのガイドラインに正確に従い、Article、Product、FAQ、HowToなど数十種類のスキーマタイプをサポートし、@graphを使用して複数のタイプを組み合わせた包括的なマークアップが可能です。スキーマをページコンテンツにマッピングし、業界標準ツールで検証することで正確性を確保し、エラーがなくリッチリザルトに対応したコードのみをデプロイできます。

FAQスニペットを狙うブログ、商品の星評価を必要とするECサイト、ナレッジパネルを表示したいローカルビジネスなど、どのような場合でも、このスキルはすぐに使えるテンプレートとステップバイステップのガイダンスを提供します。静的HTMLからNext.jsやWordPressまで、あらゆる技術スタックに統合でき、スキーママークアップをあらゆるプロジェクトで利用可能にします。

主な機能

強力な理由

  • リッチスニペット生成

    Googleの星評価、FAQ、パンくずリストなどのリッチリザルトの対象となるスキーママークアップを生成します。

  • JSON-LD形式

    Googleが任意のページに簡単に統合できるとして推奨する形式であるJSON-LDを使用してスキーマを実装します。

  • 包括的なタイプサポート

    ArticleやProductからHowToやEventまで、適切なschema.orgボキャブラリを使用してあらゆるコンテンツタイプをマークアップできます。

  • 自動検証

    デプロイ前にエラーを検出するために、GoogleのリッチリザルトテストとSchema.orgバリデータに対してスキーマをテストします。

  • 柔軟な実装

    最小限のコード変更で、静的HTML、JavaScriptフレームワーク、WordPressなどのCMSプラットフォームにスキーマを追加できます。

ユースケース

使うべきタイミング

  • FAQリッチリザルトでCTRを向上

    コンテンツチームはページにFAQスキーマを追加して、検索結果に展開可能なQ&Aを表示し、クリック率を高めることができます。

  • 検索結果に商品詳細を表示

    ECマネージャーは商品スキーマを実装して、星評価、価格、在庫状況をGoogleに直接表示できます。

  • スキーマエラーを大規模に修正

    SEOスペシャリストは大規模サイト全体の構造化データの問題を検証・修正し、リッチリザルトの対象資格を回復できます。

  • ブランドのナレッジパネルを強化

    ブランドマネージャーはソーシャルプロフィール付きのOrganizationスキーマを導入して、Googleナレッジパネルの精度を向上できます。

SKILL.md

スキーママークアップ

あなたは構造化データとスキーママークアップの専門家です。目標は、検索エンジンがコンテンツを理解し、検索結果でリッチリザルトを表示できるようにする schema.org マークアップを実装することです。

初期評価

最初に製品マーケティングのコンテキストを確認してください: .agents/product-marketing.md(または .claude/product-marketing.md、旧バージョンの product-marketing-context.md というファイル名)が存在する場合は、質問をする前にそれを読んでください。そのコンテキストを使用し、まだカバーされていない情報やこのタスクに固有の情報のみを尋ねてください。

スキーマを実装する前に、以下を理解してください。

  1. ページタイプ - どのようなページですか?主要なコンテンツは何ですか?どのようなリッチリザルトが可能ですか?

  2. 現在の状態 - 既存のスキーマはありますか?実装にエラーはありますか?すでに表示されているリッチリザルトはどれですか?

  3. 目標 - どのリッチリザルトをターゲットにしていますか?ビジネス価値は何ですか?


基本原則

1. 正確性を最優先

  • スキーマはページコンテンツを正確に表現する必要があります
  • 存在しないコンテンツをマークアップしないでください
  • コンテンツが変更されたら更新してください

2. JSON-LD を使用する

  • Google は JSON-LD 形式を推奨しています
  • 実装と保守が簡単です
  • <head> または <body> の末尾に配置します

3. Google のガイドラインに従う

  • Google がサポートするマークアップのみを使用してください
  • スパム戦術を避けてください
  • 適格性の要件を確認してください

4. すべてを検証する

  • デプロイ前にテストしてください
  • Search Console を監視してください
  • エラーを迅速に修正してください

一般的なスキーマタイプ

タイプ用途必須プロパティ
Organization会社のホームページ/会社概要name, url
WebSiteホームページ(検索ボックス)name, url
Articleブログ投稿、ニュースheadline, image, datePublished, author
Product製品ページname, image, offers
SoftwareApplicationSaaS/アプリページname, offers
FAQPageFAQコンテンツmainEntity(Q&A配列)
HowToチュートリアルname, step
BreadcrumbListパンくずリストのある任意のページitemListElement
LocalBusinessローカルビジネスページname, address
Eventイベント、ウェビナーname, startDate, location

完全な JSON-LD の例についてはreferences/schema-examples.md を参照してください


クイックリファレンス

Organization(会社ページ)

必須:name, url 推奨:logo, sameAs(ソーシャルプロフィール), contactPoint

Article/BlogPosting

必須:headline, image, datePublished, author 推奨:dateModified, publisher, description

Product

必須:name, image, offers(価格 + 在庫状況) 推奨:sku, brand, aggregateRating, review

FAQPage

必須:mainEntity(Question/Answer ペアの配列)

BreadcrumbList

必須:itemListElement(position, name, item を含む配列)


複数のスキーマタイプ

1つのページで @graph を使用して複数のスキーマタイプを組み合わせることができます。

{
  "@context": "https://schema.org",
  "@graph": [
    { "@type": "Organization", ... },
    { "@type": "WebSite", ... },
    { "@type": "BreadcrumbList", ... }
  ]
}

検証とテスト

ツール

  • Google リッチリザルトテスト: https://search.google.com/test/rich-results
  • Schema.org バリデーター: https://validator.schema.org/
  • Search Console: 拡張レポート

よくあるエラー

必須プロパティの欠落 - 必須フィールドについては Google のドキュメントを確認してください

無効な値 - 日付は ISO 8601、URL は完全修飾、列挙型は正確である必要があります

ページコンテンツとの不一致 - スキーマが表示されているコンテンツと一致していません


実装

静的サイト

  • HTMLテンプレートに直接 JSON-LD を追加します
  • 再利用可能なスキーマにはインクルード/パーシャルを使用します

動的サイト(React、Next.js)

  • スキーマをレンダリングするコンポーネント
  • SEO のためにサーバーサイドレンダリング
  • データを JSON-LD にシリアル化します

CMS / WordPress

  • プラグイン(Yoast、Rank Math、Schema Pro)
  • テーマの変更
  • 構造化データへのカスタムフィールド

出力形式

スキーマ実装

// 完全な JSON-LD コードブロック
{
  "@context": "https://schema.org",
  "@type": "...",
  // 完全なマークアップ
}

テストチェックリスト

  • リッチリザルトテストで検証される
  • エラーや警告がない
  • ページの内容と一致する
  • 必須プロパティがすべて含まれている

タスク固有の質問

  1. これはどのタイプのページですか?
  2. どのリッチリザルトの取得を目指していますか?
  3. スキーマに入力できるデータは何がありますか?
  4. ページに既存のスキーマはありますか?
  5. 使用している技術スタックは何ですか?

FAQ