Articles

2021年にウェブサイトを設定する方法:更新された初心者のガイド

ウェブサイトを作成するためのヒント

あなた自身のウ より多くの人々は彼らの自身のオンライン存在を持ちたいと思う。 Instagramのプロフィール、Facebookページ、またはTwitterアカウントのみに依存する必要はありません。

なぜあなた自身のウェブサイトを作成しませんか?

始めるために、私たちが過去にあなたのような野心的な初心者から受け取った最も一般的な質問を見てみましょう。

:

目次

私は技術的なスキルが必要ですか?

これはあなたのウェブサイトの目的に依存します。 最も複雑な方法は、HTML、CSS、JavaScript、PHPをコーディングする方法を学ぶことです。しかし、これはウェブサイトを作成する唯一の方法ではありません:あなたは物事の技術的な側面に非常に精通していない場合でも、あなたは簡単にしかし、どのように?

ウェブサイトビルダーを使用して。 Word、Facebook、またはPowerPointを使用できる場合は、これらのツールを問題なく使用できます。 これらの使いやすいプラットホームは催す視覚編集者を提供し、それらを通してドメイン-ネームを得ることができる:ワンストップショップ。

ウェブサイトを設定する方法:始めるための5つのステップ

ほとんどのウェブサイトのプロジェクトは、次の手順を実行します。

  1. あなたのウェブサイトの構造とコンテンツの計画を立てる
  2. ドメイン名を登録する–理想的にはaを選ぶ。com
  3. あなたのサイトを作成するには、ウェブサイトビルダー(およびホスティングプロバイダ)を見つける
  4. 検索エンジンのためにそれを最適化
  5. あなたのウェブサイトを起動

ウェブサイトを設定するための3つの最も一般的な方法

のは、ウェブサイトを開始するための最も一般的な方法の上に行きましょう。 多くの解決策があります。 いくつかは他のものよりも柔軟であり、いくつかはより複雑です。

ウェブサイトビルダーを使用してウェブサイトを設定する

最も簡単なオプションから始めましょう:ウェブサイトビルダー。 これはいわば”オールインクルーシブ”パッケージです: 単一の会社は通常型板(設計)、編集者、催すこと、ドメイン-ネーム、電子メールアドレスおよびサポートを提供する。 Webビルダーは、困難なタスクの世話をします。これは初心者のためだけに有用ではありません。

それは単にプロジェクトに依存します。 物事を行う簡単な方法がある場合、なぜあなたの人生を複雑にするのですか? ほとんどすべての場所の建築者はサブドメインの自由な基本的なウェブサイトを作成することを可能にした(例えば。yourname.sitebuildername.com)、これは広告サポートされています。 このような計画を使用すると、コストが価値があるかどうかを決定する前に詳細に試すことができます。

価格は約month8/月から始まりますが、すべての必需品が含まれています。

価格は約8 8/月から始まります。 特に電子メールアドレスを必要としなければ、より安い場合もある。

より良いそれがどのように動作するかを正確に理解するために、ウェブサイトの作成にステップバイステップチュートリ

ウェブサイトを作成するのがいかに難しいか疑問に思ったことはありませんか? 我々はいくつかの良いニュースを持って、それは非常に簡単です! ここで私たちの完全なチュートリアルをチェッ.. どのようにウェブサイトを作成するには? 5分未満でそれを学ぶ! 2018-08-09T09:41:25.000Zhttps://i.ytimg.com/vi/FXNSB-XmtLY/default.jpg

長所:

  • 非常に使いやすいです。
  • 追加のソフトウェアは必要ありません。
  • 技術的な知識がなくても始めることができます。
  • 更新とセキュリティの側面は、webサイトビルダー自体によって処理されます。
  • あなたが好きなように適応することができます定義済みのデザインテンプレート

短所:

  • あなたは常に(ウェブサイトビルダーに応じて)余分な機能を追加することはできません。
  • プロバイダーに依存しているので、柔軟性はありません。
  • これらは、データベースを必要とする非常に複雑なプロジェクトのために設計されていません(例: 最もよく知られているウェブサイトビルダーは、Wix、Weebly、およびshopify(オンラインストア用)です。 あなたは私たちの完全な比較で他のウェブサイトビルダーを見つ

    あなたは無料で、あなたが望む限り、Wixウェブサイトビルダーを試すことができます。

    無料でWixを試してみてください

    コンテンツ管理システムでウェブサイトを作成する

    コンテンツ管理シ 彼らは本質的にウェブサイトビルダーと同じように動作するにもかかわらず、彼らははるかに使用することは困難です。

    ウェブサイトビルダーでは、テキストや画像などの単純なコンテンツを追加するだけでなく、ウェブサイト全体をデザインすることもできます。 古典的なコンテンツ管理システムは、この場合にははるかに制限され、限り外観が行くように、あなたは利用可能なテンプレートに制限されています。Joomlaのようなシステムがたくさんありますが!

    、DrupalとTypo3、私たちはWordPressである最も人気のあるCMSに焦点を当てます。 ワンクリックインストールを提供するホスティング企業のおかげで、設定することは困難ではありません。お勧めのものは、Dreamhost(非常に手頃な価格)、Siteground(もう少し高価ですが、超強力)、Bluehost(24/7サポートで人気のある選択肢)です。

    私たちはここでWordPressのためにお勧めするwebホスティング会社の詳細を学びます。

    テンプレートを簡単にインストールし、デザインオプションで調整することもできます。 しかし、あなたが好きではないものがある場合は、おそらくCSSやHTML(あなたやプログラマ)を変更する必要があります。

    ホスティング、ドメイン、電子メールアドレス、インストール、および選択したサポートのレベルは、あなたが費やすしたいどのくらいとあなたの技術的な知識に依存します。 あなたがそれを自分で行う場合、それは非常に安いことができます。

    巨大な利点は、特にWordPressのために、あなたが最初に含まれていないあなたのウェブサイトに特別な機能を追加できるプラグインの数千を持ってい 典型的な例は、woocommerce、完全なオンラインストアを追加するプラグインです。デフォルトでは、WordPressは単一の言語になるように設計されていますが、WPMLのようなプラグインがあり、ページを翻訳できます。 私のお気に入りのもう一つは、あなたが検索エンジンの設定(例えばGoogle)を変更することができますYoast SEOプラグインです。入門ビデオでは、WordPressを設定する場合に考慮する必要があるものを見てみましょう。SiteGroundのホスティングを使用してWordPressをインストールする方法を簡単に確認しましょう。 SiteGroundはWordPressサイトのトップホスティングプロバイダーの1つです。 試してみてください。.. SitegroundのホスティングでWordPressをインストールする方法を学ぶ2019-10-23T07:54:23.000Zhttps://i.ytimg.com/vi/XMLMT_mKZhQ/default.jpg

    ここでsitegroundにサインアップできます。

    長所:

    • ホスティング会社を選択できます。
    • 多言語のウェブサイトのための素晴らしいです。
    • 技術的な柔軟性:ソースコード全体にアクセスできます(あなたが何をしているのか知っていれば)。
    • プラグインを使用すると、より多くの機能を得ることができます。

    短所:

    • 個人的な技術サポートはありません。
    • 創造的な自由は、テンプレートに依存します。
    • プラグインの追加コストがかかることがあります。
    • 小さな審美的な変更を行うには、プログラマが必要な場合があります。コンテンツ管理システムの他の例はJoomla! そしてDrupalですが、WordPressよりもはるかに複雑なので、それには触れません。 あなたは私たちのWordPressの初心者ガイドでWordPressの詳細を見つけることができます。

      ウェブサイトを自分でプログラムする方法(またはそれを行うために誰かを雇う)。

      これは最高の規律です:エディタを開き、コードを開始します。 完全な自由を必要とする人は、ページを自分で作成する必要があります。 あなたはこれのために忍耐を必要とし、初心者のために、それは通常圧倒的です(そしてイライラします)。開始するには良い場所は、初心者のためのステップバイステップのチュートリアルを持っているCodecademy、Mozilla、またはW2Schoolsのようなウェブサイトです。

      しかし、あなたのウェブサイトが準備が整う前に長い旅を期待してください。

      この場合、プロジェクトに依存するため、一般的に価格を与えることはできません。 プログラマーを雇う必要があればとりわけ、それははるかに高い:ウェブサイトの建築者のための$8-10月を支払うことはあらゆるデザイナーか代理店が仕事の時間のために満たすものをより常に安くなる。

      いくつかのお気に入りはNetBeans、Aptana StudioまたはBracketsです。 すべて、少なくともHTML、CSS、JavaScript、PHPを許可し、無料です。 別のオプションは、視覚的なソースコードエディタであるWebflowです。

      ブラケットのソースコードエディタ

      ブラケットのソースコードエディタ

      ブラケットのスクリーンショット

      長所:

      • コストに優しいホスティング。
      • 最大の柔軟性。
        • サポートなし。
        • 学習曲線は急です。
        • コストを計算するのは難しいです。
        • 多くの研究と実装時間が必要です。

        ドメイン名はどうですか? 無料のドメイン名を使用したくない場合(別の会社の名前が入っているので非常に醜いように見えます)、独自のドメインを購入する必要があります。 これは次のようになりますwww.mycompany.com.通常、カナダ(.ca)や英国(.ca)のような1つの国で厳密に運営されていない限り、.com拡張子を取得することをお勧めします。co.uk)。

        ドメイン

        ドメイン

        私たち自身のドメイン名

        ドメイン名を販売する、いわゆるレジストラ 私たち自身は主にNamecheapでそれらを購入していますが、かなり安いですが、年間9-18ドルの範囲であるため、違いはそれほど重要ではありません。しかし、あなたのウェブサイトを構築する場所に応じて、あなたはそれもあなたのウェブサイトビルダーパッケージに含まれて得ることができます。

        たとえば、Wix、Weebly、およびJimdoはすべて、最初の年に無料でドメイン名が含まれています。 次の年、彼らは例えば、Namecheapよりもわずかに多くを充電しますが、唯一の一つの会社に対処することの追加の利便性は、通常、それだけの価値があります。あなたが使用している場合

        WordPress.org または、自分でウェブサイトを構築するには、独自のwebストレージを整理する必要があります。 これは、SitegroundやWPEngineのような別の専門会社からドメイン名を取得するのと同じ場所で購入することができます。 しかし、あなたが始めているだけであれば、これは今のところあまり重要ではありません。ヒント:メールアドレスも必要な場合は、Zoho Workplaceを試すことができます。 Google Workspaceと同様のサービスですが、Zohoには無料プランもあります。

        ウェブサイトの設計と計画

        レシピに従わずに料理を始めるのは必ずしも良い考えではないように、少なくとも経験がない場合は、ウェブサ ここでは、即興は良い考えではありません。 計画は、あなたが必要なセクション、あなたのために最高の作品とどのようにあなたのウェブサイトを設計する必要がありますコンテン

        マインドマップのウェブサイト

        マインドマップのウェブサイト

        オンライン靴店のためのマインドマップ

        開始する良い方法は、あなたのウェブサイトが必要とするもののアイデアでマインドマップを作成することです。 このマインドマップの主な項目は、あなたのナビゲーションのために使用することができます。

        あなたのウェブサイトを計画するためのヒント:

        1. 紙とペンを使用して、ウェブサイト上で必要なすべてを書き留めます。 ブレーンストーミングとマインドマップの作成は、あなたの考えを整理するのに最適な方法です。
        2. デザインとコンテンツの両方の面で他の興味深いウェブサイトを見てみましょう。 あなたが好きなものとしないものに注意してください。
        3. あなたのウェブサイト上で欲しいもののドラフトを持っていたら、彼らが考えるものを信 あなたは確かにあなたが組み込むことができるいくつかの興味深い視点を見つけることができます。
        4. あなたのウェブサイトが持つすべてのページを含むリストを(例えばExcelで)作成してください。 タイトル、あなたが持っているコンテンツの種類、キーワード、目的、ページの種類とその重要性に注意してください。
        5. ボーナス: あなた自身を調査エンジンでよく置きたいと思えばこれはどんなキーワードを各ページに持ち、ポイント4のリストに加えるべきであるときである。 詳細については、このSEOガイドをお読みください。

        ウェブサイトのデザインはどうですか?

        視覚的なwebデザインを作成することは簡単な作業ではありません。 実際には、私はオンラインで、良いものよりもひどいデザインのより多くの例があると言うだろう。 あなたのウェブサイトを一つにさせてはいけません。

        ちょうどベルボトムジーンズが70年代にスタイリッシュだったように、彼らは80年代と90年代にばかげていました。 あなたは5年前に良い練習と考えられていたことを覚えておく必要があります,今のような古いか、古くなって見えることができます. 避けるためにどのような慣行を知るために、この記事をチェックしてください。

        これはプロのデザイナーのためのガイドではありませんが、それはあなたに私は常に働くと思ういくつかのヒントを与えるでしょう:

        1. 背景に
        2. お互いを補完する魅力的な色を選択します。 ヘルプが必要な場合は、Adobe Colorを使用してください。
        3. デザインを清潔でシンプルに保ち、要素の間に空白を残します。 より多くの情報。.
        4. あまりにも多くのフォントを使用しないでください: タイトルのためのものとテキストのためのものは、通常は十分です。 このガイドは、あなたが選択するのに役立ちます。
        5. 一貫したスタイルとフォーマットを維持します。 ユーザーはあなたのページ間の違いに気づくべきではありません。 フランケンシュタインを作成しないでください。
        6. あなたのウェブサイトは、モバイルデバイスにも完全に適合させる必要があります。
        7. 追加する画像はプロフェッショナルに見える必要があります。 あなたが浴室ミラーの前で取ったselfieをアップロードしてはいけない。 今日のスマートフォンは非常に素敵な写真を撮ることに注意してください。 あなたが正しい計画を立てているなら、あなたは素晴らしいヘッドショットを得ることができます。
        8. 以下はより多くのです。 疑問があるときは、最小限にしてください。webデザインをもっと深くしたい場合は、Wixのブログを見てください。 簡単に消化できるデザインに関する無限のチュートリアルとガイドがあります。

          良いウェブサイトにはどのような要素が共通していますか?

          1. 見栄えの良いアートワーク

          ロゴと画像の選択は、プロ並みのウェブサイトを得るために不可欠です。 今日、あなたは簡単に無料のストック写真の負荷を見つけることができます:最高のは、クリエイティブコモンズをチェックアウトすることです。

          cc検索

          cc検索

          さらに、Adobe Stockやなどの他の多くのウェブサイトで、よりプロフェッショナルに見える写真($1 ここにいくつかの素晴らしい無料の写真のオプションがあります。

          利用可能な画像形式を理解していることを確認することが重要です。gif,.jpgと.pngは主な形式です。 さらに、画像のサイズと品質をweb標準ブラウザに最適化する必要があります。 このトピックについて知る必要があるものはすべてここにあります。もちろん、TinyPNGやShortPixelなどのサイトをいつでも使用して写真を無料で圧縮することができます。

          もちろん、TinyPNGやShortPixelなどのサイトを使用して写真を圧縮

          同様に、画像のサイズを編集して変更できる編集プログラムがあると便利です。 専門的で無料のオプションはGimpですが、使用するのは非常に複雑です。 別のPhotoshopの代替は、オリジナルの価格のほんの一部の費用がかかり、サブスクリプションを必要としないアフィニティ写真、です。

          しかし、PhotoshopやIllustratorの使用方法を学ぶことなく、グラフィックリソースを簡単に作成するために使用できるツールがますます増えています。 たとえば、ステンシルまたはSnappaを使用できます。/p>

          ステンシル

          ステンシル

          2. プロのコピー

          ウェブサイトのために書くことは手紙や本を書くことと同じではないことを覚えておいてください。 網で、私達はより少なく形式的であり、同時に使用中の個人がすぐに必要とする情報を見つけるのを助ける必要がありがちである。 それは私達が私達の内容をscannableにさせなければならないことを意味します:

          • 意味のある見出し構造を使用して、
          • テキストの段落が長すぎないようにし、
          • 箇条書きを追加し、読みやすいフォントを選択します。

          私たちは実際にあなたがここで見つけることができるこのトピックの周りの全体のガイドを書いてきました。

          3. お問い合わせフォームと理にかなっているナビゲーションメニュー

          あなたの訪問者に専門的な印象を与えるためには、電子メールアドレスの代わりに コンタクトフォームをWix、Jimdo、Weebly、WordPressなどのソリューションと統合するのは非常に簡単です。

          お問い合わせフォーム

          お問い合わせフォーム

          訪問者があるページから別のページに行くためにあなたのウェブサ それに注意を払い、それが論理的に流れることを確認してください。 たとえば、ユーザーがコンタクトフォームを介してメッセージを送信することを目的としている場合、メニューまたはページフッターでメッセージへのリンクを忘れてしまうと、大失敗になります。

          また、あなたのウェブサイトを公開する前にテストサインアップを行うことを確認してくださ

          ウェブサイトを設定するための手順

          私たちは、次の手順にウェブサイトの作成プロセスを打破することができます。

          1. あなたのウ
          2. あなたのウェブサイトに必要なコンテンツを決定します。
          3. たとえば、Namecheapでドメイン名を購入します(ただし、後で購入することもできます)。
          4. 最高のウェブサイトビルダーを選択してください。
          5. 各ページのコンテンツ(テキストや画像など)を作成します。
          6. あなたのウェブサイトにコンテンツを追加し、SEOを最適化します。
          7. ページを公開し、宣伝します。

          明らかに、上記の各点は、はるかに多くの上に構築することができます。 私たちは、あなたがより多くの情報を得ることができる(無料)電子ブックを持っています。

          あなたのウェブサイトがアップしています。 今は何?

          既にウェブサイトを作成して公開している場合は、ウェブサイトのプロモーションと最適化を開始して、訪問数を増やし、ユーザーエクスペリエンスを向上させることができます。

          • あなたのウェブサイトを更新する:ウェブサイトは本ではありません。 一度公開されると、それらはまだ更新することができます。 あなたがチャンスを持っているとき、あなたは常にウェブサイトを更新していることを、新しい、関連するコンテンツを作成することを確認してくださ たとえば、レストランのウェブサイトを想像してみてください:メニューが変更された場合、できるだけ早くウェブサイトに反映されるべきです。
          • オンラインポジショニング:可能な限り多くの訪問者を引き付けるために、あなたのウェブサイトのSEOを最適化する必要があります。 これはあまり複雑ではありませんが、時間と作業が必要です。 詳細については、このガイドをチェックしてください。
          • Web分析:あなたのウェブサイトのトラフィックを測定しない場合、オンライン位置決め(上記の点)であなたの努力は役に立たないでしょう。 それはあなたがそれが働いているかどうかを知る方法です。 最も人気のあるウェブサイトの分析ツールは、Google Analyticsです。 そして、それは無料です!

          google submit URL

          google submit URL
          • もちろん、ウェブサイトを公開したら、Google Search Consoleに登録して、ページが存在することをGoogleに通知し、情報を取得する必要があります。 または、少なくともウェブサイトのURL(アドレス)をgoogleに送信して、インデックスを作成できるようにします。
          • 電子メールマーケティング:別の通常の戦略は、特に企業のために、接触を失わないように、その訪問者に定期的な電子メールを送信することです。 これは、オンラインストア、中小企業、およびブロガーのために特に便利です。 電子メールのマーケティングはそれ自身の科学である。 ニュースレターの送信を開始する方法の詳細については、このハウツーガイドを読むことができます。
          • ソーシャルメディア:最後に、ほとんどのウェブサイトにはソーシャルメディアプロファイル(Facebook、Instagram、Twitter、LinkedInなど)もあります。)あなたが作成したウェブサイトの外で彼らの訪問者(および潜在的な訪問者)と相互に作用できるため。 これは、イラストレーター、宝石商、または写真家のような視覚的な専門家のために特にうまく動作します。私は、この小さなガイドは、あなたが最初から最後までウェブサイトを作成する方法を理解するのに役立っていることを願っています。

          あなたが今読んでいたガイドの隣に、我々はまた、同様に業界固有のガイドのカップルを持っています:

          1. 中小企業や起業家のためのウェブサイ