専用設計製造業、輸出貿易、B2B 技術サービス企業向け。各ブロックは„信頼構築→実力提示→お問い合わせ誘導“の流れに沿って磨き上げられています。コード不要で、Gutenberg エディター内でブロックを組み立てるように使用できます。
ブロック1:Hero ファーストビューバナー
ブロック1:Hero ファーストビューバナー
ファーストビューは、訪問者が閲覧を続けるかどうかを決定します。Hero ブロックは、フルスクリーン背景画像+ダブルアクションボタン(例:„事例を見る/今すぐお問い合わせ“)をサポートし、3秒以内に主要事業と価値提案を伝え、ユーザーが要点を見つけられずに離脱するのを防ぎます。
いつ使用するか
- ウェブサイトトップページ/ランディングページのファーストビュー
- 重要な製品ライン/新サービス発表ページ
なぜB2B企業はそれを必要とするのか
ファーストビューは訪問者が閲覧を続けるかを決定します。Heroブロックはフルスクリーンの背景ビッグイメージ+ダブルアクションボタン(例:„事例を見る/今すぐお問い合わせ“)をサポートし、3秒以内に主要事業と価値提案を伝達、ユーザーが要点を見つけられずに離脱することを防ぎます。
💡 ベストプラクティス:背景には工場実写/設備パノラマを使用し、ボタンのコピーは„見積もりを取得“„カタログを見る“などの強い意向を示す言葉を使用します。
ブロック2:Hero マルチイメージカルーセル
いつ使用するか
- 1画面内で複数の製品シリーズ/サービスシーンをカルーセル表示する必要がある場合
- 提携顧客のロゴ、認証資格、展示会会場の様子を展示
何を解決するか
単一画像では複数の事業ラインをカバーできない場合、カルーセルを使用して同じ位置で効率的に表示します。Swiper.jsベースで、スライドがスムーズかつタッチ操作をサポート、複数画像による読み込み遅延を引き起こしません(デフォルトでは隣接するスライドのみプリロード)。
ブロック3:私たちについて(画像とテキストによる紹介)
ブロック3:私たちについて(画像とテキストによる紹介)
私たちは業界をリードする企業であり、お客様に一流のソリューションを提供することに尽力しています。長年の経験と専門家チームを活かし、期待を超え、請け負うすべてのプロジェクトで卓越した成果を提供するよう努めています。
コア強み項目1
強みの説明文。強みを表示しないことも可能です。
コア強み項目2
最大4つのコア強みの説明をサポート
いつ使用するか
- ホームページ 第2/3画面:会社概要+コア強み
- 独立した„当社について“ページのメインコンテンツ
コンバージョンへの役割
B2B取引は信頼に依存します。このブロックは左右画像切り替え+4つのコア強み項目(アイコン付き)、„実績年数/生産能力/特許数/納品基準“などの具体的な指標で抽象的な説明を置き換え、顧客が企業の能力を素早く認識できるようにします。
ブロック4:アコーディオン/FAQ 折りたたみQ&A
ブロック4:アコーディオン/FAQ 折りたたみQ&A
不適切な要件を事前に除外し、双方の時間を節約します。
最小注文数量はいくつですか?
領航Themeの最小注文数量は1で、いつでも購入可能です。
品質保証ポリシー
領航Theme購入後、6ヶ月のアフターサービスと生涯アップグレード保証が付きます。
いつ使用するか
- 製品仕様説明、サービスプロセスの詳細
- 顧客のよくある質問をまとめて回答(支払い/納期/アフターサービス)
なぜ問い合わせの質が向上するのか
不適切な要件を事前に除外し、双方の時間を節約します。„最小注文数量/MOQ/品質保証ポリシー/カスタマイズ期間“をFAQに記載することで、顧客に自己選別させ、高意向のリードを残します。スムーズな展開アニメーションで、ページ全体のリズムに影響を与えません。
ブロック5:最新記事/ニュースリスト
ブロック5:最新記事/ニュースリスト
専門的なコンテンツを定期的に更新することで、検索エンジンのクロール頻度を向上させると同時に、実際の事例や技術記事で専門性を証明します。
WordPress B2B企業公式サイトTheme推薦:LingHang Theme v1.3.0 リリース、内蔵AIコンサルタントでサイト構築に迷わない
製品/製品カテゴリーをナビゲーションメニューに追加する方法
Linghang Theme 更新記録:バージョン1.3.1リリース
いつ使用するか
- ホームページ下部/ニュース情報ページ
- „導入事例“„業界インサイト“„製品応用シーン“などのコンテンツを表示
SEOと信頼の二重の価値
専門的なコンテンツを定期的に更新することで、検索エンジンのクロール頻度を向上させると同時に実際の事例や技術記事で専門性を証明します。„領航Theme SEOチュートリアル“との併用を推奨し、すべての記事を顧客獲得の入り口にします。
ブロック6:連絡先カード
13612345678
13612345678
quhenet
最適な配置
- お問い合わせページ
- サービスページ/製品ページのサイドバー(特定の業務連絡先)
離脱率を減らす鍵
顧客が最も連絡したい時に、電話/メール/WhatsAppを一目で見られるようにする。水平/垂直レイアウトの切り替えと外部リンクアイコンをサポート、貿易企業はWhatsApp直リンクを設定でき、国内ユーザーはWeChat QRコードポップアップをバインドできます。
ブロック7:コンテンツカード集(クラシック/モダン/リスト)
ブロック7:コンテンツカード集(クラシック)
3つのスタイルは異なる深さのコンテンツに対応:クラシックは平等な並列を強調、モダンは主推サービスを突出、リストは長いディレクトリに適しています。統一されたデザイン言語で、ページスタイルの分裂を回避します。
ブロック7:コンテンツカード集(リスト)
3つのスタイルは異なる深さのコンテンツに対応:クラシックは平等な並列を強調、モダンは主推サービスを突出、リストは長いディレクトリに適しています。統一されたデザイン言語で、ページスタイルの分裂を回避します。
典型的な用途
- サービスサブ項目の詳細説明(例:„精密加工/金型製造/OEM受託生産“)
- 技術文書/ホワイトペーパー/サンプルブックダウンロードエントリ
階層型ガイドのデザイン哲学
3つのスタイルは異なる深さのコンテンツに対応:クラシックは平等な並列を強調、モダンは主推サービスを突出、リストは長いディレクトリに適しています。統一されたデザイン言語で、ページスタイルの分裂を回避します。
ブロック8:行動喚起(CTA)バナー
ブロック8:行動喚起(CTA)バナー
CTAブロックは、一言で価値を要約し+一つの強力なアクションボタン(例:„無料でニーズ評価→“„サンプルリストを入手“)で、意思決定の臨界点で一押しし、フォーム送信率を直接向上させます。
どこに配置するのが最も効果的か
- 事例展示の後(好機を逃さず)
- サービス説明の終わり(懸念を解消し、次のステップを推進)
トラフィックを問い合わせに変える
展示だけでは不十分で、明確な指示が必要です。CTAブロック一言で価値を要約+強力な行動喚起ボタン(例:„無料ニーズ評価→“„サンプルリストを入手“)決断の臨界点で一押しし、直接フォーム送信率を向上させます。
ブロック9:連絡先型CTA(電話/クイックエントリー付き)
ブロック9:連絡先型CTA(電話/クイックエントリー付き)
このブロックは電話番号を目立つ位置に配置し、短いコピーで緊迫感を演出。単価が高く、意思決定プロセスが長いB2Bビジネスに適しています。
+1 234 567 890
電話
+1 234 567 890
高コンバージョンシナリオ
- 大型設備/プロジェクトページ(即時コミュニケーションが必要)
- 価格敏感な顧客(電話優先オプションを提供)
電話を好む顧客層を掴む
フォーム記入に慣れていない、電話で確認することを好む顧客もいます。このブロックは電話番号を目立つ位置に配置し、短いコピーで緊迫感を演出し、単価が高く、意思決定プロセスが長いB2Bビジネスに適しています。
ブロック10:特長グリッド(サービス/ハイライト展示)
ブロック10:特長グリッド(サービス/ハイライト展示)
„設備クローズアップ+短いタイトル+結果の一言説明“(例:„CNC精度±0.01mm“)で技術基準と品質へのコミットメントを素早く伝え、顧客の工芸能力への疑念を払拭します。
適用シーン
- 中核技術/独自優位性の視覚的展示
- 4-6個の主要サービス項目の要約展示
視覚的説得
画像はテキストよりも印象を築きやすい。„設備クローズアップ+短いタイトル+結果の一言説明“(例:„CNC精度±0.01mm“)で技術基準と品質へのコミットメントを素早く伝え、顧客の工芸能力への疑念を払拭します。
ブロック11:プロジェクト事例グリッド
ブロック11:プロジェクト事例グリッド
ホバーオーバーレイ効果で詳細クリックを誘導し、実際の納品記録で信頼性を証明。特にエンジニアリング/カスタマイズ系企業に適しています。
必須ページ
- 独立ケースページ / ホームページ成功事例セクション
- 業種/地域/製品ライン別に分類表示
B2B成約の決定的な証拠
„他社が使用し満足した“という事実が最強のセールストークです。ホバーオーバーレイ効果で詳細クリックを誘導し、実際の納品記録で信頼性を証明。特にエンジニアリング/カスタマイズ系企業に適しています。„データ統計ブロック“と組み合わせ、累計納品数を表示することをお勧めします。
ブロック12:サービスリスト(アイコン付き版)
ブロック12:サービスリスト(アイコン付き版)
6〜12項目のサービスに対応。各項目に外部リンクを設定して詳細説明ページへ誘導でき、„概要→詳細→お問い合わせ“という閲覧フローを形成。業務が複雑な中堅・大規模B2B企業に適しています。
標準的な使い方
- サービスページのメインコンテンツ / ホームページサービス概要
- 複数事業ラインの標準化された説明(各項目に独立したアイコンを設定)
能力範囲の構造化された表示
„御社が具体的に何をしているのか分からない“という理由で顧客を逃さないために。6〜12項目のサービスに対応し、各項目に外部リンクを設定して詳細説明ページへ誘導でき、„概要→詳細→お問い合わせ“という閲覧フローを形成。業務が複雑な中堅・大規模B2B企業に適しています。
ブロック13:データ統計アニメーション
業界顧客
輸出先国
エンジニア
歴史
信頼性を裏付けるセクション
- About Usページの後 / 事例紹介ページの前
- 主観的な形容詞(例:„経験豊富“)を数字(例:„設立15年以上“)で置き換える
実力を数値化し、競争優位性を構築
スクロール数字アニメーションは自然に注目を集めます。„年間生産能力/輸出先国数/エンジニア人数/良品率“などのハードデータを表示し、中小企業が競合他社との比較で優位に立つことを支援します。カスタム単位とサフィックスに対応し、様々な業界指標に適合します。
ブロック14:チーム紹介
ブロック14:チーム紹介
B2B取引は最終的には人と人との信頼関係です。
名称
役職
名称
役職
名称
役職
対象者
- 技術型/コンサルティング型企業(エンジニア/専門家チーム)
- 貿易担当者の実名表示(顧客が担当者を指定しやすくするため)
会社を„人“に還元する
B2B取引は最終的には人と人との信頼関係です。中核メンバーの氏名、役職、LinkedInリンクを表示し、顧客が冷たい会社ではなく、専門的なチームと協力していると感じられるようにします特に、越境ビジネスにおける異文化間の信頼構築に役立ちます。
ブロック15:顧客評価カルーセル
ブロック15:顧客評価カルーセル
自画自賛より顧客の一言。
ソーシャルプルーフセクション
- ホームページの最後から2番目の画面(決め手となる部分)
- 商品詳細ページのサイドバー/フッター
他人の口を使って自分を褒める
自画自賛より顧客の一言。実写の顔写真/会社ロゴ付きの評価をカルーセル表示し、最終的な意思決定の懸念を効果的に解消します。特に新規顧客の割合が高い企業に適しています具体的なシナリオを含む説明(例:„ある技術的課題を解決した“)を選ぶことをお勧めします。
ブロック16:なぜ私たちを選ぶのか(差別化されたセールスポイント)
ブロック16:なぜ私たちを選ぶのか(差別化されたセールスポイント)
オプションの色または画像背景
より短い納期
説明
より良いアフターサービス体制
説明
より柔軟なカスタマイズ能力
説明
意思決定支援セクション
- サービスページ末尾 / お問い合わせフォーム前
- 競合製品との差別化が不明確な場合に差異を強調する
顧客の潜在的な疑問に答える
顧客がどの業者を選ぶか迷っている際に、3〜4項目で„より短い納期/より良いアフターサービス体制/より柔軟なカスタマイズ能力“直接理由を示す。これは、顧客が„なぜあなたなのか“と問う前にその疑問に答えることに相当する。
🚀 16ブロック = 完全なB2B公式サイトコンバージョンシステム一式
ファーストビューの訴求力(Hero)→ 能力証明(事例/データ)→ 信頼強化(評価/チーム)→ 行動喚起(CTA)まで、LingHang Themeは複雑なサイト構築ロジックをシンプルなドラッグ&ドロップ操作に封じ込めています。あなたは自社のビジネスコンテンツに集中するだけで済みます。