{"product_id":"sitemap-generator","title":"サイトマップジェネレーター","description":"\u003cdiv\u003e\n\u003cdiv class=\"standard-markdown grid-cols-1 grid [\u0026amp;_\u0026gt;_*]:min-w-0 gap-3\"\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eクライアントとのWeb制作ミーティングでよくあるのが、話しだけして数日後に資料を提示する流れ。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cmeta charset=\"utf-8\"\u003e「どんなページが必要ですか？」「トップページと、会社概要と、あとは…」\u003cbr\u003eそのやりとりをメモしながら、頭の中で構成を組み立てる。\u003cbr\u003eミーティングが終わったら、その内容をもとにスプレッドシートでサイトマップを作って、後日送付する。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"standard-markdown grid-cols-1 grid [\u0026amp;_\u0026gt;_*]:min-w-0 gap-3\"\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e文字だけの表を見せても、全体のボリューム感も、どんな情報が載るのかも、なかなか伝わりません。「なんとなくこんな感じ」で進んでしまい、後から「思っていたのと違う」が起きる。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eその原因の多くは、最初の構成合意が曖昧だったことにあるのです。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eサイトマップジェネレーターは、ミーティング中にその場で使うツールです。\u003c\/h2\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eクライアントの話を聞きながら、ブラウザ上でページを追加していく。\u003cbr\u003e階層をドラッグで整理する。\u003cbr\u003e右側のプレビューに、サイトの骨組みがリアルタイムで可視化される。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eクライアントは画面を見ながら「このページはここに入るんですね」「このページ、やっぱりいらないかも」と、その場で判断できます。\u003cbr\u003e後日の「やっぱり変えたい」が大幅に減ります。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eミーティングが終わるとき、構成はもう決まっています。\u003c\/p\u003e\n\u003ch2\u003e\n\u003cmeta charset=\"utf-8\"\u003e叩き台は最初から用意されている\u003c\/h2\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eコーポレート・ECサイト・採用サイトなど6種類のベース構成を同梱しています。\u003cbr\u003eミーティング前にワンクリックで読み込んでおけば、「こういう構成はどうでしょう」と提案しながら話を進められます。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eゼロから考える必要はありません。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e「このページには何が入るの？」をなくす\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e各ページに掲載予定のコンテンツをメモしておける機能があります。クライアントがHTMLファイルを受け取ってページをクリックすると、掲載内容がポップアップで表示されます。認識のズレを、資料を送る前に防げます。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eそのままクライアントに渡せる\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e作成したサイトマップはHTMLファイルとしてダウンロードできます。メールで送るかサーバーにアップしてURLを共有するだけで、クライアントのブラウザで確認できます。PDFでの出力にも対応しています。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eブラウザさえあれば動く\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eインストール不要。ダウンロードしたファイルをブラウザで開くだけで使えます。入力データはブラウザ内に自動保存されるので、次回も続きから作業できます。\u003c\/p\u003e\n\u003ch2\u003e使いやすさとかゆい所に手が届く充実の機能\u003c\/h2\u003e\n\u003cp\u003e本ツールは、ただ図形を並べるだけではありません。実際のWeb制作フローに沿った便利な機能をご用意しております。\u003c\/p\u003e\n\u003ch3\u003eスムーズな階層作り＆リアルタイムプレビュー\u003c\/h3\u003e\n\u003cdiv\u003e\u003cvideo muted=\"\" playsinline=\"\" loop=\"loop\" autoplay=\"autoplay\"\u003e\u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/5d2f1330d2d4481686e15f124bc1abd9.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cp\u003e直感的なボタン操作でページや子階層を追加・並び替え可能。入力した内容は右側のプレビューパネルにリアルタイムで反映され、ツリー構造として視覚化されます。テーマカラーも自社やクライアントに合わせて自由に変更可能です。\u003c\/p\u003e\n\u003ch3\u003e掲載内容が伝わる「アイコン」と「詳細コンテンツ」機能\u003c\/h3\u003e\n\u003cdiv\u003e\u003cvideo muted=\"\" playsinline=\"\" loop=\"loop\" autoplay=\"autoplay\"\u003e\u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a0d39b542d4a48f997d7d48063cae48a.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cp\u003eページごとに絵文字アイコンを設定でき、視覚的なわかりやすさが向上します。\u003cbr\u003eまた、各ページに「掲載コンテンツ（例：代表挨拶、企業理念など）」をメモしておくことができ、出力したHTML上でクリックすればポップアップで詳細を確認できます 。\u003c\/p\u003e\n\u003ch3\u003eゼロイチの悩みを消す「6種の業種別サンプル」\u003c\/h3\u003e\n\u003cdiv\u003e\u003cvideo muted=\"\" playsinline=\"\" loop=\"loop\" autoplay=\"autoplay\"\u003e\u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3af703b086d04f209f8fec5107f7aba4.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cp\u003e「コーポレート」「ECサイト」「ポートフォリオ」「サービス紹介」「採用サイト」「WEBメディア」の6種類のベース構成をワンクリックで読み込み可能。これをベースに不要なページを削るだけで、あっという間に提案資料が完成します。\u003c\/p\u003e\n\u003ch3\u003e提案に直結する「HTML \/ PDFエクスポート」\u003c\/h3\u003e\n\u003cdiv\u003e\u003cvideo muted=\"\" playsinline=\"\" loop=\"loop\" autoplay=\"autoplay\"\u003e\u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/84e8d22baad64f79b3422a464629a3df.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cp\u003e作成したサイトマップは、そのまま動く「HTMLファイル」として1クリックでダウンロード可能。クライアントにファイルを送るかサーバーにアップするだけで、ブラウザ上で詳細を確認できる提案資料になります。\u003cbr\u003eもちろん、A4サイズに最適化されたPDF形式での出力（印刷）にも対応しています 。\u003c\/p\u003e\n\u003ch3\u003eSEO・開発に直結する「XMLサイトマップ出力」\u003c\/h3\u003e\n\u003cp\u003e提案用だけでなく、実務開発用としても活躍します。\u003cbr\u003eベースURLと各ページのスラッグ（URL末尾）を設定すれば、Google等の検索エンジンに送信するための\u003ccode\u003esitemap.xml\u003c\/code\u003e をワンクリックで自動生成・ダウンロードできます。\u003c\/p\u003e\n\u003ch2\u003e\n\u003cmeta charset=\"utf-8\"\u003e一度の購入で、ずっと使い続けられる\u003c\/h2\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-pre-wrap leading-[1.7]\"\u003e\u003cstrong\u003e500円（税込）\u003c\/strong\u003e\u003cbr\u003e\u003cstrong\u003e2026年3月12日（木）23時59分まで\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e買い切りなので、月額費用は一切かかりません。\u003cbr\u003eミーティングのたびに使うツールが、500円で手に入ります。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-pre-wrap leading-[1.7]\"\u003e今が、一番お得なタイミングです。\u003cbr\u003e\u003cmeta charset=\"utf-8\"\u003e2026年3月12日（木）23時59分までの価格です。\u003cmeta charset=\"utf-8\"\u003e2026年3月13日以降は通常価格へ値上がりします。\u003c\/p\u003e\n\u003ch2\u003eよくある質問\u003c\/h2\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\n\u003cstrong\u003eQ.\u003c\/strong\u003e HTMLやプログラミングの知識は必要ですか？\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e不要です。ダウンロードしたファイルをブラウザで開くだけで、すべての操作ができます。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eQ. クライアントとのミーティングで使う場合、相手側に何か準備は必要ですか？\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e不要です。あなたのPC上で動くツールなので、クライアントは画面を見ているだけで構いません。画面共有でのオンラインミーティングにもそのままお使いいただけます。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\n\u003cstrong\u003eQ.\u003c\/strong\u003e 出力したHTMLはクライアントに渡せますか？\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eはい、問題ありません。1ファイルにすべてがまとまっているので、メールで送るかサーバーにアップしてURLを共有するだけで、クライアントのブラウザで閲覧できます。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\n\u003cstrong\u003eQ.\u003c\/strong\u003e データはどこに保存されますか？\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eお使いのブラウザ内に自動保存されます。外部サーバーへのデータ送信は一切ありません。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\n\u003cstrong\u003eQ.\u003c\/strong\u003e 購入後、将来的に使えなくなることはありますか？\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eありません。買い切り型のツールです。ある日突然使えなくなることはなく、機能改善やバグ修正のアップデートも購入者へ継続的に無料で提供します。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\n\u003cstrong\u003eQ.\u003c\/strong\u003e 不具合や使い方について質問できますか？\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e問い合わせフォームよりご連絡ください。個人開発のツールのため、返答までお時間をいただく場合があります。\u003c\/p\u003e\n\u003ch2 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e構成が決まれば、見積もりもその場で出せる\u003c\/h2\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eサイト構成が固まった瞬間が、見積もりを出すタイミングです。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003emarginでは、見積もりシミュレーター「ミツリモ」もご提供しています。サイトマップで構成を合意したら、\u003cmeta charset=\"utf-8\"\u003eミツリモに切り替えて仮見積もりをその場で提示する。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eスムーズにいけば、ミーティング中に構成合意と仮見積もりが完了します。\u003cbr\u003e後日の要件定義を経て、即契約へ。\u003cbr\u003e「また来週打ち合わせしましょう」が減り、プロジェクトの立ち上がりが速くなります。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003ca href=\"https:\/\/margin.corto.jp\/products\/mitsurimo\" target=\"_blank\" rel=\"noopener\"\u003e\u003cstrong\u003e→ 見積もりシミュレーター「ミツリモ」はこちら\u003c\/strong\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e\u003c!-- notionvc: b25e3c63-03c0-42e1-bbe5-c86c488b5073 --\u003e\u003c\/p\u003e","brand":"studio corto","offers":[{"title":"Default Title","offer_id":44148529725482,"sku":null,"price":1500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0709\/4029\/5210\/files\/sitemap-generator.png?v=1772946517","url":"https:\/\/margin.corto.jp\/products\/sitemap-generator","provider":"margin 余白をつくるビジネスツール専門店","version":"1.0","type":"link"}