連絡先ページとは：7つのベストプラクティス
公開: 2021-08-06連絡先ページは、あらゆるビジネス、特に主要な収入源としてデジタルリードに依存しているビジネスを成し遂げたり壊したりする可能性があります。 残念ながら、サイトの連絡先ページに関して、何を含めるべきか（そしておそらく何を省略するべきか）を調査する場合、Web上のドキュメントはかなりまばらです。
記事全体を詳しく調べ、いくつかの優れたサンプルとインスピレーションを見ていきますが、最初に、すべての連絡先ページに含める必要のある基本事項について説明します。 この記事でいくつかの変更を加えるため、開始する前にテスト用のWordPressサイトを設定するのが理想的です。 ただし、運が良ければ、WordPressサイトで直接編集することをお勧めします。
その場合は、少なくとも、先に進む前にWordPressバックアッププラグインを設定する必要があります。 これにより、何かが起こった場合にサイトの機能を復元できるようになります。
連絡先ページには何を含める必要がありますか？
順不同で、WordPressサイトの「お問い合わせ」ページのデザインに関して5つの必須アイテムを以下に示します。
- 迷惑なサイドバーはありません！ –申し訳ありませんが、それは少し強すぎました…残念ながら、一連のユーザーエクスペリエンス（UX）の調査は、多くのWebユーザーがずっと考えてきたことを裏付けています。サイドバーは本当に本当に迷惑です。 これらは、通常、恥知らずなプラグとソーシャルメディア共有アイコンを含む固定要素です。 誤解しないでください。 共有アイコンは、WordPressサイト全体に慎重に配置されている限り、まったく問題ありません。
- フォームフィールドを慎重に選択する–単に「デフォルトのテンプレート」を使用してフォームを作成する場合、顧客がそれを持っていない可能性があります。 これは、正直なところ、各連絡先ページの約半分が役に立たないフィールドで埋められているためです。 たとえば、あなたがデジタルeコマース会社だけで、誰かが製品について質問しているとします。 自宅の住所を尋ねるフォームを使用している場合、あなたのサイトは平均的なユーザーには本当に怪しげなものに見えます。
- 美学を優先する–はい、サイトのすべてのページの美学を注意深く調べる必要があります。 ただし、複数のUX調査により、「お問い合わせ」ページがエアブラシを追加するのにおそらく最も重要なページであることが示されています。 SEOランキングがどのように機能するかにより、製品を探している多くの訪問者は、ユーザーとの接触を可能にするページに直接アクセスします。 ご存知のように、第一印象はすべてを意味するので、ポジティブな印象を持っていることを確認してください。
- （非常に）冗長になりましょう–今は言葉を軽蔑する時ではありません！ 訪問者は、おそらく奇妙な名前のフィールドが実際に何を意味するのかよく知らないことを忘れないでください。 「名前」のような単純なもので、それ以上の説明がない場合でも、混乱を招く可能性があります。 名だけを求めていますか、それともフルネームを求めていますか？ フルネームの場合、そもそもそれを求める理由は本当にあるのでしょうか。 言葉遣いを正しくすることが重要です。 これは、新しいユーザーにそれをテストして正直な意見を与えるためにお金を払うことが本当に報われる可能性がある領域です。
- プロフェッショナルなプラグインを使用する–プロフェッショナルで簡潔で美しい「お問い合わせ」ページを作成するビジネスは簡単ではありません。 WordPressテクノロジーの最新のエンドを維持しようとしている場合は、効率的でカスタマイズ可能なテーマを検討することをお勧めします。 さらに、Kadence Blocksのような拡張パックを使用すると、連絡先ページを含む、Gutenbergエディターの最新のレンディションでWordPressのものをネイティブに編集できます。
いくつかの簡単な警告
先に進む前に、特に重要だと思った免責事項がいくつかあります。
- 主要なWebセキュリティの脅威の1つは、「サニタイズされていない」フォームです。 これらは、ユーザーが入力した潜在的に悪意のあるコードを削除する前にサーバーによって読み取られるフィールドを持つフォームです。 すべての脅威を阻止できるセキュリティ製品はありませんが、高品質のWordPressセキュリティプラグインを慎重に選択することで、潜在的な脅威を軽減できます。
- 考慮すべきトレードオフの1つは、フォームに必要なキャプチャセキュリティのレベルです。 最も「攻撃的な」キャプチャを選択した場合は、訪問者がページに不満を感じて離れることを期待してください。 一方、キャプチャセキュリティを最小限に抑えるか、まったく使用せずにページを除外することは、スパマーにとっての誘因であるため、賢明に選択してください。 あなたのサイトのターゲット人口統計は、この分野で非常に重要な考慮事項です。
- このタイプのページを作成することは、科学であると同時に芸術でもあることを忘れないでください。 確かに、人々が一般的にどの要素を探しているかを教えてくれる素晴らしい研究があります。 ベテランのウェブマスターなら誰でも知っているように、真空状態のウェブサイトのようなものはありません。 WordPressサイトに最も精通している人だけが、ページを最適に構成する方法を知っています。
「お問い合わせ」ページはどのように表示されますか？
お問い合わせフォームのデザインに関しては、「厳格で迅速な」ルールは多くないのは事実ですが、これらのページがどのように表示されるかについて、試行錯誤されたアドバイスがいくつかあります。
まず、自分の連絡先情報がすべてわかりやすい方法で表示されていることを確認します。 人口統計が異なれば、他の人よりも連絡方法が異なることに注意してください。 たとえば、調査によると、古い世代は電話による直接のカスタマーサービスを重視しています。 一方、若い世代は通常、オンラインチャットが最も簡単な方法であると考えています。
次に、常にユーザーに問い合わせのカテゴリを選択させる必要があります。 非常に行うには誘惑されるでしょうにもかかわらず、このコンテンツを受信するだけで1つの汎用のメールボックスを使用しないでください。
第三に、ページの全体的な外観は、サイトの他の部分と「クリック」する必要があります。 一部の新しいウェブマスターは、他のWordPressサイトと同じメニューを持たないページを作成するという間違いを犯します。 これは通常、テンプレートを使用し、それについて注意を払わなかった結果です。 このページは、多くの場合、最後に作成され、最後に刷新されるものの1つですが、WordPressサイトの最も重要な部分の1つになることがよくあります。
「お問い合わせ」ページを作成するにはどうすればよいですか？
KadenceBlocksのような新しいGutenbergエディターにフックする拡張パックを使用することは素晴らしい方法であることを忘れないでください。 ただし、フォーム内の実際のコンテンツを管理するには、WordPressフォームプラグインを利用する必要があります。 ただし、グラフィカルエディタを使用すると、貴重で時間の節約になる洞察を得ることができます。
一般的なWordPressサイトの「お問い合わせ」ページの非常に基本的な表現を作成する方法について説明します。 これは、優れた洗練された芸術作品の例ではありません。 これは単にあなたが正しい方向に始めるためです。
1.プラグインを選んでください！
はい、拡張機能のないネイティブのグーテンベルク要素を使用して独自のフォームを作成できます。 そのアイデアに取り掛かる前に、このタイプのフォームの背後にある複雑さを考慮してください。 美学はかなりシンプルです。 ただし、それ以外の場合は、フォームが安全な方法で送信されていることを確認する必要があります。 次に、そこに入れられたものをルーティングしてソートする必要があります。 ほとんどの連絡フォームには、ある種のキャプチャが必要です。 リストは続きますが、あなたは考えを理解します：車輪を再発明する必要はありません。
2.プラグインをインストールします
プラグインを調べて予算内で機能するプラグインを見つけたら、それをインストールします。 WordPressダッシュボードで[プラグイン]-> [新規追加]に移動します。 検索オプションから必要なプラグインを見つけてWordPressサーバーにインストールし、サイトで使用できるようにします。
この手順の一環として、インストール後にWordPressサイトでプラグインをアクティブ化したことも確認してください。
3.テンプレートを選択します
WordPressのほとんどすべての主流フォームプラグインには、事前定義されたテンプレートのセットがあります。 これらが特に「お問い合わせ」フォームとして持っていないことはほとんど前例のないことです。 これらは「選択して忘れる」オプションを意味するものではないことを忘れないでください。 むしろ、目的に最も近いテンプレートを選択し、可能な限り完璧に近づくまでカスタマイズする必要があります。
4.電子メール転送を設定します
このステップを実際に実行する方法は、選択したプラグインによって異なります。 ただし、いずれの場合も、フォーム情報を保持するメールボックスを作成する必要があります。 少なくともフォームの主要なカテゴリごとに、常に個別のメールボックスを用意することをお勧めします。
サードパーティのメールビューアをいつでも選択して、すべての受信トレイを一度に表示できることを忘れないでください。 この編成方法により、サイトはスケーラブルに保たれます。 言い換えれば、これは、サイトがユーザーベースとともに成長できることを保証することにより、サイトの将来性を保証するのに役立ちます。
5.ウィジェットをドロップイン
5番目の最後のステップは、ウィジェットを使用するページにドロップすることです。 ネイティブのグーテンベルク編集プラグインを使用している場合は、基本的にどこにでもドラッグアンドドロップできるネイティブアイテムが作成されていることを忘れないでください。
1つの場所に配置するだけでよい可能性がありますが、これはWordPressサイトをよりモジュール化するのに役立ちます。
「お問い合わせ」ページを最適化するにはどうすればよいですか？
これは、それが少し危険にさらされ始める領域です。 一部には、これは「最適化」が10億の異なることを意味する可能性があるという事実によるものです。 この質問に取り組む際に、単語の技術的な定義に焦点を当てます。
まず、特にWordPressブログを初めて試す訪問者にとって、速度がゲームの名前であることを忘れないでください。 読み込み時間が1秒を超えると、訪問者の離職率が急上昇し始めます。 JavaScriptファイルを縮小し、サイトヘッダーが最適化されていることを確認し、可能な限り最小の帯域幅を使用して画像をレンダリングし、非同期読み込みを利用して、接続が遅い場合にページの最も重要な部分を最初に表示します。 コンテンツ配信ネットワーク（CDN）を使用することも、訪問者がサイトを配信するサーバーから離れすぎないようにするための優れた方法です。
次に、お問い合わせフォームで常に外部からの入力を取得します。 キラーページを作成できることは間違いありませんが、「お問い合わせ」ページを作成するときは、通常、誰もが少なくともわずかな見落としがあります。 多様な人々のグループからアイデアを得ることが、通常、理想的とは言えないページからWordPressサイトを先制的に保存するための最良の方法です。
第三に、そのページの混乱を少なくします！ 非常に多くの連絡先ページに、矛盾する情報または多すぎる連絡先情報があります。 たとえば、ウェブホスティング会社の場合、訪問者は、Googleマップウィジェットが帯域幅の半分を占有していることを確認せずに生活して、実際のビジネスがどこにあるかを正確に示すことができます。
7連絡先ページのベストプラクティス
新しい「お問い合わせ」フォームを作成する際に、最も重要な7つの「ベストプラクティス」を強調しました。 これらは順序付きリストにありますが、順序は重要性や優先順位を示すものではありません。 それはランダムです。
1.シンプルに保つ
直接的な価値を提供しない、または重要性が高くないフィールドを削除します。 少なくとも、そのようなフィールドがオプションであることを確認してください。特に、携帯電話番号など、ほとんどの人が世界と共有したくない情報に関連する場合はそうです。
2.理由を説明します
ユーザーがあなたに連絡する必要がある理由の適切な根拠を提供します。 WordPressの「お問い合わせ」フォームを使用することは、ほとんどの人にとって趣味ではないことを忘れないでください。 割引やその他の約束などの正当な理由を彼らに与えることは、あなたがあなたのブログであなたの訪問者の時間とエンゲージメントを大切にしていることを示しています。
3.複数の方法がある
「1つしか存在できない」というのは、ハイランダーの叫びだけであるべきです。 フォームが利用できないか機能していない場合、または訪問者が単に別の一般的な連絡方法を使用したい場合に備えて、他の連絡メカニズムを利用できるようにする必要があります。
4.簡単にする
ユーザーが情報を入力および送信するときに、フィードバックを提供して、物事が正常に機能していることをユーザーに知らせます。 たとえば、すべてのフィールドを検証する必要があります。 メールアドレスをリクエストする場合は、「メール」フィールドに入力した内容で十分かどうかをすぐにユーザーに伝えてください。 フォームが送信されたらすぐに、フォームが成功したかどうか、成功した場合は、個人的な返信を待つ時間をユーザーに伝えます。
5.可能な場合は自動化
あなたのビジネスとビジネスモデルに意味のある説明。 より技術に精通したビジネスの場合、これは、ユーザーがフォームを介して送信する問い合わせのタイプに合わせたいくつかのFAQの形式をとることができます。 他のビジネスの場合、おそらくそれは単にあなたの情報とヘルプライブラリへのリンクである可能性があります。 これにより、不要な連絡先が削減されます。 （一部の企業がFAQページと連絡先ページを組み合わせる方法の例に気付くでしょう）。
6.リードを最大限に活用する
訪問者がフォームを送信したら、トップコンテンツの一部を訪問者に表示することで、コンバージョンの可能性を最大化します。 繰り返しになりますが、あなたの店のクーポンのようなものも素晴らしいアイデアです。 空の「お問い合わせいただきありがとうございます」ではなく、エクスペリエンスに付加価値を与えるもの。 新しい訪問者があなたのWordPressサイトに戻ってくる可能性があります。
7.それを人間にする
それはすべて関係に成長する接続を作ることです-それはすべて関係についてです。 あなたのサイトのユーザー名と名前に顔を追加する方法があります。 人々が話している相手を正確に見ると、彼らは礼儀正しく振る舞い、その人を単なるロボットではなく人間として見る可能性が高くなります。
もちろん、これらの「お問い合わせ」ページのベストプラクティスに関しては、これは氷山の一角にすぎません。 残念ながら、これらのページは、UX評価の分野では悪名高いものです。これは、これらのページをどのように実行するかについての意見が専門家によって異なるためです。 連絡先ページを一般に公開する前に、必ず試乗する必要があります。
あなたがあなたの訪問者とつながるとき、あなたはあなたのビジネスの成功を成長させるための基礎を築きます。
3つの成功した連絡先ページの例
3つの特に強力な連絡フォームとそれらが素晴らしい理由を見てみましょう！
1.1。 モロニ
Morroniは「お問い合わせ」ページの逸品を提供しています。 あなたが見ることができるように、彼らは彼らのブランドに非常によく固執しています。 このページは、訪問者が希望する場合は自由に電話をかけ、代替の連絡オプションを提供するというかなり大きな声明で始まります。 どのフィールドが必須で、どれが単に優先されるかは明らかです。 フォームが送信される前の即時検証もあります。 各フィールドは非常に明確に定義されていますが、より芸術的なユーザーのために創造的な解釈の余地が残されています。
2.2。 PeopleMetrics
PeopleMetricsは、より完全な機能を備えたページであり、実店舗でのビジネスの優れた例となるように設計されています。 まず、軽量のGoogleマップウィジェットを使用して、クライアントの帯域幅や計算リソースを占有することなく、ビジネスの場所を表示します。 第二に、それは信頼を築くために、ビジネスのためのすべての公式の連絡先情報を含みます。 信頼を築くためのさらなる取り組みとして、メールを入力するときにクリックしてプライバシーポリシーを表示できます。 フォームには最小限のフィールドがありますが、私たちが望んでいたほど分類されていません。 全体として、これは単純明快なページであり、エラーの余地がほとんどなく、信頼の構築と連絡のオプションを最大限に活用できます。
3.3。 ウェイフィールドグループ
これは私たちのリストで最も本格的なフォームです。 不要な連絡フォームの送信を排除するために、最初に二次連絡方法に関連するすべての情報が含まれています。 これは、マルチサイトビジネスにとって特に重要です。 下にスクロールした後も免責事項があり、就職先を探している人はフォームに記入しないでください。 このような非公式のフィルターは、不必要な提出を減らします。 このサイトは非同期読み込みを利用しているため、ブラウザーに表示されない要素もレンダリングされず、最大の帯域幅とスペースが節約されます。 最後に、信頼は、ビジネスがどこにあるかをクライアントに正確に示すことによって相互に構築されます。
連絡先ページのデザインのインスピレーションとアイデア
先に進む前に、お問い合わせフォームの7つのお気に入りの例を紹介したいと思います。 上記のリストとは異なり、なぜそれらが優れているのかについては説明しません。 この時点で、それが自明であることを願っています！ 繰り返しますが、このリストは特定の優位性の順序ではありません。
- SleekNote
- BrightLocal
- RedBull Energy
- チポトレレストラン
- ポディア
- Brands to Life
- キックポイントマーケティング
まとめ
これが、最高の「お問い合わせ」フォームがどのように作成されるかについて、楽しく有益な詳細を説明したことを願っています。 これは今のところ情報のごちゃまぜのように見えるかもしれません、そして私たちのすべてのベストプラクティスを暗記するようにプレッシャーを感じないでください。 他のアートと同様に、最高のページは、最初のスキルを習得した後、試行錯誤するだけで作成されます。
KadenceWPを機能させる
Kadenceテーマがいかにカスタマイズ可能でシンプルであるかをご覧ください。
今すぐ無料でダウンロード！
キャサリン・ラングはそれが単純であると信じており、受賞歴のある作家であり、生まれながらの希望者として、彼女はあなたの理由を見つけ、目的を追求し、大胆で意図的な生活を送る方法についてのヒントを共有しています。
