!ホームページ作成で意識すべき3つのポイント※無料入門ガイドあり制作・接客2017.7.13(最終更新日:2019.6.24)初心者必見!ホームページ作成で意識すべき3つのポイント※無料入門ガイドありTweetPocketWebマーケティング担当として新しくホームページを作る必要がでてきたときや、自分でWebショップ・個人のホームページを作りたいときに、ホームページを作成したことがまったくない初心者の方は、何から手を付けていいかが分からないと思います。今回は初めてホームページ作成をする人向けに、最初に考えるべき3つのポイントをお伝えします。これからホームページを作成しようと思っている人は、ぜひ参考にしてみてください。初心者でも大丈夫!社長のホームページ入門をプレゼント中(無料)目次ホームページ作成の3つのポイントポイント1:作成したいホームページのコンセプトをまとめるポイント2:ホームページの作成方法を決めるポイント3:費用のかかるものを把握するホームページの作成へ移りましょう※本記事は株式会社WEBマーケティング総合研究所提供によるスポンサード・コンテンツです。ホームページ作成の3つのポイントホームページ作成のポイントは、以下の3つです。・ホームページの作成方法を決める・費用のかかるものを把握するこの3つを順番に考えていくと、ホームページを作成するときに何から始めればいいのか整理され、作成がスムーズに進みます。無料の入門ガイドでわかりやすく理解するWeb上には、本記事の他にも、初心者に向けてホームページ作成方法について解説されているコンテンツも数多くあります。ための「ホームページ解説書」です。無料で入手できますので、ぜひダウンロードしてみてください参考:初心者でも大丈夫!社長のホームページ入門をプレゼント中(無料)ポイント1:作成したいホームページのコンセプトをまとめるホームページを作成するとなると、いきなり「自分で作成する」か「ホームページ作成業者に依頼する」かで迷う方も多いと思いますが、まずは作成したいホームページのコンセプトをまとめておきましょう。作成方法にかかわらず、ホームページのコンセプトをまとめておくのは、その後の助けになります。ステップ1:ホームページの種類を知るまず自分が作成したいホームページはどういった種類か?を確認します。自分の作りたいページに似たものを探すのもおすすめです。・ブログのような個人サイト・認知度を上げるためのプロモーションサイト・オンラインショッピングサイト・サービスサイトなど作成したいホームページの目的が明確になれば、デザイン・レイアウトや必要なページ、機能などを洗い出しやすくなります。ステップ2:ホームページのターゲットユーザを明確にするホームページの種類を確認できたら、ターゲットユーザを確認します。これは特にオンラインショッピングサイトなどであれば、集客にも大きくかかわります。考える際、実際に自社の商品を使ってくれそうなユーザ像をできるだけ具体的にするのが重要です。Tokyoでは、「37歳女性の秋野つゆ」というモデルユーザを考え、この秋野つゆという女性を満足させるという基準でメニューや店舗の場所を検討しました。Web上でも具体的なモデルユーザを考えることで、実際にサイトを使う人をイメージできページの制作がしやすくなります。Tokyoをはじめ、モデルユーザを具体的に設定してマーケティングに成功した企業の事例を詳しく掲載しているので、参考にしてみてください。参考:ペルソナマーケティングが5分で理解できる!【日本企業の厳選事例6選】ステップ3:必要なページを明確にするホームページには、さまざまな異なる機能をもつページがあります。具体的に言えば、ホームページに訪れた際に最初に目にするメインページやログインページ、登録ページなど。作成したいホームページに必要な機能がわかればホームページに必要なページもわかり、作成コストを抑えられます。引き合いを取りたいのであればホームページではなく、「ランディングページ」を作成することもあります。4:必要なデータを明確にするホームページには、掲載する画像や動画などデータが必要です。オンラインショッピングサイトなら、商品の画像や費用などが必要なデータにあたります。事前にホームページのイメージ画像などを自分で作成しておくと、他者に作成依頼をするときもスムーズです。ステップ5:基礎のホームページデザインを考えるホームページのデザインは、訪問者の滞在時間やリピート率などに大きく影響します。作成するホームページのイメージに合うような色使いや配置などを決めましょう。ブランディングを目的としたサイトの場合は、大きな写真を堂々と1枚載せてキャッチコピーで興味を持たせた、店舗サイトの場合は電話番号や予約検索機能を目立つように配置します。このような目的別のデザインは以下の記事で豊富に紹介しているので、ぜひ参考にしてみてください。参考:BtoB製造業のWebサイト参考事例9選と、ホームページ作成の3つのポイントどんな風に配色を考えていいか分からないときは、以下の記事を読んでみてください。配色の決め方が分かります。おさえるべき3つの原則と無料ツールホームページのデザインは、作成するホームページに似たサイトを参考にしたり、様々なホームページデザインをまとめたサイトを閲覧したりしながら考えると良いでしょう。ステップ6:ホームページ閲覧スタイルを考えるホームページの閲覧スタイルとは、PC・スマートフォン・タブレットなどの端末による違いです。スマートフォンに特化した簡単に読めるニュースサイトなどであればPCに対応する必要はありません。複雑なサービス等のスマートフォンでは操作できないサイトであればスマートフォンに対応する必要はありません。基本的に閲覧スタイルが多いと費用が高くなりますので、はじめは用途にあった閲覧スタイルのみを依頼しましょう。(参考:スマホ対応まだしてないの?初心者でも分かる対策方法4選)ステップ7:ホームページに誘導するキーワードを考えるGoogleなどの検索エンジンから自分のホームページへ来てもらうには、ターゲットユーザがどのようなキーワードで検索をするか?を考える必要があります。むやみに設定すればよいというわけではなく、つくりたいホームページや呼びたいユーザの特徴を捉えたキーワードを探します。(参考:SEOキーワードを5つの無料ツールで効果的に選定する方法)ポイント2:ホームページの作成方法を決めるホームページの作成方法は大きく分けて制作会社やフリーランスに依頼する場合と、自分で制作する2つの場合があります。自分で制作する場合の方がもちろん費用はかかりませんが、その分ステップ1で紹介した事項を入念に考えておく必要があります。ステップ1でホームページのコンセプトを考えずに、いきなり自分でホームページの制作をしても失敗してしまうので、コンセプトからしっかり考えて取り組める人が自分で制作をするといいでしょう。自分で制作する場合には、以下の3つから制作方法を選びます。1ブログサービスのような直観的に操作できるCMSで開発2知識は必要だが自由度の高いCMSで開発3テキストエディタで開発これらの作成方法の違いは、作成にかかる費用・学習コスト・自由度・スキルにあります。作成者が許容する作成時間やコストを考えながら読んでみてください。この章の「作成方法を決める」ができなくてホームページ作成に乗り出せない方が多くいます。この章の内容を参考にして作成方法を決め、ホームページの作成に一歩踏み出しましょう。以下のチャートを参考にして自分自身がどのような作成方法が適しているか大まかに確認してみましょう。1専門知識がなくても簡単に自分で作れる「ホームページ作成ツール」ウェブサイトビルダーともいわれる、ホームページの作成をサポートしてくれるツールです。パソコンとインターネットの環境があれば、難しい設定はせずに簡単にホームページを作成することができます。無料のデザインテンプレートやレイアウトもあり、ホームページがどのようにできているのかが手軽に分かるようになっているので、試しに作成してみるということもできます。難しいプログラミングの知識やWebの知識を知らなくても、簡単なキーボード操作とマウス操作でホームページが出来上がるので非常に簡単です。HTMLやCSSの知識を使って詳しい調整ができるので、あとからの機能追加も可能です。参考:【初心者も使える】ビジネス向け!ホームページ作成サービス18選&選び方のポイント参考:【2018年度最新版】IT導入補助金が使えるホームページ作成サービス11選2ページの作成・更新が簡単!最低限の知識でも開発可能な「CMS」CMS(コンテンツマネジメントシステム)とは、ホームページを構成するテキストや画像、デザイン・レイアウトなどをまとめて管理することのできるソフトウェアです。無料テンプレート・テーマも豊富で、ブログのようなサイトであれば数時間で実用的な仕様・デザインのホームページを作成することが可能。HTML・CSS・PHP等の知識が必要となります。最低限の知識でも開発をすることは可能ですが、「テキストエディタで開発」の節で紹介したサイトの内容も勉強することで、より多くの機能を設定できます。WordPressはページの作成・更新が非常に簡単で、インターネットブラウザがあれば利用できます。ちなみに、LISKULもWordPressで作成しています。(参考:【初心者向け】WordPress(ワードプレス)でホームページ作成|4つのつまずきポイントを徹底攻略)また、プラグインが豊富にあり、カスタマイズ性に優れているので、自分自身のスキルを高められれば、自由度は格段に跳ね上がります。(参考:WordPressのプラグイン|このブログで実証済み!オススメ厳選17個)以下にWordPressの利用方法が分かるサイトを記載しているので、WordPressでホームページを作成したい方はご覧ください。超初心者向け|ネタワンまた、有料になりますがWordPressのサポートセンター、高度なカスタマイズ、保存容量を増やす、サイトの収益化、SEOツールの使用などの機能も利用することができます。無料でサイト制作できるサービス一覧3HTMLやCSSの知識がある・身につけたい場合はテキストエディタで開発テキストエディタでの開発は前提知識を多く要します。Web上の文書を記述するためのHTML、ホームページデザインやレイアウト・スタイルを記述するCSSの知識は必須です。等)を実装しようとすると、PHPやJavaScriptといったプログラミング言語の習得も必要となります。サーバの知識やデータ転送の知識も必要ですが、一度覚えてしまえば仕事で役に立つ情報もあるので、挑戦してみる価値は十分にあります。学習コストが高い反面、基本的に費用は抑えることができます。自分自身でホームページ作成を行うため、自由度がかなり高くなります。勉強する場合は以下のページなどを参考にしてみましょう。Recipes参考:非エンジニアがWebプログラミングで勉強すべき10のことある程度プログラミングができる方であれば、今までの知識を応用して作成が可能です。サーバの知識やデータベース(MySQLやRDBMS)、フロントエンドやバックエンドの知識を身に着けましょう。自分でホームページ作成をするのが難しそうという場合には、ホームページ作成のプロに頼むのは有力な選択肢です。費用はかかりますが、より確実に作成してくれます。制作会社かフリーランス、どちらに依頼するかホームページ作成を依頼する場合、Webサイトの制作会社かWebサイト制作を請け負うフリーランスのどちらに依頼するかも重要です。一概には言えませんが、下記にそれぞれの場合の傾向を載せます。制作会社の場合、ホームページ作成の作業ごとに特化した人材が担当してくれるため、ホームページ全体としての質が高くなります。フリーランスに依頼するよりは、費用がかかる傾向にあります。事前に作成したホームページの概要に忠実に開発していくため、準備に不備があると費用が余分にかかってしまうこともあります。参考:ホームページ制作会社の選び方|emtフリーランスに依頼する場合:費用は安くなる傾向だがスキル面の確認が重要フリーランス(個人事業主)に依頼する場合、基本的に一対一で話し合うことができ、柔軟に開発をすすめることができます。費用は制作会社に依頼する場合と比較して低くなる傾向にありますが、ホームページの質は依頼した個人のスキルにかかっているため、まずは話をしてみて自分の要望通りになるかどうかを確認しましょう。ポイント3:費用のかかるものを把握するホームページを作成する際に必要な費用は開発費だけではありません。以下に開発費以外に費用のかかる物を挙げます。・レンタルサーバ代ホームページを置いておく家のようなものです。月額数百~数千円です。・ドメイン取得費用ホームページの住所のようなものです。年額1000円程度です。・更新料ホームページの内容を書き換えるときに発生する費用です。月額5000~10000円程度です。検索エンジンからの集客率を改善する費用です。対策を強化するほど費用がかかります。インターネットマーケティング会社に頼むと、月額固定制や成功報酬型があります。(参考:実際のSEOベンダーが解説、SEO対策の費用相場と費用対効果まとめ)・マーケティング費用ホームページを宣伝する広告費用です。広く宣伝するほど費用がかかります。費用の上限はありませんので、より効率的に広告を出すことが大切です。(参考:リスティング広告費用|売上を最大化するには、まずいくら必要!?)これらにかかる費用の相場を調べておくと全体でかかるコストを試算することができます。ホームページ作成にかけることのできる費用が決まっているなら、マーケティング費用やSEO対策費用を調整するのが良いでしょう。初心者でも大丈夫!社長のホームページ入門をプレゼント中(無料)<ホームページの作成へ移りましょうここまで来たら、ホームページ作成の準備は完了です。揃えてきた情報と作成方法を詳しく調べながら、実際に動き出しましょう!ホームページは作って終わりではありません。効果的なホームページにするために、無料の分析ツールであるGoogleアナリティクスとサーチコンソールに登録しておくと便利です。登録方法を以下の記事をご覧ください。ための「ホームページ解説書」です。ホームページを使った営業ノウハウの中から、ここだけは押さえておいて欲しいエッセンスをまとめました。ホームページを作りたい失敗しないホームページの作り方が知りたいという方は、ぜひご一読ください。大ボリュームの上下2冊組です!初心者でも大丈夫!社長のホームページ入門をプレゼント中(無料)※本記事は株式会社WEBマーケティング総合研究所提供によるスポンサード・コンテンツです。「ネットにはいろんな情報があるけど、どれが正しいの?」ジッセンはそんなお悩みをお持ちのWebマーケター向けに、実践的な知識を動画でお届けします。月額4,900円で業界の一流マーケターたちの200以上の動画が見放題。良いものを共有できるインターネットを活用していきたいです。Webサイトやインターネットソフトウェア開発に尽力します。LISKULについて検索:。