製造業のホームページの作り方【製品・技術ページの設計】

アバター画像 groove

製造業のホームページで成果を出す鍵は、「会社案内」ではなく「製品・技術ページ」を主役にすることです。製造業のサイトを見るのは、株主でも一般消費者でもなく、①部品や加工を探している購買・技術担当、②就職先として調べている採用候補、③取引先や地域の関係者です。この3人がそれぞれ「知りたいこと」に直行できる構造を持っているかどうかが、問い合わせと採用の両方を分けます。

この記事では、製造業のサイト制作に携わる中で見えてきた、構成設計の実務を解説します。要点は次の3つです。

  • 読者は3種類: 購買・技術担当(仕事)、採用候補(将来)、取引先・地域(関係)——それぞれ導線が違う
  • 製品・技術ページは1製品1ページ: 品名・対応材質・加工範囲・設備・納期目安を表で揃える
  • 製品ラインが安定している製造業は更新が少なく、CMS不要の静的な構成が向きやすい

なお、私は製造業のコーポレートサイトの制作経験を持つ受注側の制作者です(実績はポートフォリオをご覧ください)。ここでは案件固有の話ではなく、製造業のサイトに共通する構造の設計方法を整理します。

製造業のホームページを見る3種類の人

一般消費者向けサイトと違い、製造業のサイトの読者は業務目的がはっきりしています。まず誰が見るかを分けると、設計すべきページが見えてきます。

読者目的サイト内で探すもの
購買・技術担当(他社)自社の要求を満たす加工・部品の調達先探し製品・技術ページ、対応材質・規格、加工範囲、実績
採用候補(学生・転職者)働く職場としての会社の判断材料仕事内容、工場の雰囲気、待遇、先輩の声
取引先・地域会社の信用確認会社概要、沿革、決算・認証、ニュース

このうち、問い合わせを生むのは1行目の購買・技術担当です。そして彼らが検索するキーワードは「会社名」ではなく「品名+材質+加工方法(例: フランジ 切削加工 オーダー)」のような、技術的な組み合わせです。会社案内ページを充実させても、この検索には1件も引っかかりません。

製造業サイトの3読者と導線。購買・技術担当には製品・技術ページ、採用候補には採用ページを用意し、製品ページから問い合わせ・エントリーへつなぐ

会社案内中心の構成が失敗する理由

製造業のサイトで多いのが、トップに社長メッセージ、次に会社概要、工場紹介、と続く「会社案内型」の構成です。この構成の問題は、求職者と取引先の両方にとって情報が整っているのに、探している情報に到達できないことにあります。

購買担当の視点に立つと分かります。彼らは「御社の歴史」には関心がなく、「この図面の品名・この材質・この数量で受けてもらえるか」だけを知りたい。その情報がサイトになければ、どんなに立派な会社案内があっても問い合わせにはつながりません。「サイトはあるのに問い合わせが来ない」という相談の多くは、この構造的な原因に集約されます。

製品・技術ページの設計: 1製品1ページが基本

核心はここです。製品・技術ページは、1製品(または1加工カテゴリ)につき1ページを原則に、次の項目を表で揃えます。

項目内容の例備考
品名・加工カテゴリフランジ、シャフト、板金加工 など見出しとタイトルにそのまま使う語
対応材質・規格SUS304、S45C、JIS規格対応 など購買担当が最初に確認する項目
加工範囲対応サイズ・公差・最小ロット「できること/できないこと」の境界を明記
主要設備機種と台数設備表は信用の根拠になる
納期目安標準リードタイム「要相談」だけだと問い合わせが遠のく
実績・用途業界名や用途(公開範囲のもののみ)機密案件は業界レベルで表現

設計のコツは、「検索される語」を見出しの文字通りに持たせることです。購買担当は検索窓に製品名や加工方法を入れるので、その語がそのままページタイトル・見出しに存在すれば見つかってもらえます。1ページに全製品を詰め込んだ「製品一覧」だけの構成は、この検索に構造的に弱いので注意してください。また、地域の取引先を狙うなら「品名+地域名」の組み合わせも強い語になります。 地元の機械メーカーが部品を発注するとき、「〇〇加工 市内」のような語で探すことが実際にあるため、会社概要やフッターにも地域名を自然に含めておくと、製品ページと合わせて見つかりやすくなります。

採用との両立: 人手不足対策としてのサイト

製造業にとってサイトは、営業道具であると同時に採用の入口でもあります。製造業は人手不足が構造的な課題で、学生・転職者も「この工場で働くイメージ」をサイトとGoogleマップの口コミで判断します。

採用導線の設計はシンプルで、ヘッダー(またはファーストビュー近く)に常時「採用情報」を置き、採用ページでは「仕事の流れ・1日のスケジュール・工場内の写真・待遇」を具体的に書きます。会社案内的な美文より、作業着の写真と具体的な1日のスケジュールの方がずっと分かりやすいです。実際に働く現場の情報が薄いサイトは、「応募はしたいがイメージが湧かない」理由として挙げられがちです。トップページに採用バナーを置くだけの構成は、製品ページを主役にした上で添える形にします。

更新頻度と構成の選択: 静的でも十分なことが多い

製造業のサイトの更新は、新製品の追加や設備更新のときくらいで、月1回もないことが多いものです。すると、CMS(WordPress等)を導入して「常に更新できる体制」を持つ必要が薄く、むしろセキュリティ対応という固定費だけが残ります。

更新頻度が低いサイトでは、静的な構成にしてCMSの更新作業から外れる選択が費用対効果で勝ちやすいです。私自身、運営サイトをWordPressから静的構成へ移行した経験からも、この判断は勧めやすいと考えています(移行の全手順)。構成選択の考え方や、更新を外注した場合のリスク管理は個人に依頼したホームページの保守で解説しています。

なお、自社でノーコードツールを使って作るという選択肢もあります。判断基準は自作か外注かの記事にまとめていますが、製造業のように「製品情報の正確さ」が重要なサイトでは、表や規格の管理を考えると外注の方が整理しやすいことが多いです。

費用と進め方

費用は依頼形態で変わります。詳しい早見表は費用相場と内訳の読み方に譲りますが、製造業のサイトで費用が動く要素は「製品ページの数」「写真・素材の有無」「問い合わせフォームの要件」の3つです。製品ページは1ページごとに撮影・文章・構成の工数が乗るため、製品点数×1ページの単価を最初に見積もっておくと予算の見通しが立ちます。

進め方は一般のサイトと同じく、依頼前の準備(要件・素材・判断者)→ 見積 → 契約 → 制作 → 検収の流れです。発注前の確認事項は依頼で失敗しない方法、制作の流れと期間は制作の流れと期間で解説しています。

公開前チェックリスト

#確認事項
1主要製品が1製品1ページで、品名・材質・加工範囲が表になっている
2見出しに購買担当が検索する語(品名・加工方法)が入っている
3設備表(機種・台数)がある
4問い合わせフォームに「図面添付」の案内がある
5ヘッダーに採用情報への常時リンクがある
6会社概要に認証・加盟団体が書いてある
7更新担当と頻度が決まっている(静的化も含めた判断済み)
8写真が最近のもの(古い工場写真は信用を損なう)

よくある質問

Q. 製品ページは何ページから作るべきですか?
主力製品から順に、1製品1ページで3〜5ページ用意できれば構造として機能し始めます。全製品を揃えるより、検索されやすい主力から公開して増やす方が効率的です。

Q. 価格は載せるべきですか?
製造業の受注品は個別見積もりが基本なので、無理に価格を載せる必要はありません。載せない場合は「納期目安」や「最小ロット」など、問い合わせの前の判断材料をできるだけ埋めて、問い合わせのハードルを下げます。

Q. CMS(WordPress)は必要ですか?
更新頻次次第です。新製品・新設備の追加が年数回程度なら、静的な構成で十分で、むしろ運用が安定します。月次でニュースを出すなど頻繁に更新するならCMSを検討します。

Q. 工場や製品の写真はどうすればいいですか?
スマホ撮影でも構図と光に気を使えば十分使えます。古いカタログ写真の使い回しは避けます。準備すべき素材の一覧は、発注者が用意する写真・素材リストにチェックリストとしてまとめています。

まとめ: 会社案内ではなく、製品・技術ページから設計する

  • 製造業のサイトの読者は「購買・技術担当/採用候補/取引先・地域」の3種類。問い合わせを生むのは購買・技術担当
  • 製品・技術ページは1製品1ページで、品名・材質・加工範囲・納期を表で揃える。検索語を見出しにそのまま使う
  • 製造業は更新が少ないため、静的な構成で運用が安定しやすい。採用導線はヘッダーに常置する
  • 公開前チェックリスト8項目で、製品情報の網羅と導線を確認する

製品ページの構成に迷っていたら、お問い合わせフォームから現状の製品リストをご共有ください。1製品1ページの骨子を一緒に整理します。

シェア

  • Facebook
  • LINE
  • X
ホームページのセキュリティ対策はいくら?費用相場と優先順位 WordPressの乗っ取りが増えている理由とCMSに頼らない対策