造園・外構・ランドスケープ業者のサイトで問い合わせを生むのは、会社案内よりも「施工事例」と「見積もり依頼のしやすさ」です。この記事では、WordPressで施工事例を地域・工事種別で探せる形に整え、写真の重さを抑え、見積もりフォームまで迷わず進める構成を作る手順を、つまずきやすい点と確認方法を添えて解説します。
造園業者サイトに必要なページ構成
造園・外構の依頼主は「自分の家と似た庭の事例があるか」「自分の地域に来てくれるか」「おおよその費用感と流れ」を確かめてから連絡します。そのため、ページ構成は次の順で考えると無駄がありません。
- 施工事例: 工事種別（庭づくり、外構、植栽管理、剪定、芝生、ウッドデッキなど）と施工エリアで絞り込める一覧
- サービス紹介: 工事種別ごとに1ページ。作業内容、工期の目安、よくある質問
- 対応エリア: 市区町村の一覧と、エリア外の相談可否
- 会社情報: 所在地、代表者、資格・許可の情報（建設業許可を受けている場合は許可番号）、保有車両や職人の紹介
- 見積もり・相談フォーム: 現地写真を添付できると見積もりの精度が上がる
剪定や植栽管理のような定期業務と、外構工事のような単発工事では、問い合わせる人も検討期間も違います。サービスページを分けておくと、それぞれに合った説明と事例を並べられます。
テーマ選びと子テーマの準備
写真が主役のサイトなので、テーマは画像を大きく扱えて表示が軽いものを選びます。ブロックテーマ（Twenty Twenty-Five など）でも、Astra・Kadence・Blocksy のような汎用テーマでも構いません。汎用テーマの無料版と有料版でできることの範囲はバージョンごとに変わるため、導入前に公式サイトで現在の機能一覧を確認してください（2026年10月現在）。
デザインを手で調整する予定があるなら、最初に子テーマを作っておきます。親テーマを直接編集すると、テーマの更新で変更が消えるためです。ブロックテーマなら、サイトエディターで行った変更はデータベースに保存されるので、コードを触らない範囲では子テーマなしでも運用できます。
施工事例をカスタム投稿タイプで管理する
施工事例を通常の「投稿」に混ぜると、お知らせやブログと区別しにくく、一覧の絞り込みも作りにくくなります。施工事例専用のカスタム投稿タイプと、「工事種別」「施工エリア」の2つのタクソノミーを用意するのが扱いやすい形です。
登録コードはテーマの functions.php ではなく、mu-plugin（wp-content/mu-plugins/ に置くPHPファイル）にします。テーマを乗り換えても施工事例のデータ構造が残るからです。作業前にはバックアップを取り、ステージング環境で試してから本番に反映してください。
<?php
/**
* Plugin Name: 施工事例（works）
* 置き場所: wp-content/mu-plugins/works.php
*/
add_action( 'init', function () {
register_post_type( 'works', array(
'labels' => array(
'name' => '施工事例',
'singular_name' => '施工事例',
'add_new_item' => '施工事例を追加',
),
'public' => true,
'has_archive' => true,
'rewrite' => array( 'slug' => 'works' ),
'menu_icon' => 'dashicons-palmtree',
'supports' => array( 'title', 'editor', 'thumbnail', 'excerpt' ),
'show_in_rest' => true, // ブロックエディターを使うために必要
) );
register_taxonomy( 'work_type', 'works', array(
'label' => '工事種別',
'hierarchical' => true,
'rewrite' => array( 'slug' => 'work-type' ),
'show_in_rest' => true,
) );
register_taxonomy( 'work_area', 'works', array(
'label' => '施工エリア',
'hierarchical' => true,
'rewrite' => array( 'slug' => 'work-area' ),
'show_in_rest' => true,
) );
} );ファイルを置いたら、管理画面の「設定」→「パーマリンク」を開いて「変更を保存」を押し、リライトルールを更新します。これをしないと /works/ が404になることがあります。確認は、施工事例を1件公開して一覧URLと個別URLの両方が開くかで行います。
施工エリアを階層タクソノミーにしておくと、「〇〇県 > 〇〇市」のように親子で登録でき、県単位の一覧も市単位の一覧も作れます。地域名で検索する人が多い業種なので、エリアのアーカイブページに短い説明文（そのエリアでの施工の特徴など）を書いておくと、ページの中身が薄くなりません。
施工前・施工後の写真を見せる
造園の事例で説得力が出るのは、同じ角度から撮った施工前と施工後の比較です。事例ページの本文では、ブロックエディターの「カラム」ブロックで左右に並べるか、「ギャラリー」ブロックで工程ごとにまとめる方法が手軽です。スライダー型の比較表示を使いたい場合は専用のブロックプラグインもありますが、追加のJavaScriptで表示が重くならないか、更新が続いているかを確認してから選びます。
写真の扱いで気をつけたい点は次のとおりです。
- アップロード前に縮小する: スマートフォンの写真は1枚数MBになることが多いので、長辺2,000px前後に縮小してからアップロードします。WordPressは大きな画像を自動で縮小する仕組みを持っていますが、元画像は別に保存されるため、容量の節約には事前縮小が効きます。
- 画像は WordPress の仕組みで出力する: テンプレートで画像を出すときは wp_get_attachment_image() を使うと、srcset や width・height 属性が付き、画面幅に合ったサイズが選ばれてレイアウトのずれ（CLS）も起きにくくなります。
- 代替テキストを入れる: 「〇〇市 戸建て 芝生張りと植栽の施工後」のように、写真の内容がわかる説明を入れます。
- 位置情報を消す: スマートフォンの写真には撮影場所の情報（Exif の GPS）が残ることがあります。施主の住所が推測されないよう、アップロード前に位置情報を削除するか、削除に対応した画像最適化プラグインを使います。
施主の家の外観や表札、車のナンバーが写り込んでいないかも公開前に確認します。事例掲載の許可は、契約時に書面でもらっておくと後で揉めません。
見積もり・相談フォームを作る
フォームは Contact Form 7 や WPForms など、利用者が多く更新が続いているプラグインで作ります。造園の見積もりで聞いておきたい項目は、施工場所の住所（市区町村まででもよい）、工事の種類、おおよその面積、希望時期、現地写真です。
写真の添付を受け付ける場合は、受け付けるファイル形式を画像に限り、サイズの上限を決めておきます。添付ファイルはメールに付けて送る設定にすると、サーバー上に残りにくくなります。スパム対策として reCAPTCHA や Cloudflare Turnstile のような仕組みを併用し、送信テストは自分のメールアドレスで行ってから公開します。
フォームで集める住所や電話番号は個人情報です。プライバシーポリシーに利用目的と管理方法を書き、フォームの近くからリンクしておきます。
地域で見つけてもらうための設定
造園業は「地域名＋造園」「地域名＋外構」で探されることが多い業種です。サイト側でできるのは次のような基本の積み重ねで、検索順位を約束するものではありません。
- 会社名・住所・電話番号の表記をサイト内と Googleビジネスプロフィールで揃える
- 対応エリアのページに、実際に施工した事例へのリンクを置く
- トップページや会社情報ページに LocalBusiness の構造化データを出す（SEOプラグインの機能で出せる場合はそちらを使い、重複させない）
schema.org には造園業専用の型がないため、LocalBusiness（または HomeAndConstructionBusiness）を使い、サービス内容は本文で具体的に説明する形になります。
公開前のチェック
公開前に、スマートフォンで施工事例の一覧から個別ページ、見積もりフォームの送信完了まで実際に操作してみます。写真の多いページは PageSpeed Insights で表示速度を確認し、遅い場合は画像サイズと読み込み方を見直します。施工事例は公開後に増やしていくものなので、写真の撮り方（同じ角度、明るい時間帯）と、事例ページの書き方の型を社内で決めておくと更新が続きます。
まとめ
- 造園業者サイトの中心は、工事種別と施工エリアで探せる施工事例と、写真を添付できる見積もりフォーム
- 施工事例はカスタム投稿タイプとタクソノミーで管理し、登録コードは mu-plugin に置く
- 写真は事前に縮小し、位置情報や写り込みを確認してから公開する
- フォームの個人情報はプライバシーポリシーで扱いを示し、スパム対策を入れる
- 地域検索向けには、会社情報の表記を揃え、構造化データを重複なく出す