ウェブサイトを公開する方法:初心者のための完全なガイド

公開: 2022-02-18

新しいウェブサイトを作成する技術を習得することは、圧倒される可能性があります。

コピー、デザイン、機能がすべて1つになっていることを心配する必要があります。 さらに、顧客が見つけられるように、検索エンジン向けに最適化されていることを確認する必要があります。

最も経験豊富なマーケターでさえ、どこから始めればよいかわからないことがあります。

そのため、このガイドでは、Webサイトの公開方法に焦点を当てています。

この投稿では、サイトをまとめるときに考慮すべき重要な領域を発見します。 これらの手順に従うことで、魅力的で効果的なWebサイトを作成するための強固な基盤が得られます。

1.公開オプションを選択します

あなたはあなた自身のウェブサイトを公開するために技術の専門家である必要はありません。 すべてのレベルの経験とすべての予算に合うように利用できるツールがあります。

最初のステップは、4つの主要なオプションから選択することです。

コーディング(HTML、CSS、JavaScript)

チームにプロのWeb開発者がいる場合、またはWeb開発者を雇うことを選択した場合は、HTML、CSS、JavaScriptなどの言語を使用してサイトを最初からコーディングできます。

これは最も困難で時間のかかるオプションです。 サイトを更新したい場合は、開発者を再度呼び込む必要があります。

プラス面として、必要なものを作成するための完全な柔軟性があります。 また、更新および管理するための基盤となるソフトウェアやプラグインはありません。

ウェブサイトビルダー

ウェブサイトビルダーは速く、簡単で、そして安いです。

シンプルなドラッグアンドドロップインターフェイスを使用してWebサイトを作成できます。 時々、ウェブサイトビルダーはあなたが無料であなたのサイトを構築してホストすることを可能にします、しかしあなたは通常無料のアカウントでいくつかの制限があります。 たとえば、通常、独自のドメイン名を選択することはできません。

人気のあるウェブサイトビルダーには、Wix、Weebly、Squarespaceなどがあります。

あなたが迅速かつ安価にウェブサイトを立ち上げたいのであれば、ウェブサイトビルダーは良い選択肢かもしれません。 ただし、カスタマイズ機能はあまりありません。ほとんどのWebサイトビルダーでは、将来、サイトを別のホストに移動することはできません。

飛躍して最初のサイトを公開する準備はできましたか? ここから開始クリックしてツイート

コンテンツ管理システム(CMS)

コンテンツ管理システムは、ユーザーがWebサイトのコンテンツを作成、管理、および編集するのに役立つソフトウェアです。

誰でもCMSを使用できますが、Webサイトビルダーほど単純ではありません。 あなたが効果的にウェブサイトを作成して維持することができる前に学ぶべきことがもっとあります。 HTMLを知らなくても、CMSを利用したWebサイト全体を構築できますが、一部を知っておくと役立ちます。

これは非常に人気のあるオプションです。CMSを使用しているサイトは世界中に7000万あります。 最も一般的なものは次のとおりです。

  • WordPress
  • Joomla!
  • Drupal
  • Magento(eコマースサイト用)
インターネット全体でのCMSの分布を示すグラフ
インターネットを介したCMSの配布

コンテンツ管理システムは、カスタムWebサイトを作成し、それを更新し続ける柔軟性を提供します。 さまざまなインストールが簡単なプラグインを使用して機能を追加できます。

Webサイトビルダーとは異なり、CMSでは別のWebサイトホストを選択する必要があります(ステップ4を参照)。

ただし、覚えておくべきことの1つは、CMSを常に無料で使用できるとは限らないということです。 通常は無料版がありますが、これらには制限があります。

組み合わせ

Webサイトを公開するために、これらのオプションの1つだけを選択する必要はありません。

たとえば、WordPress Webサイトビルダーを使用すると、WebサイトビルダーのシンプルさでCMSWebサイトを構築できます。

多くのサイトは、コードとCMSの組み合わせを使用して構築されています。 そうすれば、プロのWeb開発者がWebサイトを作成し、デザインや機能に大幅な変更を加えることができますが、新しいブログ投稿のアップロードや画像の切り替えなどのタスクは誰でも簡単に実行できます。

2.Webサイトのコンテンツを準備します

Webサイトの構築にどのソリューションを使用する場合でも、その成功または失敗は、Webサイトに配置するコンテンツによって異なります。

サイトをデザインする前に、コンテンツの計画を立てることをお勧めします。 あなたのブログがカバーするすべてのトピックを計画する必要はありませんが、あなたはあなたのコアページが何であるかについての考えを持っているべきです。

意味のあるトピックをブレインストーミングする

あなたのウェブサイトの焦点は何ですか? あなたの理想的な聴衆は何について読みたいと思いますか?

興味深く関連性のあるトピックのリストをブレインストーミングします。

困っている場合は、競合他社のサイトを見て、競合他社がカバーしているトピックを確認してください。

キーワード調査を行う

どのトピックについて書くべきかを理解する良い方法は、キーワードを調査することです。 目標は、理想的な視聴者が検索している用語を特定し、それらの単語をコンテンツで使用して、他のユーザーがあなたを見つけられるようにすることです。

ショートテールとロングテールのキーワードの組み合わせを考え出す必要があります。

ショートテールキーワードは、多くの人が検索している幅広い用語です。 たとえば、「画材」。 あなたはおそらくGoogleでトップの「画材」ウェブサイトになることは決してないでしょう。

しかし、「セントルイスで絵筆を買う」とランク付けできるかもしれません。 それはロングテールのキーワードです。 競争は少なくなりますが、検索ボリュームも低くなります。

ロングテールとショートテールのキーワード
ロングテールとショートテールのキーワード(出典: Ahrefs)

秘訣は、サイトへの大量のトラフィックを促進するために、多くのロングテールキーワードをランク​​付けすることです。

名前を選択してください

場合によっては、あなたのウェブサイトの名前が明白になります。 たとえば、確立されたビジネスの場合は、yourbrandname.comまたは同様のドメインでサイトを検索する必要があります。

Webサイトの名前がまだ進行中の場合は、使用可能なドメイン名を確認して、Webサイトを絞り込むことができます。 GoDaddy、Namecheap、Bluehost、HostGatorなどの主要なドメインレジストラを検索します。

ドメイン名の費用は、レジストラによって異なる場合があります。 場合によっては、そのサービスでWebサイトをホストすることを選択した場合、ドメイン名を1年以上無料で取得できます。

あなたのドメイン名は魅力的であり、訪問者にあなたのサイトが何であるかを伝える必要があります。

画像とビデオコンテンツを使用する

あなたのウェブサイトのコンテンツは、テキストだけであってはなりません。 人々はウェブサイト上の画像が好きで、彼らは本当にビデオが好きです。

実際、消費者の69%は、製品やサービスに関するテキストベースの記事を読んだり(18%)、インフォグラフィックを表示したり(4%)するよりも、製品やサービスを説明するビデオを見たいと答えています。

コンテンツ戦略をマッピングする

あなたのウェブサイトのオーディエンスは、1つのタイプの人だけで構成されているわけではありません。

たとえば、カスタマージャーニーのさまざまな段階にサイト訪問者がいるとします。 一部は意識の段階にあります。 彼らはあなたが何をしているのか、そしてあなたが解決する問題について学んでいるだけです。

他の人は初めて購入することに近いです、そして他の人は忠実な顧客です。

また、おそらくいくつかの異なるバイヤーペルソナがあなたのサイトを訪れています。 たとえば、B2B企業は、そのサービスをマーケティングおよびセールスリーダーに販売する場合があります。 各グループには、異なるターゲットコンテンツが必要です。

カスタマージャーニーの各段階で、各バイヤーペルソナのコンテンツトピックのアイデアをブレインストーミングします。

コンテンツマッピングの例
コンテンツマッピングの例(出典:ハル)

品質管理のために編集

作業を確認し、一連の修正を実行します。 最初の試行で記事を公園からノックアウトすることはめったにないので、すべてのコンテンツを新鮮な目で確認してください。

文法とスペルについて少し助けが必要な場合は、WordPressに最適な文法チェッカーのリストからツールを選択してください。

3.サイトの設計と構築

最高のウェブサイトは機能的で美しいものです。 このステップでは、サイトがどのように表示され、どのような機能を備えているかを決定します。

レイアウトをワイヤーフレーム化

ウェブサイトのデザインはワイヤーフレームから始まります—最も単純な形でのあなたのサイトの描画です。 それをあなたのウェブサイトの骨組みと考えてください。

Webサイトのワイヤーフレームは、色やフォントには関係ありません。 むしろ、ボタン、メニュー、画像などの要素を配置するための青写真として機能します。

ウェブサイトのワイヤーフレームの例
ウェブサイトのワイヤーフレームの例

ワイヤーフレームを手で描くか、Adobe XD、Sketch、Figmaなどのツールを使用できます。

ドラッグアンドドロップのWebサイトビルダーまたはWordPressテンプレートを使用している場合は、正確なワイヤーフレームは必要ないかもしれませんが、作成を開始する前にデザインをスケッチする必要があります。

ブランドのルックアンドフィールをデザインする

Webサイトのルックアンドフィールは、ブランドと一致している必要があります。 ロゴとブランドカラーをデザインに統合し、ブランドの声でコンテンツを作成します。

あなたのブランドが新しい場合は、これについて考えてください。読者や顧客があなたのWebサイトにアクセスしたときに、どのように感じてもらいたいですか。 コピーやデザインでその感情を輝かせる方法を検討してください。

ナビゲートしやすいUXを実装する

そのコンテンツを消費することが混乱したりイライラしたりする場合、世界中のすべての優れたコンテンツはあなたのウェブサイトを保存することはできません。

そのため、UX、つまりユーザーエクスペリエンスは、Webサイトデザインの主要な考慮事項の1つです。 UXデザインとは、サイトへの訪問者にシームレスで快適なユーザーエクスペリエンスを提供することです。

たとえば、論理的な方法でサイトを構成します。 Webサイトページの階層が整理されている必要があり、その階層をナビゲートする方法は明白である必要があります。

組織化されたウェブサイトの構造
整理されたウェブサイトの構造(出典: Lucidchart)

設計要素と一致している。 ボタンとメニューはすべて、サイト全体で同じように動作する必要があります。

モバイルサイトのデザインをおろそかにしないでください。 モバイルデバイスで閲覧しているインターネットユーザーの54.8%にとって、サイトが使いやすいことが重要です。 モバイルレスポンシブデザインはオプションではなくなりました。

A / Bテストは、ウェブサイトのデザインから当て推量を取り除きます。 A / Bテスト、または分割テストでは、2つのWebページ要素を相互に比較して、どちらが優れているかを確認します。 たとえば、赤または青のCTAボタンのクリック数が増えるかどうかをテストできます。

分割テストの結果を使用して、UXを継続的に最適化します。

A / Bテストの開始方法がわかりませんか? WordPress A/Bテストツールのベスト10のリストをご紹介します。

4.サイトをホストする

ウェブホスティングはあなたがあなたのウェブサイトを公開することを可能にするオンラインサービスです。 Webホストは、Webサイトのファイル用のサーバースペースを提供します。

WixやWeeblyなどのウェブサイトビルダーを使用した場合は、別のホストを探す必要はおそらくありません。 しかし、ほとんどのWebサイトにはホスティングソリューションが必要です。

Webホストを探す

あなたがしなければならない最初のことは、使用するウェブホストのタイプを決定することです。 中小規模のWebサイトの場合、いくつかのオプションがあります。

共有ホスティング

最初のオプションは、GoDaddyやHostGatorなどの人気のあるホスティングプラットフォームの1つを使用することです。 あなたのウェブサイトが保存されている実際のサーバーはホスティングサービスによって所有され、他のウェブサイトと共有されることがよくあります(少なくとも最も安いプランの場合)。

共有ホスティングは手頃なオプションですが、欠点があります。 多くのホスティングプラットフォームでは、サイトのページの読み込み時間が遅くなったり、ダウンタイムが発生したりします。

ウェブサイトのコンバージョン率は、読み込み時間が1秒増えるごとに平均4.42%低下するため、これは非常に重要です。

一部のプラットフォームでは、RAMとCPUも制限されているため、サイトでパフォーマンスの問題が発生する可能性があります。

マネージドホスティング

マネージドホスティングとは、要するに、ホスティング会社がサーバーのセットアップ、管理、およびメンテナンスを処理することを意味します。

しかし、比類のないサポート、GCPのプレミアム階層ネットワークを活用するパフォーマンス最適化ホスティングインフラストラクチャ、コンピューティング最適化C2 VM、29のデータセンターロケーション、Cloudflareとその200以上の都市のグローバルネットワーク、エンタープライズレベルのファイアウォールおよびDDoS保護。

マネージドホスティングは共有ホスティングよりも少しコストがかかりますが、パフォーマンス、セキュリティ、サポート、およびワークロードの改善という点で、投資は常に報われます。

DIY

もう1つのオプションは、Webサイトのサーバーの構成、更新、および運用と運用の維持に全責任を負うことです。

あなたがマネージドホスティングプロバイダーに支払う必要がないので、それはかなりのように聞こえるかもしれません。 しかし、あなた自身のシステム管理者になることは多くの仕事であり、多くの技術的専門知識を必要とします。

定期的なバックアップ、セキュリティスキャン、およびその他のメンテナンスを管理するためのリソースがない場合、DIYホスティングは適していません。

ファイルのアップロード

画像、動画、カスタムテーマのオプションをアップロードして、魅力的なコンテンツでサイトを埋め始めましょう。

テストサイト

起動する前に、サイトにバグがないかテストしてください。 サイトを一般に公開する前に、小グループまたはプレビューモードでテストする必要があります。

パフォーマンスのためにファイルとメディアを最適化する

特大のファイルはあなたのウェブサイトを遅くします。 サイトの速度を上げるには、大きな画像を縮小してください。

ダウンタイムとWordPressの問題に苦しんでいますか? Kinstaはあなたの時間を節約するために設計されたホスティングソリューションです! 私たちの機能をチェックしてください

また、メディアにメタデータを追加して、検索しやすくします。 画像にタイトルと代替テキストを付け、タイトル、説明、キーワード、トランスクリプトを動画コンテンツに追加します。

5.サイトを公開する

これだよ! あなたが自分の創造物を世界と共有する瞬間。

プッシュサイトライブ

サイトを設計および構築し、ドメイン名を購入し、Webホスティングを設定し、プレビューグループを使用してサイトをテストした場合、実行する必要があるのは1つだけです。

公開を押して公開します。

検索エンジンにサイトを送信する

グーグルと他の主要な検索エンジンは、最終的に新しいウェブサイトのインデックスを作成するのにかなり優れていますが、それが迅速に行われるようにするには、自分で積極的に提出する必要があります。

グーグル

ウェブサイトをGoogleに送信するには、Google検索コンソールを設定し、ウェブサイトの所有権を確認します。

ドメインの所有権を確認する最も簡単な方法は、DNS TXTレコードをコピーして、ドメイン名プロバイダーに追加することです。

検索コンソールにログインしたら、サイドバーの[サイトマップ]に移動し、サイトマップURLを貼り付けて、[送信]をクリックします。

Google検索コンソールにサイトを送信する
Google検索コンソール

Bing

Bingでは、BingWebmasterToolsとほぼ同じプロセスに従う必要があります。 ログインして、サイドバーの[サイトマップ]に移動し、サイトマップURLを貼り付けて、[サイトマップを送信]をクリックします。

その他の検索エンジン

新しいウェブサイトをYahoo!に送信することもできます。 とDuckDuckGo。

6.将来の計画

ウェブサイトは「設定して忘れる」プロジェクトではありません。

あなたがあなたのサイトを立ち上げた日から、あなたはウェブサイトのメンテナンスと改善のための計画を持っているべきです。

新しいコンテンツと機能で拡張

あなたは常にあなたのサイトのために新しいコンテンツを書いているべきです。 これにより、視聴者の関心と関心が維持され、SEOに役立ちます。

ある調査によると、週に2〜4件のブログ投稿を公開することが、トラフィックとコンバージョンを最大化するためのスイートスポットです。

キーワードや競合他社の調査を通じてアイデアを流し続けることができます。

また、新しい機能を追加し、ユーザーインターフェイスを更新し続ける必要があります。 分割テストとウェブサイト分析により、オーディエンスが好きなものと嫌いなものがわかります。

現金化を通じて収益チャネルを増やす

あなたはあなたのサイトに多くの仕事をしました—それはあなたが何かを取り戻す時です。 製品やサービスの販売を超えてあなたのウェブサイトを収益化する方法があります。

ディスプレイ広告

ウェブサイトの広告が好きな人は誰もいませんが、インターネットでの存在感を収益化する最も簡単な方法の1つです。

Google Adsenseは、テキスト、画像、ビデオ、およびインタラクティブなメディア広告を表示できるプラットフォームです。 人々が見る広告は、個人的な好みと検索履歴に基づいています。

あなたが調べることができるAdSenseの代替案もあります。

アフィリエイトマーケティング

アフィリエイトマーケティングとは、ブランドの製品を宣伝するアフィリエイト(つまりあなた)とブランドが連携することです。

アフィリエイトマーケターとして、あなたはあなたのウェブサイトにアフィリエイトリンクを置きます。 誰かがあなたのユニークなリンクをたどって製品を購入すると、あなたはコミッションを受け取ります。

あなたも私たちのアフィリエイトプログラムを通じてキンスタを宣伝することによってお金を稼ぐことができます。

コンテンツを販売する

電子書籍やオンラインコースなどのプレミアムコンテンツを販売すると、お金を稼ぐことができます。 また、他の目的にも役立ちます。

このタイプのコンテンツを作成すると、ブランドへの関心と認識を高めるのに役立ちます。 また、サインアップフォームの後ろにコンテンツを配置して、見込み客から連絡先情報を収集できます。

SEO戦略を使用する

あなたはすでにいくつかのキーワード調査を行い、サイトを作成したときにSEOのベストプラクティスに従いましたが、作業は完了していません。

コンテンツマーケティングの重要な部分として、SEO戦略はサイトの継続的な成功にとって重要です。

その戦略の一部は、すでに説明した新しいコンテンツの作成です。

見落とされがちな分野はテクニカルSEOです。 リンク切れ、リダイレクトループ、HTTPSセキュリティの欠如などの技術的な問題を定期的に確認してください。

また、サイトの被リンクプロファイルの構築にも取り組む必要があります。 バックリンクプロファイルは、訪問者をあなたのサイトに送る他のウェブサイト上のリンクのコレクションです。 これらのリンクが高品質のサイトからのものであることが重要です。

ソーシャルメディア戦略を使用する

18〜29歳の米国の成人の84%は、アクティブなソーシャルメディアユーザーです。 魅力的なソーシャルメディア戦略を使用すると、ブランド認知度を高め、それらのユーザーの一部をサイトに誘導できます。

ソーシャルメディアサイトでビジネスのプロファイルを作成し、新しいコンテンツで定期的に更新します。 宣伝用のコンテンツのみを投稿することは避けてください。 あなたのソーシャルメディアの聴衆はあなたのことを知っているだけです—認知度を高めたりあなたのブランドの価値を紹介したりする投稿をしてください。

ソーシャルメディアはソーシャルであると想定されているので、フォロワーにあなたやお互いと交流するように勧めてください。

ほとんどのソーシャルメディアプラットフォームでは、より多くのユーザーを引き付けるための広告を作成することもできます。

最初のサイトを公開するのは怖いように思えるかもしれません...しかし、そうである必要はありません。 このガイドは役に立ちます。 クリックしてツイート

概要

最初のWebサイトの公開は、時間はかかりますがやりがいのある作業になる可能性があります。 実行する必要のある手順がわかったら、手元のタスクを実行し始めることができます。

適切なガイダンスがあれば、ブログや会社を可能な限り最高の状態で紹介する効果的なWebサイトを作成できます。

CMSを使用してWebサイトの構築を開始する準備ができている場合は、WordPressを使用する理由と、WordPressの使用方法を学ぶことができる場所に関するこれらの記事を確認してください。