TATENOBA FREE / WEB

ホームページをつくる

ブラウザ内処理

入力内容は原則このブラウザ内で処理します。小規模な設計事務所・施工会社・工務店・専門工事会社でも、必要なページだけを選んで構成できます。

01

基本情報

最初に会社の基本情報だけ入力します。未入力項目は生成サイトから自動で省略します。

DEMO INPUT

会社種別ごとのデモ入力

基本情報から会社概要、事業・強み、実績、ニュース、スタッフ、採用、自由ページ、SEO・法務、おすすめ機能・表示・デザインまでサンプル入力します。写真だけは自動選択しません。

会社名・住所・電話・許認可等はすべて架空の例です。そのまま公開せず、実際の会社情報へ置き換えてください。

02

会社概要

代表者・許認可・資格など、会社として信頼につながる情報を整理します。確認済みの内容だけ入力してください。

03

事業・強み

何を施工・設計できる会社なのか、何が得意なのかを個別に追加します。

事業・サービス

会社の強み

04

写真

まずトップ写真を設定します。選んだ写真はこの画面で確認でき、プレビューにもすぐ反映されます。施工・設計実績の写真は次のステップで各実績ごとに登録します。

トップ写真ホームページの第一印象になる写真です。
画像未選択

JPEG / PNG / WebP。生成時にWebPへ再エンコードします。1枚25MB以下。HEIC / HEIFはブラウザで安定変換できないため非対応です。スマホ写真がHEICの場合はJPEGへ変換してから選択してください。

05

施工・設計実績

施工会社なら施工実績、設計事務所なら設計実績として使えます。1件につき最大8枚の写真を設定できます。

06

ページ・機能

必要なものだけ追加します。フォームやチャットの送信先はTATENOBA側では保存せず、会社のメール・LINE・外部フォーム等へつなぎます。

更新・採用・人

ニュース・お知らせ
スタッフ
採用情報

問い合わせ・営業

小規模な会社でも使いやすい導線を選べます。

チャット相談
LINE相談
資料請求
見積もり依頼
現地調査・相談予約
固定相談バナー

選んだリンク先の機能もONにしてください。「お問い合わせ」「電話」は基本情報の連絡先を使います。プレビューでも表示されます。

建設業向け

アクセス・地図
許認可・資格
対応エリア
施工可能な工種
保有設備・車両
協力会社募集

集客・信頼コンテンツ

工務店・設計事務所・施工会社の実サイトでよく使われる、検討中のお客様向け情報を必要なものだけ追加できます。

見学会・イベント
お客様の声・施主インタビュー
ご依頼・工事の流れ
料金・費用の目安
保証・アフターサポート
安全・品質管理
コラム・ブログ
ショールーム・モデルハウス
修理・緊急相談
法人・元請会社向け
その他のページ

生成したページへのリンク一覧を自動作成します。

07

自由ページ

決まった機能に当てはまらないページを最大8ページまで追加できます。ホーム・メニュー・フッターへの表示も個別に選べます。

08

デザイン

50種類の構成と50配色から選べます。色違いだけではなく、トップや実績の見せ方も変わります。

配色

カスタム配色をつくる
09

ホーム・メニュー表示

内容を作ったことと、ホームや上部メニューに出すことを分けて設定できます。初心者向けのおすすめ状態を初期値にしています。

内容ホームメニュー
私たちについて
事業・サービス
会社の強み
施工・設計実績
ニュース
スタッフ
採用
会社概要
お問い合わせ

例:ニュースを「ホームON・メニューOFF」にすると、トップに最新情報を出しつつ上部メニューはすっきりさせられます。ホームOFF・メニューONの場合は専用ページへリンクします。

10

SEO・法務・生成

公開URL・検索表示・法務ページを確認し、最後にZIPを生成します。

連絡・SEO

公開予定URLを入力するとcanonical・sitemap.xml・robots.txtのSitemap行を生成します。TATENOBA自体は問い合わせ内容を受け取るサーバーフォームを生成しません。

法務ページ

参考テンプレートは法的助言ではありません。実際の個人情報の取扱い・契約・事業内容に合わせ、公開者自身で確認してください。

保存・生成

JSON保存には画像ファイルは含まれません。画像を含めて後から更新するため、生成したTATENOBA ZIPを必ず保管してください。

PAGE PREVIEW

構成プレビュー