近年は初心者向けの作成ツールが充実しており、コーディング知識がなくても簡単にWebサイトを作成できます。また、配送サービスやオンライン決済の設定、SEO(検索エンジン最適化)、CMS(コンテンツ管理システム)などの機能も備わったツールがあり、ビジネス用のWebサイトであっても大きな手間はかかりません。
この記事では、初めてWebサイトを作成する方向けに、基本的なサイトの作り方や、Shopify(ショッピファイ)でWebサイトを構築する方法について解説します。
Webサイトの作り方:8つのステップ
1. Webサイトの目的を決める
Webサイトに組み込むべき機能は、その目的に応じて決まっていきます。たとえば商品の販売を行うECサイトには、在庫管理や販促、決済方法などの検討が必要となります。
一般的なビジネスサイトは、以下のような目的に分類することができます。
2. Webサイト作成ツールを選ぶ
Webサイトのデザイン制作機能やビジネス機能(決済や在庫管理など)を備えたツールを使えば、ドラッグ&ドロップの簡単な操作で手早くWebサイトを作れます。なかには、無料で利用できるツールや、AIによる自動作成ツールもあります。
効率的にWebサイトを作成できるツールを選ぶ際には、下記の機能の有無や充実度に着目すると良いでしょう。
- テンプレートとデザインテーマ
- カスタマイズ性
- ストック画像や動画のライブラリ
- ドラッグ&ドロップのデザインツール
- SEOや販売などの分析と最適化をサポートするマーケティング機能
- AIコンテンツ作成ツール
ShopifyのWebサイト作成ツール
ShopifyのWebサイト作成ツールは、オンラインショップに限らずあらゆるWebサイトに利用できます。豊富なカスタマイズオプションや、スマホにも対応したデザインテーマなどにより、好みや目的に応じたWebサイトを簡単に作成することができます。また、ビジネスに必要な決済機能や購入・顧客情報の管理機能、自動DM送信機能なども統合されています。
その他のWebサイト作成ツール
代表的なものとして、WordPress(ワードプレス)、Wix(ウィックス)、Jimdo(ジンドゥー)、Goope(グーペ)などがあります。デザインの選択肢、カスタマイズの柔軟性、料金、カスタマーサポートを比較して、目的に合ったサービスを見つけることが大切です。
3. Webホスティングサービスを選択する
Webサイトをインターネット上に公開するには、Webホスティングサービスやレンタルサーバーが欠かせません。その料金プランは、データ転送量、ドメインメールアカウント、ストレージ容量などに応じて決定されます。Webサイトの今後の成長も見すえて、サーバー料金を比較しながら選ぶ必要があるでしょう。たとえば販売サイトの作成には、以下の特徴があるプロバイダーがおすすめです。
- 無制限の帯域幅:ビジネスの成長に伴ってデータ転送量が増加しても、追加料金が発生しません。
- 高速サーバー:Webサイトの高速表示は顧客の離脱を防ぐために重要で、高速サーバーやCDN(コンテンツ配信ネットワーク)が効果的です。
- 無制限のメール転送:メールの転送量に制限がある場合、返送されたり遅延が発生したりして、顧客とのコミュニケーションに支障が出ます。
- 独自のドメイン名:独自ドメイン名は、ショップやビジネスに対する信用につながります。
ShopifyはすべてのプランにWebホスティングが含まれており、帯域幅も無制限です。また、世界中に設置されたサーバーにより、安定した高速表示を実現しています。
4. ドメイン名を決める
ドメイン名とは、Webサイトのオンラインアドレスのことです。Webサイトの目的に合った適切なネーミングは、関連キーワード検索で上位に表示されることにもつながる可能性があります。
ドメイン名を決める際には、以下のポイントを押さえておきましょう。
- 簡潔でブランドに合っている
- できれば「.com」のような一般トップレベルドメインにする
- 「.jp」などの国別のトップレベルドメインを検討する
- サイトに関連するSEOキーワードを入れる
Shopifyでは、無料ドメインの利用も、独自ドメインの購入も、すでに取得済みの独自ドメインを使用することもできます。
希望のドメイン名が利用可能かどうかは、Shopifyのドメイン名検索ツールから確認することができます。Webサイトを立ち上げたあとにドメインを変更するとSEOに悪影響を及ぼす可能性があるため、慎重に選びましょう。
5. デザインを選ぶ
Webサイト作成ツールにあらかじめ用意されている、用途別のデザインテーマやテンプレートを使用すると、Webページのデザインを簡単に選ぶことができます。Shopifyデザインテーマストアには、数百種類の有料または無料のテーマがあります。どれもカスタマイズが可能で、プレビューを見ながら簡単に変更を加えられます。
デザインテーマ選びのポイントは、以下のとおりです。
- 複数のバリエーションがあり、カスタマイズができる
- 商品検索や画像・動画の表示など、目的に合った機能を備えている
- ビジュアルの細部は後でカスタマイズできるため、色やフォントだけでデザインテーマを選ばない
- 複数のテーマでテストしてみる
Shopifyならサイト全体を作り直すことなく、新しいテーマをインストールするだけで切り替えることができます。
6. サイト構成を決める
適切なサイト構成はビジネスによって異なります。たとえばオンラインショップのWebサイトには商品ページやコレクションのページが必要となり、レストランのWebサイトではメニューや予約ページが求められます。以下のような基本のページに加え、ビジネスの業種や目的によって必要なページを追加し、Webサイト全体の構成を決めていきます。
- トップページ:Webサイトの入り口。会社やビジネスの概要を伝え、サービス案内を担うページ
- Aboutページ:事業の沿革や理念、運営者情報などを紹介するAboutページは、親近感や信頼感を高めるのに効果的なため、SNSアカウントを掲載するのもおすすめ
- 問い合わせページ:顧客サポートにつながる問い合わせフォームを設置することで安心感を提供
- よくある質問ページ:事業に関する一般的な質問の回答を用意しておき、訪問者の疑問を解決することで、カスタマーサポートの負担軽減を実現
- ポリシー:特定商取引法に基づく表記など、事業内容に応じて法令で定められた内容やトラブル回避のための告知を明示
7. 拡張機能を導入する
Webサイトの基本的な構成が整ったら、必要に応じて拡張機能を導入します。Shopifyアプリストアでは、Webサイト運営を効率化したり、顧客体験や売り上げのさらなる向上を実現したりする16,000以上のアプリが用意されています。たとえば無料で利用できるShopifyアプリには、以下のような種類があります。
- メールマーケティングの効率化
- オンライン販売用の人気商品チェック
- Facebook(フェイスブック)広告の運用
- ポップアップ広告
- ライブチャットサポートの提供
- 会員情報の登録や管理
- 外部マーケットプレイスとの連携(楽天やeBay(イーベイ)など)
- ショッピングカートへの支払い方法の追加
- Googleアナリティクス情報の分析サポート
8. 最終チェックを行い、公開へ
Webサイトを公開する前に、必要なページや機能が正しく表示できているか、リンク切れや画像のエラーがないかをチェックします。同僚、友人、家族にURLを共有し、ページの読み込み速度やスマホでの表示が適切かどうかを確認してもらい、問題がある場合は画像の最適化などで対応すると良いでしょう。
ShopifyでWebサイトを作成する手順
1. アカウント作成
Shopifyでは、無料体験を利用してWebサイトを作成することができます。
メールアドレスを入力してShopifyアカウントを作成し、画面の案内に従ってビジネスに関する情報を入力すると、ストアの管理画面が表示されます。
2. 基本情報の登録
各種ツールや機能には、Shopify管理画面の左側のメニューからアクセスできます。管理画面の案内に従って、ストア名や支払い方法、配送料など、ECサイトに必要な基本情報を設定します。「オンラインストア」を選択すると、テーマやページなど、ストアを立ち上げる際に作り込んでいくためのカスタマイズメニューが表示されます。
3. デザインテーマの選択
Webサイトのテーマを設定します。テーマはデフォルトで設定されていますが、別のデザインにしたい場合はサイドメニューの「オンラインストア」を選んで「テーマを探す」へ移動し、人気のある無料テーマやプロデザイナー作の有料テーマを選択することもできます。詳細やレビューを参考に、ショップに合ったテーマを見つけてください。
4. デザインテーマのカスタマイズ
テーマ設定画面で「テーマを編集」ボタンをクリックすると、色やフォントなどの細かな設定を行うことができます。ロゴやレイアウトなど、ほかの設定も可能です。
5. ページとコンテンツの作成
サイドメニューの「オンラインストア」から「ページ」を選択すると、ページやコンテンツを作成・管理できます。右上の「ページを追加する」ボタンを押して、ショップ概要や問い合わせ先、ブランドストーリーなどを追加していきましょう。
6. 商品の掲載
サイドメニューの「商品管理」をクリックして商品情報を作成します。「商品を追加」ボタンをクリックすれば、商品のタイトル、商品説明、画像、動画、価格などを1件ずつ登録することができます。顧客が商品を探しやすくなるように、コレクションやカテゴリーを作成して設定しておきましょう。また、「インポート」ボタンからCSVで一括登録することもできます。
7. 決済方法の設定
Shopifyでは、外部の決済サービスを使わずともさまざまな決済方法を利用できます。クレジットカードをはじめ主要な支払い方法に対応したShopifyペイメントのほか、スピード決済が可能なShop Pay、Google Pay(グーグルペイ)、PayPal(ペイパル)、後払い決済(BNPL)などがあります。
8. Webサイトの公開とアップデート
テスト注文を行って、顧客が問題なく決済を完了できるか確認してから、正式に公開します。
また、公開したら終わりというわけではなく、競争力を高めていくためにはコンテンツの追加や更新を継続して行うことが重要です。マーケティング機能やアナリティクスなども活用しながら、機能をカスタマイズしたり、特定の顧客をターゲットにした戦略などを試したりして、アクセス数のアップを目指しましょう。
まとめ
初心者向けに、ウェブサイトの作り方を8つのステップに分けて説明しました。ShopifyなどのWebサイト作成ツールを使えば、設定ガイドやデザインテーマを活用して簡単にWebサイトを作成できます。ぜひShopifyの無料体験からはじめてみてください。
続きを読む
Webサイトの作り方に関するよくある質問
Webサイトは無料で作成できる?
WordPress(ワードプレス)、Wix(ウィックス)などではシンプルなサイトを無料で作成できますが、独自ドメインの使用やオンラインショップ用デザインテンプレートなどの利用には、有料プランへのアップグレードが必要です。
Webサイトの作成に独自ドメインは必要?
Webサイトの作成に独自ドメインは必須ではありません。ShopifyなどのWebサイト作成ツールでは、自動的に無料のサブドメイン(Shopifyなら「○○.myshopify.com」の形式)が付与されます。また、独自ドメインを使用したい場合は、Shopifyで直接購入することもできるほか、すでにプロバイダーから購入したものを利用することも可能です。
Webサイトのドメインはどうやって取得する?
Webサイトのドメインは、登録サービスを取り扱っている指定事業者から購入できます。また、ホスティングサービス加入の際にドメインを購入することも可能です。












