0Pricing
Sveltejs Academy · レッスン

Canonical URLとサイトマップの生成

canonicalリンクタグを設定し、SvelteKitのエンドポイントでXMLサイトマップを生成します。

「Canonical URLとサイトマップの生成」はCoddyKit上の無料Sveltejs Academyレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはSveltejs Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Sveltejs Academyコースには全4レッスンが含まれています。

Canonical URL

ページの正規版となるURLを検索エンジンに伝え、ランキングシグナルを集約します。

linkタグの追加

svelte:head内でcanonicalリンクを設定します。

<svelte:head>
  <link rel="canonical" href={canonicalUrl} />
</svelte:head>

重複コンテンツを避ける

同じコンテンツに複数のURLからアクセスできる場合、canonical URLは不可欠です。

サイトマップの生成

src/routes/sitemap.xml/+server.jsを作成すると、サイトマップを動的に生成できます。

export async function GET() {
  const urls = await getAllUrls();
  return new Response(buildSitemap(urls), { headers: { "content-type": "application/xml" } });
}

サイトマップのスキーマ

サイトマップには、URL、最終更新日時、更新頻度、優先度を記載します。

検索エンジンへの自動送信

Google Search ConsoleとBing Webmaster ToolsでサイトマップのURLを送信します。

robotsによるインデックス制御

robots.txtを使ってサイトマップの場所を示し、クロールを制御します。

静的サイトマップ

ほとんど静的なサイトでは、sitemap.xmlをプリレンダリングすると配信コストを抑えられます。

ページ分割

大規模なサイトでは、サイトマップインデックスから参照する複数のファイルにサイトマップを分割できます。

Robotsメタデータ

インデックスさせたくないページでは、<meta name="robots" content="noindex">を使います。

アナリティクスとの組み合わせ

Search Consoleでクロールエラーを監視し、canonical URLやサイトマップの問題を見つけます。

簡単な確認

canonical URLにはどのような役割がありますか？

まとめ

svelte:headでcanonicalリンクを設定し、+server.jsルートからsitemap.xmlを生成すると、SEOにおける発見性を高められます。

よくある質問

「Canonical URLとサイトマップの生成」レッスンは無料ですか？

はい。「Canonical URLとサイトマップの生成」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Sveltejs Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Sveltejs Academyコースには全4レッスンが含まれています。

「Canonical URLとサイトマップの生成」で何を学びますか？

canonicalリンクタグを設定し、SvelteKitのエンドポイントでXMLサイトマップを生成します。 ブラウザで直接実行するハンズオンコードでSveltejs Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Sveltejs Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのSveltejs Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。

「Canonical URLとサイトマップの生成」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このSveltejs Academyレッスンでコードを書いて実行できますか？

はい。すべてのSveltejs Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. 動的メタタグのsvelte:head
  2. OpenGraphとTwitter Cardのメタデータ
  3. SvelteKitのJSON-LD構造化データ
  4. Canonical URLとサイトマップの生成
← Sveltejs Academyに戻る