ウェブサイトを1日で完成させる8つの方法

いざウェブサイトを作りはじめると、たくさんの悩みが出てくると思います。

 

どんな色を使おう…… きれいな写真を用意しないと…… など、ひとつひとつの準備に時間がかかったり、細部までこだわってしまってなかなかサイトが完成しない! というかたも多いのではないでしょうか。

 

今回は、ウェブサイトをスピーディーに完成させるための8つのポイントを紹介します。登録してしばらく進められていない、というかたは、すぐに実践してみてくださいね。1日でサイトを完成させてしまいましょう!


1. レイアウトを悩みすぎない

Jimdoのレイアウトは全部で40種類あります。結局どれが使いやすいんだろう? と、作り始める前に悩んでしまうかたもいるかもしれません。Jimdoではブログやサポートセンターでレイアウト選びの参考になる情報をアップしています。何度でも変更できるので、ぜひ参考にしながら選んでみてください。

Jimdo 編集画面 レイアウト選択
管理メニューのデザインから、レイアウトを変更可能

「サイドバーがあるほうがいい」など、はっきりと好みがわかっている場合には、機能で絞って検索ができるJimdoのデザインフィルターがおすすめです。

違いがあまりわからないときには、選びかたを紹介した記事や、世界でいちばん多く使われているレイアウトを紹介したJimdoのレイアウトTOP3 なども参考にしてみてください。

 

あとからレイアウトを変更しても、中身の文章や画像が消えることはありません。プレビューで確認しながら別のレイアウトを試すことができるので、ある程度中身ができてからのほうが、完成のイメージに近いものを選びやすいでしょう。

 

なので最初はあまり悩まず、作成に取りかかってみてください。

<ワンポイント>
Jimdoのレイアウトは、すべてレスポンシブデザインです。デバイスを問わず、最適なデザインに自動調整してくれます。ウェブサイトを作るときには、スマートフォンからの見た目も確認しながら作ってみてくださいね。

2.サイトマップを設計しておく

サイトマップとは目次のこと。サイトにどんなページが必要か、そのページはトップページなのかサブページに置くかなど全体の構成を設計しましょう。まずは紙に書いて整理をするのがおすすめです。

サイトマップ:歯科医院の例
例)サイトマップ・歯科医院の場合
  • サイトマップを設計する
  • 設計したサイトマップをもとにナビゲーションメニューを設定する
  • 各ページの編集をはじめる

この流れでウェブサイトを作ると、途中で何をすればいいのか迷うことなくスムーズに進められます。はじめてWEBの業種別ホームページ作成講座では、歯科医院以外にもレストランや会計事務所を例に、サイトの作りかたを解説をしています。

参考にしてみてください。

(コラム内の画面キャプチャは旧管理メニューの表示となっています、ご了承ください)

3.イメージカラーを決めておく

Jimdoでは背景・ナビゲーション・見出しなど、それぞれにスタイルで色を設定できるので、編集するたびに悩まないよう、ウェブサイト全体のイメージカラーを決めておくと進めやすいでしょう。

 

ですが、色やデザインの知識がないと、どの色が自分の事業に合っているのか、どう組み合わせればきれいかなど、わからないですよね。そんなときは、サンプルのイメージで好みを探したり、プロが書いたコラムを読んでみることをおすすめします。

Design Seeds
Design Seeds

Jimdoおすすめのカラーサンプルサイト & 勉強法

  • ColorHunt (カラーハント)
    まるでインスタグラムのように、ユーザーが作ったカラーパレットを眺めることができます。create のページから自分でパレットを作ってみることもできるので、サイトをどんな色で作るか試すのに最適です。

  • Design Seeds(デザイン シード)
    上の画像のように、写真と、それを構成するカラーパレットの画像を載せているサイトです。ハッシュタグをつけてSNSで投稿したユーザーの写真に、配色をつけて完成させています。新しいインスピレーションが得られそうです!

  • はじめてWEBのエキスパートコラムを読む
    業種別ホームページカラーガイド(連載中)や、自分のホームページに合う色の選びかたなど、色に関する記事がたくさんあるので、ぜひ参考にしてください。

お気に入りの色のカラーコードをメモしておけば、その色をJimdoのサイトに設定することができます。カラーコードとは何か・Jimdoでどのように設定するのかは、ワンポイント講座「カラーパレットを使いこなそう」でご覧ください。

組み合わせに悩んでしまったときは、プロの知識を頼りにしてみましょう。

(コラム内の画面キャプチャは旧管理メニューの表示となっています、ご了承ください)

4. 定型ページを使ってみる

定型ページは、だれでもきれいなページを作れるように、サンプルのコンテンツが配置されたテンプレートです。文章や画像を差し替えるだけでページが完成します。

 

設定した定型ページをベースに、好きなようにコンテンツを移動させたり、削除したりすることもできます。いちから構成を考えたり、バランスに悩む必要もなくなります。これをベースにあなただけのオリジナルのページを作ってみてください。

定型ページを利用する:選択画面
定型ページを利用する:設定後

この定型ページは、ページにコンテンツがなにもない状態のときに使えます。詳しい利用方法はブログをご覧ください。

5.フリー素材サイトできれいな画像をゲットする

写真はウェブサイトの印象を決める、とてもたいせつな要素です。

プロに頼むと高いからとりあえず自分で撮った写真を使う。というかたもいるかもしれませんが、サイズが合っていないと汚く見えてしまいます。そんなときはフリー素材サイトの写真を使ってみましょう。

 

ページに大きく表示される背景画像は特にこだわりましょう。1600 x 1000 ピクセル 以上のきれいな写真を使うことをおすすめします。以下を見ると違いが一目瞭然ですね。

綺麗な画像を使う:良い例
良い例)素材サイトの大きな写真を使用
綺麗な画像を使う:悪い例
悪い例)サイズが合わない写真を使用し伸びている

サポートセンターでは、Jimdoおすすめの 写真素材提供サービスを紹介しています。Jimdoで用意しているストックフォトや、ぱくたそ写真ACのように、好みの写真が検索できる外部のサービスも有効活用し、ウェブサイトのイメージに合うものを選んでください。

<ワンポイント>
各サービスの利用規約を必ず確認し、ご利用ください。また容量の大きな画像を使用するとウェブサイトが遅くなることがあります。TinyPNG ような無料のツールを使って、容量を軽くすることもできます。

6. アイコンを使って完成度をアップ!

一通りサイトができてきたら、もう一歩完成度を高めるために、アイコンを設定してみてください。文字だけよりもユーザーの目に止まりやすいのでサイトの内容が伝わりやすくなりますし、なにより見た目が美しくなります。

 

ショッピングカートのアイコンを見れば、ほとんどのかたがオンラインショップを連想しますよね。このようにユーザーを自然に、「購入」「問合せ」などの行動に導くことができます。

 

選びかた・使うときのポイント・無料で使えるフリー素材のサイトは、こちらのブログで紹介しています。

7.ページコピー機能を使う(有料版のみ)

同じようなページをいくつも作りたい! というときには、ページコピーの機能がおすすめです。一度作ったページをコピーして他のページを作れば、ウェブサイト内の一貫性・統一性も出るうえ、時間も大幅に短縮できます。

ページコピー機能:このページをコピー
コピーしたいページの「このページをコピー」をクリック
ページコピー機能:コピー後
中身も同じ状態のコピーページができます

8.他のJimdoサイトにヒントをもらう

「こんなサイトを作りたい」と頭の中でイメージができていれば、あとは形にしていくだけなので手を動かすのも早くなります。イメージを具体的にするには、お手本を見つけることが近道です。

 

他のユーザーさんの事例を見ることで、Jimdoではどんなサイトを作ることができるのかどんな色や構成が自分好みなのかを知ることができます。日本だけでなく海外のものも含めて、いろんなJimdoサイトからヒントをもらってみてください。

特に、その一年で最も輝くJimdoサイトを表彰するJimdo Best Pagesの受賞サイトは、美しさだけでなくウェブサイトの目的をきちんとはたしているレベルが高いものばかりです。審査員のコメントと合わせて紹介していますので、ぜひ参考にしてみてください。

(ページの下部より、2014 / 2015 の受賞サイトも見ることができます)


ウェブサイトは完成させることがゴールではありません。

こつこつと内容を充実させ、長く運用をしていくことが、検索順位を上げることにもつながります。この記事を参考に、まずは今のウェブサイトを完成させてみてくださいね。



コメントをお書きください

コメント: 30
  • #1

    ks (土曜日, 28 1月 2017 17:54)

    文字の書き込み時反応が遅い。例えば「平成29年1月27日」と入力するのに変換する前に「へいせい」で入力が止まることが多々ある。文字削除して再度入力することが多々。

  • #2

    スマイル・フィルム・TN (木曜日, 13 7月 2017 09:59)

    原稿の作成が終了しました。HPに登録する方法が分かりません。ご指導お願いします。

  • #3

    JimdoJapan サポート 若山 (木曜日, 13 7月 2017 10:33)

    スマイル・フィルム・TN 様

    お世話になっております。作成された原稿の内容を Jimdo のホームページに反映させるような状況でございますか? Jimdoでは「原稿」をそのままページにすることはできません。

    Jimdoでのホームページの作成方法について以下のページに流れをまとめておりますのでぜひご覧ください。

    ■はじめて Jimdo をご利用される方へ
    https://jp-help.jimdo.com/jimdo-firststep/

    ■Jimdoワンポイント講座
    https://portal-jp.jimdo.com/study/one-point/

    よろしくお願いいたします。

  • #4

    諸井寿夫 (火曜日, 18 7月 2017 09:30)

    あるページ更新するとホームも更新される。
    ダブって掲載不要で、削除すると一緒に消える
    何故でしょうか。毎回でなく、たまにですが。
    教えてください。

  • #5

    JimdoJapan サポート 若山 (火曜日, 18 7月 2017 12:52)

    諸井寿夫 様 >

    ご連絡いただいた症状は、全ページで共通で表示されるエリアに情報を掲載したことに伴うものであると見受けられます。

    ■Jimdoの画面構成
    https://jp-help.jimdo.com/基本情報/jimdoの基本構造/

    ↑こちらのページにある「サイドバーエリア」に追加したコンテンツは、すべてのページに表示されます。この「サイドバーエリア」以外に記載したものは、そのページでのみ表示されます。一度ご確認をお願いいたします。

  • #6

    吉田成彦 (土曜日, 26 8月 2017 11:01)

    表を作成してますが、保存したら罫線が出ません。入力の文字だけになります。

  • #7

    JimdoJapan サポート 若山 (月曜日, 28 8月 2017 19:48)

    吉田成彦 様

    表の罫線ですが、「罫線のサイズ」と「罫線の色」を設定することができます。「罫線のサイズ」を1以上、「罫線の色」を透過ではなく、背景色とも異なる色に設定をしていただけますでしょうか。もし、それでも罫線が表示されない場合は、お手数ではございますがサポートまでお問い合わせ( https://jp.jimdo.com/support/jimdofree/ )をお願いします。

    ■参考:サポートセンター 表
    https://goo.gl/cBNb9s

  • #8

    小林 (木曜日, 25 1月 2018 13:45)

    初めてホームページの作成をします。お尋ねしたいことがあるのでご連絡したいのですが・・・

  • #9

    JimdoJapan 若山 (木曜日, 25 1月 2018 14:13)

    小林さま>
    はじめてホームページの作成ですね!Jimdoをお選びいただきありがとうございます。

    Jimdoに関するご質問はメールで受け付けております。
    以下のフォームよりお問い合わせください!
    https://jp.jimdo.com/support/jimdofree/

    また、Jimdoを利用し始める際に役立つ内容を盛り込んだページも用意しておりますのでぜひご覧ください!

    ■Jimdoサポートセンター
    https://jp-help.jimdo.com/

    ■Jimdoポータル
    https://portal-jp.jimdo.com/
     
    ■ワンポイント講座
    https://portal-jp.jimdo.com/study/one-point/

  • #10

    小林 (日曜日, 11 2月 2018 10:22)

    ホームページを作成中です。画像を変更したいのですが。背景の変更はできました。

  • #11

    JimdoJapan 若山 (火曜日, 13 2月 2018 12:55)

    小林 さま>
    画像の変更については以下のページをご覧ください。画像を変更されたい箇所をマウスでクリックして「ここへ画像をドラッグ」という部分に画像をドラッグ・アンド・ドロップすると画像を入れ替えることができます。

    https://jp-help.jimdo.com/%E5%9F%BA%E6%9C%AC%E6%83%85%E5%A0%B1/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84/%E7%94%BB%E5%83%8F/

    上記で画像を変更できない場合は、お手数をおかけしますが、サポートまでホームページのURLなどをそえて個別にお問い合わせをお願いします。

    ■お問い合わせ
    https://jp.jimdo.com/support/contact/

  • #12

    monn (木曜日, 01 3月 2018 09:44)

    ポートフォリオ用のHP作成中なんですが1回目に作ったはずのギャラリーが何故か消えて作り直しになってしまいました。
    作り直すのはいいんですが
    以前項目を横方向に追加って出来たんですが今は何故かできません。
    上下には項目を新しく作っていけるんですが(コンテンツを追加って意味です)横にも項目を作りたいです。どうしたらいいでしょうか。

  • #13

    JimdoJapan 若山 (木曜日, 01 3月 2018 10:33)

    monn さま>
    フォトギャラリーでございますが、基本的なご利用方法は以下をご確認願います。

    https://jp-help.jimdo.com/基本情報/コンテンツ/フォトギャラリー/

    また、解決しない場合はお手数ではございますが、サポートまで個別にご連絡をお願いします。その際はホームページのURLやギャラリーを追加されようとしているページのURLもご連絡願います。

    ■お問い合わせ
    https://jp.jimdo.com/support/contact/

    よろしくお願いします。

  • #14

    佐賀香織 (土曜日, 24 3月 2018 11:14)

    ホームページを作成しましたが、ネット上に公開する方法がわかりません。どのようにすればよろしいでしょうか。

  • #15

    ACAサポートメンバー (土曜日, 24 3月 2018 22:11)

    トップページを編集すると、全ページに反映してしまい、不必要な画像・内容が全ページに付いてしまいます。
    それぞれのページ別に編集する方法は無いのでしょうか?

  • #16

    ACAサポートメンバー (土曜日, 24 3月 2018 22:15)

    立て続けですみません
    「定型ページを利用する」を解除する方法は無いのでしょうか?

  • #17

    JimdoJapan 若山 (月曜日, 26 3月 2018 16:40)

    佐賀香織さま>
    Jimdo で作成したホームページは、インターネットに公開されている状態となります。インターネット上に公開されている情報をPCから書き換えるイメージで作業をすることとなります。そのため、ホームページの情報はすでにインターネット上で閲覧できる状態となっています。

    公開とは別に、検索エンジンなどで検索されるようになるためには少し時間がかかります。SEOに関しては、以下のページも合わせてご確認いただけると幸いでございます。
    https://jp-help.jimdo.com/seo/seo-first-step/

    ご不明な点がございましたら、サポートまでご連絡をお願いします。

  • #18

    JimdoJapan 若山 (月曜日, 26 3月 2018)

    ACAサポートメンバー さま>
    Jimdoのページの中で、すべてのページで共通で情報が表示されるエリアがございます。以下のURLで「サイドバーエリア」となっている部分が、共通部となります。サイドバーは選択されているレイアウトによって異なります(説明ページではTOKYOレイアウトの例でございます)。
    サイドバーエリアに入力してしまった場合は、コンテンツをサイドバーエリア以外に移動をしてみてください。

    https://jp-help.jimdo.com/%E5%9F%BA%E6%9C%AC%E6%83%85%E5%A0%B1/jimdo%E3%81%AE%E5%9F%BA%E6%9C%AC%E6%A7%8B%E9%80%A0/

    2つめのご質問ですが、定形ページを利用した場合は、コンテンツが自動で追加されます。これを元の状態に戻すことはできないので、もし選択してしまった場合は、コンテンツを一つずつ削除していただきますようお願いいたします。
    定形ページを選択する前であれば、そのまま「コンテンツを追加」をお選びください。

  • #19

    松田 和正 (木曜日, 05 4月 2018 12:50)

    アカウント作成してログイン後ホームページ作成途中で ログアウトして もう一度ログインしたら ダッシューボード画面が出てきて そこには何もなくて 続きのホームページ作成ができません。

  • #20

    JimdoJapan 若山 (木曜日, 05 4月 2018 15:30)

    松田 和正さま>
    ログイン関連でご不便をおかけして申し訳ございません。
    お手数ではございますが、ご利用のJimdoのホームページのURLをそえて、サポートまでお問い合わせをお願いいたします。

    ■お問い合わせ
    https://jp.jimdo.com/support/contact/

    よろしくお願いします。

  • #21

    岩﨑 孝二 (火曜日, 17 4月 2018 00:00)

    ホームページを作成したつもりでいるのですが、ネットで検索しても出てきません。
    まだ未登録の状態なのでしょうか?
    それとも作成不備なのでしょうか?
    ご回答よろしくお願いします。

  • #22

    JimdoJapan 若山 (火曜日, 17 4月 2018 10:58)

    岩﨑孝二さま >
    ホームページはJimdoを登録した段階でインターネット上に公開されております。直接ホームページのURLを入力すると、ホームページの情報を閲覧することができます。

    これに対して、検索をして検索結果として表示されるのは別となります。基本的には、インターネット上に公開された情報を検索エンジン(Googleなど)が自動で情報を取得し、検索したときの検索結果として表示されるように登録されます。この仕組やタイミングは検索エンジンにて管理されており、お客様が完全にコントロールすることはできませんが、Jimdoで設定可能な作業を以下のページにまとめております。
    少々長くなりますが、ぜひご覧ください。

    https://jp-help.jimdo.com/seo/seo-first-step/

    その後ご不明な点がございましたら下記のページよりサポートまでお問い合わせください。
    ■お問い合わせ
    https://jp.jimdo.com/support/contact/

  • #23

    岩﨑 孝二 (金曜日, 20 4月 2018 20:25)

    お世話になります。
    返信メールありがとうございました。
    そのメール内容に基づき、URLで検索をかけたのですが、ヒットしませんでした。
    何がダメなのかご教授お願いします。https://cms.e.jimdo.com/app/sa5d006e629bb9bb4/p0aaaeda8b4ce5e6c/?cmsEdit=1

  • #24

    JimdoJapan 若山 (月曜日, 23 4月 2018 10:25)

    岩﨑孝二さま >
    大変おそれいりますが、このブログのコメント欄ではなく、以下のお問い合わせフォームより、別途お問い合わせをお願いいたします。

    https://jp.jimdo.com/support/contact/

  • #25

    岩﨑 孝二 (水曜日, 25 4月 2018 21:35)

    上記お問い合わせフォームを立ち上げて質問を記入し、送信しようとしたのですが
    コードに誤りがあります。と出てきます。
    コードとは何のことでしょうか?

  • #26

    JimdoJapan 若山 (木曜日, 26 4月 2018 11:00)

    岩﨑孝二さま>
    コード でございますが、フォームのページの「お問合せ内容」と「送信」ボタンの間にある部分に表示されているアルファベットです。不正投稿を防止する観点から、表示されたアルファベットを「コードを入力してください」の入力欄に入力してから送信ボタンをクリックしてください。

    もし、送信できないようであれば、メールにて support@jimdo.jp までお問い合わせください。よろしくお願いします。

  • #27

    オオコシ タカコ (水曜日, 06 6月 2018 18:37)

    作成し保存した表に数字や言葉が入力できない(以前はできていた)

  • #28

    JimdoJapan 若山 (水曜日, 06 6月 2018 18:56)

    オオコシ タカコ さま>
    Jimdoをご利用いただきありがとうございます。
    ご報告いただいた件でございますが、一部のブラウザ(Microsoft Edge)で発生しており、Jimdo開発元に修正の依頼を出しております。修正が完了するまでは Google Chrome や FireFoxなど別のブラウザをご利用頂ますようお願いいたします。

    ご不便をおかけし誠に申しわけございません。

  • #29

    オオコシタカコ (水曜日, 06 6月 2018 23:57)

    Edgeでは表に書き込みできなかったがIEでJimdoを開いたら書き込みできたので、自己解決しました。お騒がせしました。

  • #30

    JimdoJapan 若山 (木曜日, 07 6月 2018 19:15)

    オオコシ タカコ さま>
    お手数をおかけしました。ご報告いただきありがとうございます。