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.xmlyour-page のところはあなたのドメインに置き換えましょう。
coiai
この記事もおすすめ
株式会社coiaiは、「想像できることを美しく実現」を掲げ、XR・Web・アプリ・システム開発およびDX支援を行う会社です。 創業2022年、東京都練馬区に本社を置き、要件のヒアリングからPoC(概念実証)、本番運用まで一貫して伴走します。 まずはお気軽にご相談ください。
主なご相談内容
詳しい会社情報は会社概要ページでご覧いただけます。