SvelteKit アプリに JSON-LD を追加する方法

現代の Web 開発では、 JSON-LD (リンクされたデータのための JavaScript オブジェクト表記法) は、特に SEO を向上させたい場合に、Web サイトに構造化データを追加する一般的な方法です。使用している場合 SvelteKit、JSON-LD の追加は難しい場合があります。私は適切な解決策を探すのに数時間を費やしました。ここで共有しますので、その必要はありません。

JSON-LDについて 🔗

JSON-LD は、Web データを簡単に共有して理解できるように設計された軽量の Linked Data 形式です。主な用途は SEO で、検索エンジンが生成する構造化データを提供します。 リッチスニペット 検索結果で。例には、製品の評価、イベント情報、FAQ スキーマなどがあります。

SvelteKit アプリに JSON-LD を追加するためのステップバイステップ ガイド 🔗

ステップ 1: 構造化データを計画する 🔗

コーディングに入る前に、必要な構造化データのタイプを決定してください。使用 Google の Schema.org ドキュメント 参考までに。一般的な使用例は次のとおりです。

• ブログ投稿: 記事またはブログ用。
• FAQページ: よくある質問について。
• 製品：電子商取引用。

ステップ 2: SvelteKit に JSON-LD を追加する 🔗

SvelteKit では、通常、JSON-LD を直接 SEO を向上させるためにアプリのページを削除します。その方法は次のとおりです。

1. SvelteKit ルート ファイルを開きます
2. を使用します。 {JSON.stringify(jsonLd)}script>`}
svelte:head>

article>
…
article>