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 のところはあなたのドメインに置き換えましょう。
コメントを残す