サイトマップ(xmlファイル)の作成〜chatGPTと一緒に一問一答アプリを開発した話13~

eyecatch-wchatgpt-13

「一問一答アプリ × ChatGPT」

先日、ChatGPTを活用して一問一答アプリケーション「情報1 一問一答トレーニングGYM」を開発したことをお伝えしました。

▶︎こちらの記事で紹介しています。

iqatlogo2【ChatGPTと開発】高校「情報1」一問一答アプリ

私が開発したこのアプリは、ChatGPTの力を借りながら、実装していきました。

この記事では、一問一答アプリ × ChatGPTの開発の舞台裏や、実際の活用

今回は

  • サイトマップ(xmlファイル)の作成

にあたって、どのように役立ったのか、その様子を紹介します!

ぜひこのシリーズの記事をチェックして、一問一答アプリの新たな魅力とChatGPTとの相乗効果を体感してください!

目的

img-4372v2

サーチエンジンの検索結果で上位を取るためにはサイトマップを作って、検索エンジンに通知することが必要。

ということでxmlファイルを作ることにしました。

chatGPTに依頼すると簡単に作成することができました。

対話履歴12(サイトマップ作成)
コトゼニ
コトゼニ

Vscodeで、xmlファイルの作成方法を教えてください

chatGPT
chatGPT

VS Codeを使用してXMLファイルを作成する手順を以下に示します。

  1. VS Codeを開き、新しいファイルを作成します。
  2. 新しいファイルにXMLのコードを入力します。以下はサイトマップの例です。
  3. ファイルを保存するために、メニューバーの「ファイル」→「名前を付けて保存」(またはショートカットキー Ctrl + S)を選択します。
  4. ファイル名を入力し、保存先のディレクトリを指定します。例えば、sitemap.xmlという名前で保存する場合は、ファイル名に sitemap.xml を入力します。
  5. 保存ボタンをクリックするか、Enterキーを押して保存します。

ふむふむ。わかりやすい。それなら、Webアプリ上にある各ページのURLを教えたらxmlファイルを作ってくれるのではないか?

そう考えた私は…

対話履歴13(サイトマップ作成2)
コトゼニ
コトゼニ

サイトマップをxmlファイルで作成してください。サイト構成は

「・トップページ:https://〜/、

・利用方法:https://〜/howtouse、

・利用規約ポリシー:https://〜/policy、

・お問い合わせ:https://〜/contacts」です

すると

chatGPT
chatGPT

以下は、指定されたサイトマップの例です。サイトの構成に合わせてURLとページの最終更新日(lastmod)を適切に設定してください。

このXMLコードをサイトのルートディレクトリに sitemap.xml などの名前で保存して公開してください。サイトマップを検索エンジンに提出する場合は、各検索エンジンのウェブマスターツールを使用してサイトマップを提出することが推奨されます。

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://〜.com/</loc>
    <lastmod>2023-05-18</lastmod>
    <changefreq>daily</changefreq>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://〜/howtouse</loc>
    <lastmod>2023-05-18</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://〜/policy</loc>
    <lastmod>2023-05-18</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.7</priority>
  </url>
  <url>
    <loc>https://〜/contacts</loc>
    <lastmod>2023-05-18</lastmod>
    <changefreq>yearly</changefreq>
    <priority>0.6</priority>
  </url>
</urlset>
コトゼニ
コトゼニ

相変わらずすげぇえぇ

ということで瞬時にxmlファイルが作成されました。

コトゼニ
コトゼニ

これまでの苦労はなんだったのか…

まとめ

今回の開発作業で

  • サイトマップ(xmlファイル)の作成

を実現することができました。

ChatGPTを利用すると開発がグンと楽になりますね!ChatGPTの可能性を体験してみてはいかがでしょうか?

最後まで読んでいただきありがとうございました。

この記事が少しでも参考になれば幸いです。

それではまたここで会いましょう!

ブログランキング・にほんブログ村へにほんブログ村

ブログ村に参加中です。上のバナーをクリックいただくだけで当ブログにポイントが入ります。いつも応援クリックありがとうございます。

Twitter

Twitter やってます。

新着記事のお知らせをしていますのでぜひフォローしてください!

コメントを残す

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

CAPTCHA