お問い合わせ

ホームページ制作

建設業のホームページ制作 採用と受注を両方とる作り方

ホームページ制作

建設業のホームページで受注と採用を両方とるには、入口を2つに分けて作ります。依頼したい人には施工事例と対応できる工事を、応募したい人には仕事の中身と働く人の様子を見せます。施工事例は、どちらの人にも会社の腕を伝える共通の材料になります。

建設業のホームページは、見る人が2種類います

建設業のホームページを開く人は、大きく2つに分かれます。

  1. 工事を頼みたい人(個人の施主、法人の発注担当者、元請の担当者)
  2. 働きたい人(新卒、経験者、転職を考えている人)

この2種類の人は、知りたいことがまったく違います。依頼したい人は、自分の工事を任せられる会社かどうかを知りたいと考えています。応募したい人は、どんな現場で、どんな人と、どんな働き方をするのかを知りたいと考えています。

トップページに両方の情報を詰め込むと、どちらの人も目当ての情報にたどり着けません。そこで、トップページには2つの入口を並べ、それぞれの人向けのページに案内する作りにします。

受注のための入口は、施工事例と対応できる工事の2本柱です

依頼したい人にとって、最も信頼できる材料は、過去に手がけた工事です。会社の説明文より、写真つきの施工事例のほうが、腕の確かさを伝えます。

施工事例には、この情報を載せます

  1. 工事の種類(新築、リフォーム、外構、公共工事など)
  2. 完成した姿の写真と、工事の途中の写真
  3. 建物の規模や面積などの概要
  4. 工事の期間
  5. 依頼を受けた背景と、工夫した点

5を書くことで、他社との違いが見えます。「こういう悩みを聞いて、こう解決した」という流れで書くと、同じ悩みを持つ依頼者が自分の話だと感じます。

お客様の名前や所在地など、個人が分かる情報は、本人の許可を得てから載せてください。許可が取れない場合は、工事の概要だけを載せます。

対応できる工事は、一覧にします

「住宅」「店舗」「工場」「公共工事」のように、対応できる工事の種類を一覧にして、それぞれの施工事例にリンクします。依頼したい工事が見つかれば、その場で問い合わせにつながります。

問い合わせの入口は、電話とフォームの両方を用意します。現場にいることの多い仕事なので、電話番号の横に、受け付けている時間帯も書いておくと親切です。

採用のための入口は、仕事と人を見せます

応募したい人は、求人票だけでは判断しません。会社の雰囲気、現場の様子、先輩の人柄を知りたいと考えています。

採用ページに載せる中身は、次の6つです。

  1. 募集している職種と、仕事内容
  2. 1日の流れ(朝礼から片づけまで)
  3. 働く人の紹介(入社した理由、今の仕事、未経験から始めた場合の様子)
  4. 研修や資格取得の支援の内容
  5. 休日、勤務時間、給与の目安などの条件
  6. 応募の手順

3の働く人の紹介は、写真つきで載せます。現場で働く姿を見せるほうが、求人票の文字より、人柄が伝わります。

採用動画も効果的です。仕事の様子や先輩のインタビューを動画で見せると、文字だけでは伝わらない現場の空気が届きます。動画はホームページに組み込んで公開できます。

求人は、検索にも出る形で載せます

求人情報は、Googleの検索結果で仕事を探す機能(Google しごと検索)に表示されることがあります。表示には、求人の情報を決まった形式で書く構造化データ(JobPosting)が必要です。

仕事を探している人は、会社名で検索するとは限りません。「職種名と仕事内容」で検索して、求人の一覧から選びます。その一覧に自社の求人が出れば、会社を知らない人にも見てもらえます。

構造化データを入れるには、職種名、仕事内容、勤務地、雇用形態、給与の範囲などを、決まった項目に分けて書きます。ホームページ制作の段階で、求人用のページに組み込めます。

受注と採用を両方とるための、ページ構成

最低限のページ構成を、一覧にします。

ページ主な読み手載せる内容
トップ全員会社の強み、受注と採用の2つの入口
施工事例依頼したい人写真つきの工事一覧と、1件ごとの詳細
対応できる工事依頼したい人工事の種類と、それぞれの流れ
会社概要全員会社の基本情報、代表のあいさつ
採用情報応募したい人募集職種、1日の流れ、条件
働く人の紹介応募したい人先輩のインタビュー、写真
お知らせ全員現場の様子、新しい工事の報告
お問い合わせ依頼したい人電話とフォーム

「お知らせ」は、現場の更新に使います。着工や上棟の様子を写真つきで載せると、会社が動いていることが伝わり、検索結果にも新しいページとして積み重なります。

建設業のホームページでよくある失敗

施工事例が少ない、または古い

事例が数件で、最後の更新が数年前だと、今も営業しているのか不安を感じさせます。件数が少なくても、新しい工事を定期的に足していくことが大切です。

写真が小さい、暗い

工事の写真は、建物の全体と、細部のこだわりが見えるものを選びます。スマホで撮った写真でも、明るい時間に、水平を意識して撮れば十分に使えます。

採用ページが、求人票と同じ内容になっている

給与や休日だけの情報では、他社との違いが伝わりません。働く人の声や、現場の様子を足してください。

スマホで見づらい

現場で働く人が応募するときは、スマホから見るのが一般的です。電話番号をタップして発信できるか、フォームが入力しやすいかを、必ず確認します。

更新が止まる

ホームページの更新が負担になって、数年放置される例は少なくありません。更新の手間を減らす仕組みを、制作の段階で選んでおきます。

判断の目安

どこから手を付けるかを、状況別にまとめます。

状況先に作るもの
受注の相談が減っている施工事例のページと、対応できる工事の一覧
人が採れない採用ページと、働く人の紹介
両方に困っているトップの2つの入口と、施工事例、採用情報の最小構成
すでにサイトはあるが反応がない施工事例の写真と書き方の見直し

どちらから着手するにしても、施工事例の質を上げることが、最初の一歩になります。

有限会社メルシーのホームページ制作は、強みの洗い出しと魅せ方の設計、デザインにクリエイターが時間をかけます。WordPress へのコーディングはほぼ AI に任せるため、その分を設計とデザインに使えます。公開後は、チャットやLINEで依頼するだけで、施工事例やお知らせの掲載を進められます。

施工事例の1件分の書き方の例

施工事例は、次の順に書くと、読む人が流れをつかみやすくなります。

  1. 見出し(工事の種類と、依頼の背景を一言で。例 築年数の経った家の水まわりを、断熱から見直したリフォーム)
  2. 工事の概要(種類、規模、期間)
  3. ご依頼の背景(どんな悩みを聞いたか)
  4. 工夫した点(現場で判断したこと、選んだ材料と理由)
  5. 完成後の様子(写真、依頼者の感想。感想は本人の許可を得て、原文のまま載せる)

4の「工夫した点」が書けることが、会社の強みです。現場で何を考えて決めたのかを言葉にすると、同じ工事を考えている人に、依頼先として選ばれやすくなります。

働く人の紹介の質問例

先輩の紹介ページは、次の質問に答えてもらう形で作ると、書きやすくなります。

  1. この仕事を選んだ理由は何か
  2. 入社したとき、いちばん不安だったことは何か
  3. 1日の中で、いちばん好きな時間はいつか
  4. 仕事で、やりがいを感じた場面はどこか
  5. これから入る人に、伝えたいことは何か

質問に答える人の言葉は、そのまま使います。きれいな文章に直しすぎると、人柄が消えます。写真は、現場で作業している姿と、顔がはっきり分かるものを1枚ずつ用意してください。

公開後の更新の頻度の目安

更新は、負担にならない頻度で続けられる形が最適です。

  1. 現場の様子のお知らせを、月に1〜2回
  2. 工事が完了したら、施工事例を1件
  3. 採用情報は、募集の内容が変わるたびに見直す

現場の写真は、その場でスマホで撮っておくと、あとの更新が楽になります。

よくある質問

件数の決まりはありません。最初は、自信のある工事を厳選して載せ、そのあと工事が完了するたびに足していきます。

お客様が特定される情報を除いて、工事の概要だけを載せる方法があります。ご自身の判断が難しい場合は、掲載の可否を事前に確認しておくと安全です。

できます。採用の課題が急ぎの場合は、採用ページから先に作り、あとから施工事例を足していく進め方もあります。

求人情報を構造化データの形式で書いたページが必要です。ホームページ制作の段階で組み込めます。

公開後の文章や画像の更新は、チャットやLINEで依頼するだけで当社が行います。ご自身で更新することもできます。

受注と採用の両方を見据えた設計から、ご相談ください

建設業のホームページは、施工事例を軸に、依頼したい人と応募したい人の入口を分けて作ると、両方の目的に対応できます。

自社の強みの洗い出しから、デザイン案の作成、公開後の更新まで、ホームページ制作として一貫して担当します。

打合せの日時を選ぶだけで、ご相談の準備が整います

打合せの日時をお選びいただくと、Zoomのリンクがすぐに届きます。相談だけで終わっていただいても、費用はかかりません。

AIに質問