パンくずJSON-LDをAIで自動生成｜SEO構造化データ作例
P
プロンプト
SEO向上のため、JSON-LD構造化データを使用したパンくずナビゲーションを作成。表示用パンくずと適切なスキーママークアップを含める。
CODE PREVIEW
エディタを読み込み中…
AIとの対話に追加する一言
プロンプトと一緒にコピーして、AIがより正確に意図を汲み取れるようにします
このコードをそのまま使いたいので、CDNリンクも含めた完全なHTMLファイルとして出力してください。
初心者なので、各行にコメントを追加して、何をしているか説明してください。
このコードをWordPressのテーマに組み込む方法も教えてください。
動作確認済みのコードをお願いします。エラーが出る場合の対処法も含めて。
パンくずJSON-LDは検索エンジンにサイト構造を理解させます。表示用パンくずはUXを向上させ、構造化データはSEOを強化します。実際のサイト階層に合わせてURLとページ名を更新してください。
プロンプトの解説
このプロンプトは、WebページのSEO強化を目的として、JSON-LD形式のパンくずリスト構造化データを生成させる作例です。Googleなどの検索エンジンがページ階層を正確に理解できるよう、schema.orgのBreadcrumbListスキーマに準拠したマークアップを自動生成できます。
HTMLの表示用ナビゲーションとJSON-LDスクリプトを同時に出力させることで、実装の手間を大幅に削減できます。ECサイトやブログ、コーポレートサイトなど階層構造を持つあらゆるWebサービスで活用でき、ページURLや階層名を変数として与えるだけで即座に再利用可能な点が特徴です。
このプロンプトは役に立ちましたか？
コメント
コメントは承認後に表示されます
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選