サイトマップ

React 単体のプロジェクトに sitemap を導入してSEOスコアを向上させる

React単体でsitemap を導入する方法について解説します。

通常はバックエンドに他のフレームワークを使っている場合は、そちらでやるのが一般的だと思いますが、React をビルドしてシンプルに運用している場合は、自分で作るしかありません。

やり方 手動

public ディレクトリの下に sitemap.xml を作成します。

そこにたとえば以下のように記述します。

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://yourdomain.com/</loc>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://yourdomain.com/company</loc>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://yourdomain.com/office-treatment</loc>
    <priority>0.8</priority>
  </url>
  <!-- 他のルートをここに追加 -->
</urlset>

続いて robots.txt に以下のように記述します。

Sitemap: https://your-page.com/sitemap.xml

your-page のところはあなたのドメインに置き換えましょう。

coiai.netでは案件受付中です。
Vtuber、建築モデリング、EC構築、ネイティブアプリ制作、制服の制作(実は縫製業もメイン)、Vision Pro向けアプリ etc…
様々な制作開発を行っています。

ご気軽にご相談ください!

コイアイちゃんのアバター

この記事を書いたのは


Comments

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


Home
About
Blog
Works
Contact