ウェブサイトの作り方

ウェブサイトを作ることは、あなたのアイデアや考えを世界と共有する素晴らしい方法です。しかし、もしあなたがウェブサイトを作ったことがないのなら、それは大変なことに思えるかもしれない。http-dot-whateverや<tag this="">や<tag that="">、写真やテキストはどうやって入れるのか？この記事を読めば、すぐに複雑な内容を理解することができます！

基本的なHTMLヘルプ

パート1

ウェブサイトをデザインする

1. インスピレーションを得ましょう。素晴らしいデザインのウェブサイトを見て、なぜ素晴らしいデザインなのか考えてみましょう。それはたいてい、情報、リソース、リンク、ページが見やすく使いやすくレイアウトされているからです。自分のサイトをどのようにデザインすればいいかアイデアを得るには、似たようなことをしているサイトを見て、さまざまなタイプのコンテンツをどこに配置すべきかアイデアを得ましょう。

   • 自分のスキルに合わせて現実的に。
   • アクセスのしやすさが最も重要です。もし、ある情報が簡単に目に入らないのであれば、その情報へのアクセスが非常に論理的であることを確認すること。
   • 一般的に、デザインはシンプルであればあるほどよく、ページ数は少なければ少ないほどよい。
   • ウェブサイトの計画段階で重要なのは、ウェブサイトの明確なビジョンを描くことです。どのような目的を果たすのか？専門的なサービスの広告やリードの創出、eコマースサイトの運営、オンライン予約の自動化などでしょうか？
   • 最初のページで明確にすることを忘れないでください。もし訪問者が、あなたのウェブサイトを訪れて数秒以内に、あなたのビジネスが何についてのものなのかを明確に区別できなければ、それを単純化する必要があります。訪問者は、あなたが誰で、何を提供しているのかすぐにわかるはずです。そうでなければ、わからずにイライラしてページから移動してしまう潜在顧客を失う危険性があります。
2. トピックと目的を選びましょう。あなたのウェブサイトが何に焦点を当てるかについて、すでにかなり良いアイデアを持っている場合は、このステップは飛ばしてください。そうでない場合、それを理解するのに役立つことがいくつかあります。まず、インターネット上には何十億という人々がいて、その大部分がウェブサイトを持っていることを理解しましょう。まだ誰もやっていないことに限定してしまうと、いつまでたっても始められません。

   • インターネット」というと、まず何を思い浮かべますか？Eコマース？音楽？ニュース？ソーシャル？ブログ？どれも始めるにはいい場所だ。
   • 自分の好きなバンドに特化したウェブサイトを作り、そのバンドについて語り合えるチャットエリアを設けるのもいいだろう。
   • 家族のためのページを作ることもできるが、このようなことには注意が必要だ。インターネットは不愉快な人物で溢れており、家族に関する情報を載せても不利に利用されてしまう可能性があります。個人的な家族のウェブサイトにパスワード保護を追加することを検討してください。
   • ニュース中毒の人や、従来のメディアよりもフィルターがかかっていないものが欲しい人は、ウェブサイトを作り、ロイター、BBC、APなどのニュースプロバイダーから一般に公開されているフィードを入手する。自分用にカスタマイズされたニュースアグリゲーター（かつては「新聞」という古風な名前で呼ばれていたもの）を構築し、デジタル化するのに適したすべてのニュースを見て見せることができる。
   • もしあなたがクリエイティブな文章を書けるなら、ブログを立ち上げ、そこで好きなことを書いて毎月の読者を集めることができる！
3. 計画を立てる。ウェブサイトを作るには、時間と、場合によってはお金がかかる。計画は、大きくて複雑なスプレッドシートである必要はないし、派手なグラフィック・プレゼンテーションである必要もないが、少なくとも、あなたや訪問者のために何をするのか、ウェブサイトに何を掲載するのか、ウェブページのどこに何を配置するのかを検討したい。
4. コンテンツを集める。コンテンツには様々な種類があり、それぞれに考慮すべき点があります。あなたのウェブサイトとニーズに最適なものを見つけ出す必要があります。検索エンジンが好むように、更新された有益なコンテンツは不可欠です。Googleに継続的にインデックスされ、顧客に何度も訪れてもらいたいのであれば、コンテンツを常に新鮮でエキサイティングなものにし、定期的に追加していきましょう。以下のようなことを検討しましょう：

   • 店舗。物を売りたいのであれば、どのように商品を販売するかを考える必要がある。販売するものが比較的少ない場合は、ホスティングサービスを利用してストアを持つことを検討するとよいだろう。Society6、Amazon、Cafepressは、さまざまなアイテムを販売し、価格を自由に設定できる、定評のあるストアホストです。
   • メディア動画を表示したいですか？音楽？あなた自身のファイルをホスティングしたいですか、それとも他の場所でホスティングしたいですか？YoutubeとSoundCloudはホスティングオプションの素晴らしい例ですが、あなたのウェブサイトの設計方法は、これらのメディアタイプが正しく表示できるようにする必要があります。
   • 画像。あなたは写真家ですか？アーティストですか？オリジナル画像をウェブサイトに掲載する予定なら、盗用されないようなフォーマットを使用することをお勧めします。画像は比較的小さくするか、Flashコードの後ろに隠すなどして、簡単に保存できないようにしましょう。
   • ウィジェット。これはウェブサイト上で動作するミニプログラムで、通常、誰が訪問し、何を探しているのか、どこから来たのかを記録するのに役立ちます。予約やカレンダー表示などのウィジェットもあります。あなたにとって便利なものを調べてみてください（ただ、そのウィジェットが評判の良いソースから来たものであることを確認してください）。
   • 連絡先情報。あなたのウェブページに連絡先情報を載せたいですか？あなた自身の安全のために、どのような種類の情報を利用可能にするかについて注意する必要があります。自宅の住所や電話番号のようなものは、決して表示すべきではありません。ビジネス用の住所がない場合は、私書箱や特別なメールアドレスを設定しておくとよいでしょう。
5. フローチャートを描く。ほとんどの人にとって、ウェブサイトはホームページから始まります。これは、誰もが最初にwww.yourSite.com。しかし、そこからどこへ行くのでしょうか？人々があなたのサイトをどのように利用するかを考えることに時間をかければ、ナビゲーションボタンやリンクを作るときに、より簡単に作業ができるようになります。
6. ユーザーのデバイスや状況を想定する。近年、スマートフォンやタブレットは、インターネットを閲覧するためのプラットフォームとして非常に普及しています。時の試練に耐え、多くの閲覧者がアクセスできるウェブサイトを本当に作りたいのであれば、デバイスごとに異なるバージョンのサイトを作るか、必要に応じて調整するレスポンシブ・デザインを採用する計画を立てましょう。

パート2

ウェブサイトの構築

1. どのような方法やツールを使って構築するかを決めましょう。基本的なアイデアが固まり、どのようにレイアウトするかのプランができたら、次に考えなければならないのは、どのように構築するかということです。選択肢は無限にあるように見え、人々はあなたにあれやこれやと「素晴らしい」アプリケーションや、あなたのサイトに「絶対になければならない」あらゆるものを売りつけようとするでしょう。しかし現実には、ウェブサイトを構築するための優れたツールがいくつかあり、そのうちの1つがあなたの状況やニーズに最も適しているのです。
2. 自分で作る。これが最初の選択肢だ。Adobe Dreamweaverのようなウェブサイト作成アプリケーションがあれば、ゼロからウェブサイトを作成するのはそれほど難しくありません。コーディングが必要になるかもしれませんが、慌てる必要はありません！複雑に見えますが、シェイクスピアの話を聞くようなもので、最初は難しいですが、感覚をつかめばそれほど難しいことではありません。

   • 長所：ウェブサイト・デザイン・ソフトウェアは、画像、テキスト、ボタン、ムービーなど、思いつくものを何でもドラッグ＆ドロップできるため、サイト構築のプロセスを簡略化できる。多くのウェブデザインアプリケーションでは、スマートフォンやパッド専用のサイトを作成することもできます。基本的な個人ウェブサイトを作るのであれば、これは本当に素晴らしい方法だ。
   • 短所：学習曲線があり、HTMLを掘り下げる必要はないが、完全にオタクフリーというわけではない。急いでいる場合は、これは最良の解決策ではないかもしれない。しかし、おそらく最大の欠点は、あなたがグラフィックデザイナーでない場合、目に痛いページになってしまう可能性があることだ。これをいくらか和らげるために、アプリケーションやインターネット上には無料のテンプレートが数多くあるが、自分の限界（もしあれば）を認識しておこう！
3. コンテンツ管理システム（CMS）を使う。これが2つ目の選択肢だ。WordPressは、ウェブサイトを構築するための優れたオプションの一例です。ウェブページやブログ記事を素早く簡単に作成し、メニューを設定し、ユーザーのコメントを許可して管理することができます。DrupalとJoomlaは、他の素晴らしいCMSのオプションです。CMSがホスティングされれば、インターネットに接続できる場所なら（世界中）どこからでもサイトを管理することができます。

   • 長所非常に使いやすく、ワンクリックインストールですぐに始められ、初心者向けのオプションが豊富（経験豊富なユーザーには十分な深みがある）。
   • 短所：テーマによっては制限がある。
   • WordPressを使うのにコードを学ぶ必要はない。アウトソーシングを検討する前に、WordPressウェブサイトの主な機能の使い方を学んでおきましょう。そうすることで、たとえ外注することになったとしても、オンラインプレゼンスを常にコントロールすることができます。
4. ゼロからウェブサイトを構築する。これが3つ目の選択肢です。ゼロからウェブサイトを構築することに決めた場合、HTMLとCSSを使い始める必要があります。HTMLのスキルを伸ばし、より多くの機能やより深いウェブサイトを追加する方法もあります。プロフェッショナルなウェブサイトを開発するのであれば、これらのツールを使うことで、どんなビジネス・ベンチャーでも必要とされるエッジを手に入れることができます。

   • CSSは「Cascading Style Sheets」の略です。CSSは、HTMLのスタイリングに柔軟性を与え、基本的な変更（フォント、ヘッダー、配色）を一箇所で行い、その変更をサイト全体に波及させることをより簡単にします。
   • XHTMLはW3Cの標準によって定められたウェブ言語である。HTMLとほぼ同じですが、情報をマークアップするためのルールがより厳格になっています。これが意味するのは、ほとんどの場合、コードの書き方に対する小さな変更です。
   • HTML5について調べてみよう。HTML5とは、HTMLのコアとなる規格の5回目の改訂版で、最終的にはHTMLの現行バージョン（HTML4）とXHTMLも包含することになる。
   • JavaScriptのようなクライアントサイドのスクリプト言語を学びましょう。これにより、チャートや地図などのインタラクティブな要素をサイトに追加する能力が高まります。
   • サーバーサイドのスクリプト言語を学ぶ。JavaScriptやVB Script、Pythonを使ったASPを使えば、ウェブページの表示方法を変えたり、フォーラムを編集したり作成したりすることができます。また、ユーザー名や設定、商用サイト用の一時的な「ショッピングカート」など、サイトを訪れた人の情報を保存するのにも役立ちます。
   • AJAX（Asynchronous JavaScript and XML）とは、ブラウザ側の言語とサーバ側の言語を使って、ページを更新することなくサーバから新しい情報を取得する技術で、多くの場合、ユーザーの待ち時間を大幅に短縮し、ユーザー体験を大幅に向上させますが、帯域幅の使用量は増加します。トラフィックの多いウェブサイトやeコマースサイトでは、これは優れたソリューションです。
5. プロに依頼する。これが4つ目の、そして最後の選択肢です。自分でウェブサイトをデザインしたり、新しいコーディング言語を学んだりするのが面倒な場合、特に高度なサイトの場合は、プロに依頼するのが最善の方法かもしれません。雇う前に、彼らの仕事のポートフォリオを見せてもらい、彼らのリファレンスを注意深くチェックしてください。

パート3

ウェブサイトのテストドライブと本番稼動

1. .予算が限られている場合は、.NETの戦略があります。覚えやすく、スペルの簡単なドメイン名を見つける。.comで終わるドメインを使えば、トラフィックは増えますが、簡単なものはほとんど取られてしまうので、工夫しましょう！

   • 米国ではNetwork Solutions、GoDaddy、Register.comが、英国ではuk2.netが便利です。Wordpressには、例えばmywebsite.wordpress.comのように、サイトにタグ付けされた名前を使える機能もある。しかし、あなたが選んだ名前が.comとしても利用可能な場合は、登録時に通知されます。
   • ドメイン名が「パーク」されている場合や、ビジネス販売サイトを通じてオンラインで販売されている場合は、購入することができます。高額なドメイン名を購入する前に、法律や財務に関するアドバイスを受けることをお勧めします。
2. ウェブサイトを点検するサイトを公開する前に、徹底的にテストするのが賢明です。ほとんどのウェブ・デザイン・ソフトウェアには、サイトをオンラインにすることなくテストする方法があります。タグの欠落、リンク切れ、検索エンジンの最適化、ウェブサイトデザインの欠陥などを探しましょう。これらはすべて、ウェブサイトのトラフィックや収益に影響を与える可能性のある要素です。また、Googleなどの検索エンジンに提出するためのフル機能のサイトマップを数分で無料で作成することもできます。
3. あなたのウェブサイトをテストします。ウェブサイトが完成したら、ユーザビリティ・テストを行いましょう。数人の友人や家族に試してもらうことで、これを行うことができます。プロフィールを編集する」「バーゲンのページからアルパカのセーターを買う」など、具体的なタスクを与えます。彼らの後ろに座り、彼らがナビゲートするのを見守る。ナビゲーションを改善したり、指示を明確にする必要がある箇所が見つかるでしょう。あるいは、zurb.comのようなものを使って、特定のデモグラフィックを対象に、さまざまなタイプのエンゲージメントに関するユーザーテストを行うこともできます。2014年にウェブサイトをテストする際には、プラットフォームを念頭に置き、ウェブサイトがデスクトップだけでなくスマートフォンやタブレットからも利用可能であることを確認することが重要になってきています。

   • ユーザーにとって難しい、あるいは直感的でないと思われる点をリストアップしておきましょう。
4. 起動！そしてウェブサイトをアップロードしましょう。ウェブホストにはFTP機能があるかもしれませんし、FileZillaやCyberDuckのような独自のFTPプログラムをダウンロードすることもできます。ウェブサイトのデザインをプロに依頼した場合は、彼らがこの作業を代行してくれるはずです（ただし、何が起こっているのかを理解するために質問することは大切です）。

   • なお、.NET Frameworkを使用する方法もあります。

パート4

ウェブサイトに関する考察

1. コンセプトを絞り込む。お金のためにやっているのであれば、どのアイデアが一番儲かりそうか？どのアイデアが最もコミットメントを必要とするか？追求するのが楽しそうなアイデアはどれか？ウェブサイトの制作に時間を費やすことになるので、あなたが最も情熱を注げるアイデア（あなたにとって収益性が高く、現実的なもの）を選びましょう。
2. 目標を明確にし、それを達成するために努力しましょう。あなたが作るウェブサイトは、楽しみのためかもしれないし、利益のためかもしれないし、その2つの組み合わせかもしれません。あなたの期待を知ることで、ウェブサイトをデザインするのも、その結果を追跡して理解するのも、ずっと簡単になります。
3. 競争に備える。コンテンツサイトは投資が少なくて済みますが、誰でも始めることができるため、競争も激しくなります。この種のサイトでお金を稼ぐには、情報を提供し、.NETなどの広告を通じてトラフィックから収入を得ます。アドセンスを最適化するためには、意図的にコンテンツを書き、人々があなたのサイトを訪れるような興味深いものにする必要があります。特定の用語を検索している人に向けた特定のキーワードも使用しましょう。ただ、この点に夢中になると、コンテンツが苦しくなり、読者に好まれなくなるかもしれません。
4. 商品を販売するeコマースサイトでは、より多くのメンテナンスや注意が必要になります。配送、売上、税金、SSL、在庫更新など、実店舗を持つ人が管理しなければならないことをすべて考える必要があります。オンラインで商品を販売する場合、質問に迅速に回答したり、クレームに対応したりするシステムは不可欠です。多くの企業は電話によるヘルプも提供しており、必要であれば海外にアウトソーシングすることもできます。

   • 単に収入源を増やすことが目的であれば、アフィリエイト・プログラムを使って他の人の商品を販売することもでき、商品への投資や発送の心配をせずに収入を得ることができる。
5. あなたがリーチしたいオーディエンスや市場を知りましょう。あなたのウェブサイトは、どのような人々にサービスを提供するのでしょうか？知るべきこと、調べるべきことは以下の通りです：彼らは何をしているのか？彼らの年齢は？彼らの他の興味は何ですか？これらの情報はすべて、あなたのウェブサイトをより有益なものにするのに役立ちます。しかし、あなたのサイトが1つのグループだけをターゲットにしていると思い込むのは要注意です。他のタイプの人々が興味を持ち始めていることを示すトレンドを常に観察し、彼らの興味にも対応できるようにして、新しいチャンスを最大限に活用しましょう。
6. キーワード調査を行う。これは、人々があなたのサイトに関連するトピックを検索しているかどうかを判断するために必要であり、潜在的な顧客についてより深く知るために役立ちます。また、需要のあるキーワードを意識的にサイトに取り入れることも有効です。Google（ex.google.com/trends/やgoogle.com/insights/search/#）やOverture、サードパーティのソフトウェア開発会社から、キーワード調査のプロセスを簡単にするツールが提供されている。

   • 選んだキーワードを文章中に散りばめるが、コンテンツの質を損なわない範囲で。
   • 検索エンジンに最適化されたページを作成することは、サイトを見つけてもらうことにつながり、デザインよりも重要です。誰も見ないサイトに何の意味がある？
7. 広告を出す。サイトが世に出たからには、みんなに来てほしいはず！

   • 主要な検索エンジンにサイトを登録しましょう。これを代行してくれるサイトもあるし、あなたでもできる。
   • 友達に知らせる。常にツイートしましょう！Facebookの近況アップデートに追加したり、Flickrに写真を投稿したり、LinkedInのアカウントに追加したり。あなたのサイトに来る人は多ければ多いほどいい。
   • あなたのドメインのEメールアドレスを使いましょう。あなたのサイトを補完する（競合しない）他のウェブサイトを訪問し、リンクの交換やゲストブログ・執筆を申し出る。ブログやフォーラムに建設的な投稿をし、自分のURLを署名に入れる。
   • 記事マーケティングを利用する。SEOに最適化された記事を作成し、他のサイトに投稿することは、あなたのウェブサイトへのバックリンクを作成する有効な方法です。これは、あなたのウェブサイトの検索エンジンランキングを上げるのに役立つかもしれませんが、SEO戦略にしばしば影響を与え、あなたのサイトのランキングを下げたり、役に立たなくする可能性のある検索エンジンの更新情報を常に把握しておきましょう。
8. 質の高いコンテンツとサービスを提供する。何よりも、読者や顧客の声に耳を傾け、彼らのウェブサイトでの経験から学びましょう。

   • 建設的なコメントは真摯に受け止めましょう。他のバンドメンバーやファン、友人たちは皆、より簡単なナビゲーションのアイデアを持っているかもしれません。
   • あなたのターゲットとする市場やオーディエンスについて考えましょう：彼らのニーズ、彼らの不満、彼らの状況。可能な限り、彼らの生活を楽にしたり、より多くの情報を得たりすることを追求しましょう。

この記事は、CC BY-NC-SAの下で公開された「 How to Make a Website 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。