業種別ホームページ

加工事例ページの作り方:製造業のホームページで引き合いにつなげる項目と書き方

公開 読了 約15分

加工事例のページは、発注先を探す設計や購買の担当者が判断の材料にするページです。担当者は「この材質で、この大きさで、この精度の部品を、この会社は加工できるか」を確かめるために事例を読みます。製造業のホームページで引き合いを増やしたい場合、まず整えたいページの一つです。

一方で、事例を載せようとすると「取引先の名前を出せない」「図面は見せられない」「写真の撮り方が分からない」といった壁に当たります。この記事では、加工事例 1 件に載せる項目の表と記入例、社名や図面を出せない場合の書き方、写真の撮り方、図面と機密の扱い、一覧ページの絞り込み、見積もりフォームへの導線を順に説明します。

結論を先に書くと、加工事例のページは読み物ではなく「仕様の見本」として作ります。材質・寸法・公差・ロットなどの項目を毎回同じ順番で並べ、発注側が自社の図面と照らし合わせやすくすることが要点です。サイト全体のページ構成と見積もりフォームの考え方は製造業のホームページ制作の記事で扱っているので、ここでは加工事例のページに絞ります。

加工事例ページを見る人と、確かめたいこと

加工事例のページを読むのは、主に発注側の設計担当者、購買・調達の担当者、品質保証や生産技術の担当者です。立場によって見る項目が違います。設計担当者は形状と精度を、購買担当者は数量・納期・対応できる工程の範囲を見ます。品質保証の担当者は、測定や検査の方法を確かめます。

共通しているのは、手元にある自社の図面や案件と比べながら読むことです。そのため、「高精度な加工が得意です」と文章で書くより、「材質 〇〇、外形 〇〇mm、公差 ±〇〇mm、ロット 〇〇個」のように条件を並べたほうが判断の材料になります。事例が自社の案件に近いかどうかを、短い時間で判断できる形にします。

  • 設計担当者:材質、寸法、形状の特徴、公差、表面粗さ、加工方法
  • 購買・調達担当者:ロット、納期の目安、一社で対応できる工程の範囲(材料の手配、熱処理、表面処理を含むか)
  • 品質保証の担当者:測定機器、検査の方法、検査成績書などの記録を出せるか
  • 生産技術の担当者:使った設備、工程の順番、治具の考え方

加工事例 1 件に載せる項目と記入例

項目は全事例で揃えます。項目が揃っていると、読む側は事例どうしを比べやすくなります。書く側も、決まった欄を埋めるだけなので社内で分担しやすくなります。さらに、材質や加工方法の欄は、あとで一覧ページの絞り込みにもそのまま使えます。

次の表は、1 件に載せる項目と記入例です。記入例の「〇〇」は自社の内容に置き換えてください。数値は加工記録や検査記録から書き写し、記録にない数値は書かないようにします。

項目 書く内容 記入例
タイトル 部品の種類+材質+加工方法。見出しだけで中身が分かるようにする 〇〇装置用ブラケット(SUS304・マシニング加工)
業界・用途 取引先名の代わりに、業界と部品の使われ方を書く 〇〇装置メーカー向け、搬送部の固定部品
材質 規格の記号で書く。支給材か自社手配かも書く SUS304(材料は自社手配)
寸法・形状 外形寸法と形状の特徴 外形 〇〇×〇〇×〇〇mm、L字形状、穴 〇か所
加工方法・工程 工程を順番に書く。協力会社に出した工程はその旨を書く 切断 → マシニング加工 → バリ取り → 〇〇処理(協力会社)
公差・精度 最も厳しい箇所の数値 穴径 ±〇〇mm、平面度 〇〇mm
表面粗さ・表面処理 図面に指示があった場合に書く Ra〇〇、〇〇めっき
ロット・数量 試作か量産か、数量の幅 試作 〇個 → 量産 月〇〇個
納期の目安 受注から出荷までの日数。条件で変わる旨も添える 図面の受領から〇営業日(数量・材料の在庫で変わります)
使用設備 使った設備の一般名。設備紹介のページへリンクする 5軸制御マシニングセンタ、三次元測定機
課題と工夫 依頼時の課題、対応、結果の 3 段で書く 下の例文を参照
写真 全体、加工部の拡大、大きさが分かる写真 3〜5 枚
関連リンク 同じ材質・加工方法の事例、見積もりフォーム 「同じような部品の見積もりを依頼する」ボタン

「課題と工夫」の書き方と例文

事例の中で、ほかの会社との違いが出るのが「課題と工夫」の欄です。苦労話ではなく、依頼時の課題、どう対応したか、どうなったかの 3 段で書きます。結果は「品質が上がった」のような言葉ではなく、検査の数値や工程の数など、記録で確かめられる形にします。

例文:「ご依頼時の課題は、厚さ 〇〇mm の薄肉部が加工中に変形し、平面度が出ないことでした。そこで、荒加工と仕上げ加工の間に〇〇の工程を入れ、薄肉部を支える専用の治具を製作しました。その結果、平面度 〇〇mm 以内で加工でき、試作 〇個のあと、月 〇〇個の量産に移りました。」

例文の数値や工夫の内容は、実際の記録に置き換えます。治具の構造や加工条件の細かい数値は、自社のノウハウにあたる場合があります。どこまで書くかは、後の「図面と機密の扱い」の章で整理します。

Service

業種別ホームページのご相談はフェニックスデザインへ

ナレッジベースを運営するフェニックスデザインが、今のサイトの数字を見るところから対応します。URLを入れるだけの無料簡易診断から。

取引先の名前を出せない場合の書き方

受託加工の取引では、取引基本契約や秘密保持契約(NDA)に秘密保持の条項が入っている場合があります。経済産業省が公開している各種契約書等の参考例(2024年2月改訂)の「取引基本契約書(製造請負契約)」の例でも、相手方の承諾なく秘密情報を第三者に開示しないこと、秘密情報を含む図面や仕様書を相手方の承諾なく第三者に開示しないことが条項に入っています。

ホームページへの掲載は、不特定の人に情報を見せることです。自社の契約に同じような条項がある場合は、取引先の承諾を得てから載せるのが基本です。承諾を得た場合でも、社名・製品名・図面のどれを伏せるかは取引先と相談して決めます。契約の読み方に迷う場合は、最終的な判断を弁護士に確認してください。

出せない情報 代わりの書き方 記入例
取引先の社名 業界と部品の用途に置き換える 〇〇装置メーカー向け
製品名・品番・図番 部品の種類と使われ方を書く 〇〇装置の搬送部に使う固定部品
図面・正確な形状 形状の特徴を文章で書く。自社で作ったサンプルの写真を使う L字形状、穴 〇か所、薄肉部あり
正確な寸法 範囲で書く 外形 〇〇〜〇〇mm クラス
数量・単価 数量は幅で書き、単価は載せない 試作〜小ロット(〇〜〇〇個)
製品の写真 加工部の拡大、テストピース、加工前の材料の写真にする 同じ材質・同じ加工で作ったテストピース

伏せたつもりでも、業界が狭いと「地域+業界+形状」の組み合わせで取引先が分かることがあります。原稿と写真は公開前に取引先に見せ、確認を受けます。取引先の担当者のコメントを載せる場合は、お客様の声の集め方と掲載許諾の記事も参考にしてください。

掲載の承諾をお願いする文例

「〇〇株式会社 〇〇様
いつもお世話になっております。当社ホームページの加工事例として、〇〇年〇月にご発注いただいた部品の加工内容を掲載したいと考えております。貴社名・製品名・図面は掲載せず、材質・おおよその寸法・加工方法・加工上の工夫のみを記載する予定です。原稿と写真を添付いたしますので、掲載の可否と修正点をご確認いただけますでしょうか。」

取引先に取材して社名入りの事例を作る場合の依頼文や、社名を出さない事例の書き方は導入事例インタビューの記事にまとめています。

図面と機密の扱い:自社のノウハウも守る

加工事例で守る情報は 2 種類あります。1 つは取引先の情報で、図面、仕様書、品番、製品名などです。もう 1 つは自社の情報で、加工条件の数値、治具の構造、NC プログラム、工程の細かい順番などです。取引先の情報は前の章のとおり承諾が前提です。ここでは、見落としやすい自社の情報を整理します。

経済産業省の説明では、営業秘密は不正競争防止法で定義され、「有用性」「秘密管理性」「非公知性」の 3 つの要件を満たす情報です。同省の営業秘密管理指針(2025年3月改訂)は、非公知性について「一般的には知られておらず、又は容易に知ることができないこと」が必要としています。ホームページに載せた情報は、誰でも見られる状態になります。営業秘密として守りたいノウハウは、事例に書かないと決めておきます。具体的な線引きに迷う場合は、弁護士や知的財産の相談窓口に確認してください。

  • 載せてよいこと:対応できる材質・サイズ・精度の範囲、工程の流れ、課題に対する考え方(例:「変形を抑えるため、荒加工と仕上げ加工を分けた」)
  • 載せないこと:切削条件の数値、治具の詳しい構造や図面、NC プログラム、取引先の図面そのもの
  • 写真で確かめること:図面、作業指示書、品番のラベル、取引先名の入った箱やタグ、ホワイトボードの書き込みが写っていないか

写真の写り込みは、撮った本人が気づきにくい点です。公開前に、撮影者とは別の人が写真を拡大して確かめる手順にします。作業者の顔が写る場合は、本人の同意も必要です。人物の写真や撮影の外注の扱いは写真撮影と素材写真の使い方の記事で説明しています。

写真の撮り方:何を、どう撮るか

加工事例の写真は、雰囲気を伝えるためではなく、加工の中身を見せるために撮ります。1 件につき 3〜5 枚を目安に、次のカットを用意します。

  • 全体:部品の形状が分かる正面と斜めからの写真
  • 加工部の拡大:穴、溝、ねじ、仕上げ面など、精度が求められた箇所
  • 大きさが分かる写真:スケールや定規と並べる
  • 加工前と加工後:材料の状態と完成品を並べる
  • 測定の様子:三次元測定機などで測っている場面(画面に取引先の図番などが出ていないか確かめる)

背景はグレーや黒などの無地の布か紙にします。金属は光を反射するため、照明を正面から当てず、斜めから当てるか、白い布や紙を通した柔らかい光にすると加工面の質感が出ます。同じ角度・同じ背景で撮ると、一覧ページに並べたときに揃って見えます。スマートフォンの写真には、設定によって撮影場所の情報が記録される場合があります。公開前に、端末の設定や書き出しの方法を確かめます。

ページに載せるときの設定もあります。Google 検索セントラルの画像 SEO のガイド(2026年11月時点)は、画像を関連するテキストの近くに置くこと、短く内容の分かるファイル名にすること、画像の内容を説明する alt 属性を付けてキーワードを詰め込まないことを勧めています。また、Google は CSS の背景画像をインデックスしないとしています。事例の写真は HTML の画像として載せるよう、制作会社に伝えておきます。

例えば、ファイル名は「IMG_0001.jpg」ではなく「sus304-bracket-hole.jpg」のようにし、alt は「SUS304 製ブラケットの穴加工部の拡大」のように付けます。alt を付けなくてよい画像の見分け方はalt 属性の書き方の記事で扱っています。

一覧ページの絞り込みと見積もりフォームへの導線

事例が増えてきたら、一覧ページで探しやすくします。一覧のカードには、写真、タイトル、材質、加工方法、ロットを表示します。カードの段階で自社の案件に近いかが分かれば、読む人は詳細ページを開くかどうかをすぐに決められます。

絞り込みの軸 選択肢の例 決めるときの注意
材質 ステンレス、アルミ、鉄、銅、チタン、樹脂 規格の記号まで細かく分けず、大きな分類にする
加工方法 旋盤加工、マシニング加工、研削、板金、溶接、鍛造 社内の呼び方ではなく、発注側が使う言葉にする
業界・用途 半導体製造装置、自動車、医療機器、食品機械 取引先が特定されない粒度にする
サイズ 小物(〇〇mm 以下)、中物、大物(〇〇mm 以上) 境目の数値を一覧ページに書いておく
ロット 試作・1 個から、小ロット、量産 対応できる範囲だけを選択肢にする

件数が少ないうちは、絞り込みの機能を作らず、材質別・加工方法別に見出しを分けて並べるだけでも足ります。選択肢を押しても事例が 1 件も出ない状態は、「その加工には対応していない」と受け取られるおそれがあります。

絞り込みの仕組みを作る場合は、検索エンジンへの影響も考えます。絞り込みの組み合わせごとに URL が作られると、検索エンジンが巡回する URL が大きく増えることがあります。Google は絞り込み(ファセット ナビゲーション)の URL についての説明(2026年11月時点)で、絞り込みの URL を検索結果に出す必要がない場合は robots.txt で巡回を止めるか URL のフラグメント(#)を使う方法を示しています。出す場合は、パラメータを「&」で区切る、絞り込みの順番を揃える、結果がない組み合わせには 404 を返す、といった方法を挙げています。中小企業のサイトであれば、「ステンレスの加工事例」「マシニング加工の事例」のように主な分類ごとに説明文のある一覧ページを作り、細かい組み合わせの URL は検索に出さない形が扱いやすいでしょう。

見積もりフォームへのつなぎ方

事例の詳細ページの最後には、「同じような部品の見積もりを依頼する」ボタンを置きます。ボタンから開いたフォームに、どの事例から来たかが自動で入るようにしておくと、問い合わせを受けた担当者が相手の関心をすぐにつかめます。

  • フォームの項目:材質、数量、希望納期、図面の添付(PDF や CAD データ)、自由記入欄
  • 図面を送る前に秘密保持契約を結びたい会社のために、対応の可否をフォームの近くに書く
  • 添付できるファイルの形式と容量の上限を書いておく
  • 図面がない段階の相談を受けるかどうかを書く

必須の項目を増やしすぎると、入力の途中でやめる人が出やすくなります。必須は最小限にし、詳しい条件は返信のやり取りで確かめます。項目の決め方は問い合わせフォームの項目の記事を参考にしてください。

事例を増やし続けるための社内の流れ

加工事例のページは、一度に数をそろえることより、更新を続けられることが大事です。担当者の記憶に頼ると、忙しい月から止まってしまいます。案件の流れの中に「事例の素材を残す」工程を入れておきます。

  1. 出荷前に、決めたカットの写真を撮る(現場の担当者)
  2. 項目シートに材質・寸法・公差・ロット・工夫を記入する(現場の担当者)
  3. 掲載してよい案件か、取引先への確認が必要かを判断する(営業担当者)
  4. 原稿にまとめ、取引先の承諾を得る(ホームページの担当者)
  5. 公開前のチェックを受けて公開する

公開前のチェックでは、次の点を確かめます。

  • 社名・品番・図番・図面が、文章にも写真にも出ていない
  • 取引先の承諾の記録(メールなど)が残っている
  • 数値が加工記録・検査記録と合っている
  • 自社のノウハウにあたる数値を書いていない
  • 写真にファイル名と alt を付けた
  • 関連する事例、設備の紹介、見積もりフォームへのリンクがある

Google はユーザー第一のコンテンツの作成についての説明で、独自の情報や分析を提供しているかを自己評価の質問に挙げています。加工事例は自社にしか書けない情報です。項目を揃えて書き続けることが、検索で見つけてもらう材料にもなります。

社内で原稿を書く時間が取れない場合は、外部に任せる方法もあります。フェニックスデザイン(埼玉県八潮市)では、コンテンツ制作の導入事例(1 本 80,000円〜、取材込み、税別)で、取材から事例の原稿づくりまでを承っています。製造業のサイトで設備・製品仕様・図面の見積もり導線をどう組むかは、製造業のホームページ制作のページで紹介しています。

よくあるご質問

加工事例は何件くらい載せればよいですか?

決まった件数はありません。まずは主力の材質と加工方法の組み合わせごとに 1 件ずつ用意し、発注側が自社の案件に近い事例を見つけられる状態を目指します。そのうえで、これから増やしたい仕事に近い事例から追加していきます。

取引先の承諾が取れない場合は、どうすればよいですか?

その案件は載せません。代わりに、同じ材質・同じ加工方法で自社で作ったテストピースやサンプルを撮影し、「このような加工に対応できます」という技術紹介の形で載せる方法があります。契約上の扱いに迷う場合は、弁護士に確認してください。

写真はスマートフォンで撮っても大丈夫ですか?

加工部の形と質感が分かれば、スマートフォンでも使えます。無地の背景、斜めからの照明、ピントの合った拡大写真の 3 点を守ります。複数の事例で角度と背景を揃えると、一覧ページで見比べやすくなります。

事例に加工の単価を載せたほうがよいですか?

加工の単価は、材質・数量・形状・納期で変わります。事例に載せると、条件の違う案件でも同じ金額だと受け取られるおそれがあります。単価の代わりにロットや納期の目安を書き、金額は見積もりフォームから相談してもらう形にします。

加工事例と導入事例(お客様インタビュー)は何が違いますか?

加工事例は、材質・寸法・精度など「何を作ったか」を中心にした仕様の見本です。導入事例は、取引先の担当者に話を聞き、「なぜ選んだか」「何が変わったか」を伝える読み物です。両方を載せる場合は、加工事例の詳細ページから、同じ取引先の導入事例へリンクします。

まとめ

  • 加工事例のページは読み物ではなく「仕様の見本」として作り、材質・寸法・公差・ロット・設備・課題と工夫の項目を全事例で揃えます。
  • 取引先の社名や図面は、契約の秘密保持の条項を確かめ、承諾を得てから載せます。出せない情報は、業界・用途・数値の範囲で書き換えます。
  • 加工条件・治具の構造・NC プログラムなど、営業秘密として守りたい自社のノウハウは載せません。
  • 写真は全体・加工部の拡大・大きさ・加工前後を基本にし、関連するテキストの近くに、ファイル名と alt を付けて載せます。
  • 一覧は材質や加工方法で探せるようにし、詳細ページの最後から見積もりフォームへつなぎます。
フェニックスデザイン株式会社WEB制作会社が運営するナレッジベース編集部

コーポレートサイト・採用サイト・サービスサイトの制作と、公開後の運用保守・集客改善の現場で得た知見をもとに、発注する側の視点で記事を制作・更新しています。運営会社の所在地・事業内容は会社案内、制作の考え方はブランディング×マーケティング論をご覧ください。

この記事は 2026年11月11日 に公開し、2026年11月11日 に内容を確認・更新しました。