PLANに沿って成功したウェブサイトを作成する
あなたのウェブサイトを構築する上で重要なステップを見落とさないように、簡単なPLANの頭字語を使用して、自宅のビジネス目標に達するのに役立つWebプレゼンスを作成してください。
PLANは何を表していますか？
あなたのウェブサイトが必要とするものを理解するのを助けるために、PLAN頭字語を使用してください：
準備 - ターゲットオーディエンス、適切なウェブサイトのトーン、目標を特定します。
風景 - ウェブサイトをどのように機能させるかを考えます。 具体的には、あなたのサイトに必要な機能は何ですか？
美学 - ウェブサイトの見た目や感じ方は、できることと同じくらい重要です。 サイトでどのような色やイメージが必要か、競合他社とどのようにサイトを比較するかを考えてください。
ナビゲーション - あなたのウェブサイトをどのように監督するかを計画することが重要です。 あなたが必要とするページとそのレイアウト方法を考えて、良い訪問者の経験を早めに確認するのに役立ちます。
どのようにウェブサイトを計画する：
準備 ：
あなたのサイトを構築するためにあなたのドメイン名とWebホスティングを買うためにオンラインにジャンプする前に、あなたは計画が必要です。 あなたのビジネスプランを引き出して、次のステップを支援してください：
- あなたのターゲット市場は誰ですか？ あなたが売っているものを購入する可能性が最も高いのは誰ですか、そして彼らに話す最善の方法は何ですか？
- あなたのウェブサイトの目標は何ですか？ あなたは何をしたいのですか？ それはリードを生成するでしょうか？ 製品を販売する？ オンラインパンフレットとして操作しますか？
- あなたの目標を達成するためにサイト上で必要な情報は何ですか？
- あなたのターゲット市場に基づいて、この情報を提供する最善の方法は何ですか？ トーンは正式であろうとビジネス的であろうと、それとももっとカジュアルであろうと、おそらく気まぐれなものであろうか？
風景
あなたのウェブサイトの "土地の敷地"を把握することは、あなたのウェブサイトの目標を達成するためにはどのウェブサイトの機能が不可欠かを決定することになります。 これを行うには、準備段階であなたのウェブサイトの目標を参照する必要があります。 たとえば、商品を販売したいですか？ そうであれば、クレジットカード処理とショッピングカートの機能が必要になります。
考慮すべき機能は次のとおりです。
- 電子メールリストを作成するための磁石
- ショッピングカートと支払い処理を含むeコマースの設定
- 写真またはビデオギャラリー
- ブログ
- 自宅のオフィスにクライアントがいる場合の地図と道順
- 連絡先のページまたは情報
- ソーシャルメディアリンクと共有ボタン
- よくある質問（FAQ）
- ポートフォリオ
- お客様の声
フロントエンドの機能を検討するだけでなく、次のようなバックエンドの機能を考慮する必要があります。
- 検索エンジン最適化（ SEOと呼ばれる）などの統合されたマーケティングシステムは、
- 訪問者の安全を守るためのSSL証明書などのセキュリティ対策
- ウェブページの読み込みを高速化するためのキャッシング
上記の機能のすべてを必ずしも必要とするわけではありません。 ここでもまた、必要なものを決定する際に、サイトの市場と目標を考慮する必要があります。
美学
デザインの美学、またはあなたのサイトの見た目は、ウェブサイトの作成プロセスの重要な部分です。 ありがたいことに、ほとんどのWebホストはテンプレートを提供し、コンテンツ管理プラットフォームにはこの部分を簡単にするテーマがあります。
あなたのサイトの外観を決める方法：
- あなたの市場は誰ですか？ 彼らはママですか？ ビジネスオーナーですか？ 生存者？ サイトのトーンを市場に合わせることが重要です。 たとえば、控えめなB2B市場でビジネスを行う予定の場合、狂った色の音楽業界のテンプレートを選択しないでください。
- 読みやすいのは何ですか？ 一般に、黒い背景の白いフォントは、白の黒より読むのが難しいです。 また、フォントのスタイルも考慮してください。 すべてのブラウザが読者に提供できる基本的なフォントに固執する。
- 画像を使用します。 研究は、読者が視覚的なコンテンツに惹かれていることを示しています。 しかし、あなたはあなたのコンテンツとメッセージを向上させる高品質のグラフィックスを選択する必要があります。 あなたは自分の写真を撮ることができますか、インターネット上で無料または低価格の写真ストックオプションがあります。 写真編集ソフトウェアが揃っていない場合は、 無料で低価格のオンライングラフィック編集オプション（Canvaなど）を使用できます。
- フォールドコンテンツの上。 あなたの最高の情報、あなたの訪問者があなたのサイトに来て、画面上で前と中央にある情報を求めています。 彼らがあなたのウェブサイトにほしいものを見つけることができない場合訪問者が訪問できる他の多くのウェブサイトがあります。 あなたのウェブサイトのページごとにこれを念頭に置いておきたいでしょう。 あなたの訪問者が彼らが望む情報を得るために下にスクロールしなければならないようにしないでください。
- レスポンシブなデザイン。 多くの人が現在モバイルデバイスでインターネットを使用しているため、より小さな画面に対応するレスポンシブなデザインを使用していることを確認したいと考えています。
視覚的にあなたのウェブサイトのトーンを作成する方法に固執している場合、あなたの競合他社のウェブサイトにアクセスして、彼らがどのようにしているかを見てください。 あなたは何をすべきか、またあなたがより良くできることについてアイデアを得るでしょう。 コピーまたは盗作をしたくないことに注意してください。 訪問者のための雰囲気を作り出すために使用される色、フォント、テーマを理解したいと思っています。
ナビゲーション
ウェブサイトのナビゲーションは、ウェブサイトのページとリンクが整理される方法です。 構築する前にナビゲーション構造を決定することは、訪問者が自分が望むものを見つけるのに簡単なサイトを設計するうえで重要です。 サイトのナビゲーションを特定するには：
- あなたのサイトを地図に描くために紙を使います。 一番上にはホームページやトップページがあります。 これはあなたのドメインのURL（www.yourbusiness.com）が指示するページです。
- ホームページのすぐ下にある「情報」や「連絡先」など必要な情報を一覧表示します。
- あなたのホームページのすぐ下にあるメインカテゴリー（「About」と「Contact」と同じレベル）を表示します。たとえば、調理店がある場合、主なカテゴリは「道具」、「ポット＆パン」、 「キッチンツール」、「レシピ」
- メインのカテゴリの下に、サブカテゴリを表示します。 「Kitchen Tools」の下に「Crockpots」、「Spiralizers」、「Mixers」があるかもしれませんが、「Kitchen Tools」の下に「Kitchens Tools」の下に「Cookie」、「Serving Utensils」などがあります。
あなたが必要とするすべてのページを知っている人は、これらのページを簡単に見つける方法を決めます。 ほとんどのサイトには、すべてのページに表示されるトップメニューやサイドメニューがあります。 トップメニューはサイドメニューよりスペースが限られている傾向がありますので、通常はメインページ（ホーム、About、連絡先）とトップカテゴリーページのリンクのみが必要です。 しかし、もう一度、人々が探しているものを簡単に見つけられるようにしたいのです。 特定のアイテムを探している人がメニューにない場合、どのように見つけられますか？
1つのオプションは、トップメニューからドロップダウンリストを持つことです。 調理店の例を使用して、トップメニューの「道具」のメインカテゴリーを人が乗ると、「ナイフ」、「サービング用品」などのサブカテゴリーのドロップダウンリストが表示されます。 ネスト効果を使用してサイドメニューからこれを達成することができます。ネストエフェクトでは、メインカテゴリをクリックしてその下のサブカテゴリリストを開きます。
あなたが望んでいるものを見つけるために、または彼が何を望んでいるのか見つけにくい訪問者のために、周りを突くことを望まない、辛抱強な人のために、あなたのウェブサイトに検索ボックスを含めます。
すべてを一緒に入れて
計画を完了したら、ビルド段階に進む準備が整いました。 それは、 ドメイン名とWebホスティングを購入し、次にあなたのトーンに合ったテーマを選択し、あなたが望むすべての機能を許可することから始まります。
サイトを構築したら、すべてのページとグラフィックスが正しく読み込まれていることを確認してください。 フォームが動作していることを確認するためにフォームをテストします。 さまざまなブラウザ（Chrome、Firefox、Edge、Safariなど）や携帯端末（スマートフォン、タブレット）でサイトをプレビューして使用することを検討し、すべての要素が表示され動作することを確認してください。