coiai Logo
coiai

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

投稿日: 2025年1月15日
カテゴリ: React
タグ: react, SEO
coiai

coiai

この記事もおすすめ

この記事を書いた会社

株式会社coiaiは、「想像できることを美しく実現」を掲げ、XR・Web・アプリ・システム開発およびDX支援を行う会社です。 創業2022年、東京都練馬区に本社を置き、要件のヒアリングからPoC(概念実証)、本番運用まで一貫して伴走します。 まずはお気軽にご相談ください。

商号株式会社 coiai創業2022年1月設立2025年1月23日資本金1,500,000円(設立時点)本社所在地東京都練馬区関町北 3-6-9代表者代表取締役 竹村 啓佑 / 代表取締役 服部 陽良

主なご相談内容

会社概要・役員紹介を見る

詳しい会社情報は会社概要ページでご覧いただけます。

資料請求・無料相談

導入要件のヒアリングからPoC、本番運用まで伴走します。まずはお気軽にご相談ください。

お問い合わせの前に 個人情報保護方針 をご確認ください。