【Jimdo SEO対策】何から始めたらいいか分からない人のためのホームページの作り方講座 前編

こんにちは、水上里美です。

この記事はホームページ作成講座で使っていたレジュメを全部公開し、講座の中で話していたことを補足として追加しました。

注意
講座の中ではJimdoというホームページ作成サービスを使っていたので、内容はJimdoの内容で書かれています。
操作方法が違うだけで、作成する内容はどのサービスでも変わりありません。

 

なぜ公開したかと言うと、

いろんな無料の便利ツールがあって恵まれた時代。

ビジネスへのハードルは低くなってることを知って欲しかったからです。

無料でホームページを作って、決済までできるサービスもあります。
(注意:決済手数料はかかります。ホームページは無料版を使っている限りは無料です)

10年前と比べたらびっくりするくらい起業のハードルは下がっています。

ホームページを作るのって難しいと思われる方も多いかと思います。

でも、実際はそんなことはなくWordやExcelが使えるレベルの方だったら、簡単におしゃれなホームページを作ることができます。

 

これから日本でも起業・副業など新しい働き方も増えていきます。

「日本はアメリカで流行ったものが数年後に取り入れられる」
と言われています。

アメリカではすでに3人に1人がフリーランスという統計もあります。

昨年は大手企業でも副業が解禁されたりと、日本にもこの波は確実にきています。

パートやアルバイトと言う選択肢だけでなく、「好きなこと」「やりたいこと」があるのであればそちらも仕事にしていくことを考えてもいいのかも知れません。

自分の可能性を決めつけず柔軟に選択していけたらいいですね。

必要な方のお役に立てたら幸いです。

 

ホームページを作るメリット

  1. 情報発信
  2. 営業
  3. 売買
  4. 社会的信用度がアップする
    ・雑誌などへの掲載依頼
    ・屋号付き通帳を作成
    ・企業からの仕事依頼

1~3はブログやFacebookでも同じようにできるかなと思います。


私が一番ホームページを作って良かったなと思ったのは、4番を一番感じています。

  • 地域情報誌の取材
  • 親子向け雑誌から取材や有料広告ページの企画書が送られてくる
  • N◯Kから取材依頼
  • 某有名百貨店のイベント出店依頼
MEMO
私は2019年3月までの4年間
入園グッズ専門店りんごの木」というネットショップを運営していました。

 

水上

ブログだけFacebookだけの活動よりも、ホームページがあると社会的信用度は格段に上がります。

ホームページは会社そのもの=発信基地なので早めに準備した方がいいです。

それを無料で作れると言うのであれば、作らなきゃ損って感じですよね。

Jimdoを使うメリット

  1.  無料で使える(有料版もあります)
  2. 専門知識なし(操作が簡単)
  3. インストール必要なし
  4. 自動でスマホに対応(レスポンシブウエブデザイン)
  5. URLを決められる
    http://tsubaki-2014.jimdofree.com
    (↑赤字部分を自分で決めることができます)
MEMO
レスポンシブウエブデザインとは?

パソコン、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、ページのレイアウト・デザインを柔軟に調整すること。

Jimdo無料版のデメリット

  1. ブログやFacebookなど他のSNSからの誘導をしないと陸の孤島と同じ。
    (HP全般に言えることです)
  2. オンラインショップ機能
    ・無料 5品目まで  
・Pro 15品目まで  
・Business  無制限
    無料の場合支払い方法に、銀行振込、代引きが使えない。(PayPalのみ使用可)
    ★フォームズまたはStores.jp・BASEなどの無料ツールと組み合わせて使うのがオススメ!!
  3. サーバー容量
       無料 500MBまで
       ・Pro  5GBまで
       ・Business  15GB

    【参考価格】
      
    無料 無料
       ・Pro   965円/月
       ・Business  2460円/月
      
    (2020年1月現在)

    MEMO
    無料版を使うならデータ容量が500MBまでの制限があるので
    画像ファイルの使い分けするといいですよ。

    PNG
    JPEGの違い
    ・PNG
     高画質、ファイルサイズ大、読み込み遅い、ロゴ、メインの写真などキレイに見せたい写真に使用
    ・JPEG
     高画質、ファイルサイズ小、読み込み早い、商品写真などに使用

     

水上

次からは実際にあなたのホームページを作る具体的な方法をお伝えしていきます。ワークも何個か出てきますので時間をとって考えてみてくださいね。素敵なホームページを完成させましょう!

【ワーク】ホームページを作る目的

一番大切なのはどんなホームページを作りたいか決めること。

ホームページをつくってお客さんにどんなアクションを起こしてもらうか決めましょう。

例えば、

  • 店舗紹介?
  • 受注のため?
  • ネットショップ?
  • 教室のレッスン予約?
  • 特定の商品サービスの販売?
  • 資料請求をしてもらうため?

水上

ゴールをしっかり決めてから作り始めましょう。時間をとって考えてみてくださいね。

推奨ブラウザのインストール

ブラウザはインターネット上のウェブサイトを閲覧するプログラムです。

Jimdoの推奨のブラウザは下の2つです。

どちらも入っていないという方はどちらかをインストールしてね。
他のブラウザだと(例えば、Internet Explorerとかね)うまく表示されない場合があります。

★Google Chrome (←おすすめ!!)
https://www.google.com/chrome/browser/desktop/index.html
バージョン17以降

Mozilla Firefox
バージョン10以降

HPアドレスを決める

ホームページアドレスを考えよう
ホームページアドレス(URL)つまり、
「http://*******.jimdofree.com」というようなホームページの場所を知らせる住所です。

Jimdoでは、無料作成の登録する際、「.jimdofree.com」の前に、“任意の文字”を入力すると、
そのままホームページアドレス(URL)になります。

※好きな文字・・・3-30字以内の半角英数字と半角ハイフンが利用できます。
この“任意の文字”を決めましょう。

水上

【ここで重要なポイント!】
このURLは、作り始めた後、変更ができません!
一番重要なのは、簡単で覚えやすいこと。使える文字は、英数半角文字とハイフンです。

さて、アドレスが決まったらJimdoに登録をしましょう。

 

Jimdoに登録

 

↓こちらをクリックしてJimdoに登録しよう!

参考 JIMDO登録ページJIMDO

 

テンプレートを決める

テンプレートは全部で40種類ほど
どのテンプレートにするか迷ったらデザインフィルターがおすすめです。
条件によってフィルターをかけて選ぶことができます。

デザインフィルター
→ https://jimdo.design/

1カラムと2カラムとは?
1カラムは、大きな写真をトップに入れてインパクトを出すのに有効です。
ただし、1行あたりの文字数が多くなり読みずらいので、カラムを使うなどの工夫が必要です。

2カラムは、サイドバーにたくさん情報をのせることができるので、企業やビジネスでの利用に向いています。

MEMO
迷った時はこちらの記事もオススメ!!

参考 世界で最も使われているJimdoレイアウトTOP3JIMDO

【ワーク】あなたのお客様はどんな人?

次は、あなたの理想のお客様像を考えてみましょう。
設定は細かければ細かいほどいいです。
たった一人のモデルを設定してなるべくリアルに書き出しましょう。

  • 名前
  • 性別
  • 年代(年齢)
  • 家族構成
  • 住まい
  • 職業
  • 年収
  • 趣味
  • 性格
  • 不満や悩み
  • 学歴
  • 夢や目標
  • 理想のライフスタイル
  • どんな情報を求めているか?

水上

ポイントは、どんな人をを幸せにしたいか?
考えてみてくださいね。

【参考までに】

名前 よしみさん
性別 女
年齢 30歳
家族構成 夫 子供3歳(男) 0歳(女)
住まい 東京都
職業 専業主婦
世帯年収 800万〜1000万
趣味 フラワーアレンジメント
性格 おっとりしているが準備はしっかりするタイプ
不満や悩み 手芸が苦手
学歴 文系4代卒
夢や目標 子供達が大きくなったらフラワーアレンジメントの資格を取ること
理想のライフスタイル 子供が小さいうちは子育て中心の生活
どんな情報を求めっているか 入園に関する情報、先輩ママの失敗談、入園前に知っておけばよかった3つのこと、入園グッズの型紙、入園グッズを作るときに必要なもの

 

【ワーク】ブランドカラーを認識しよう

ブランドカラーを再認識してみよう!


あなたのブランドは?
・かわいい系、カッコイイ系?
・大人っぽい、子供っぽい?
・無印っぽいシンプルが好み?
・マリメッコみたいなポップな感じ?
・元気なイメージ?
・清楚なイメージ?
・雑誌なんかに例えるなら、どんな本?
・芸能人で例えるなら誰?
・色で例えるなら何色?
・柄で例えるならどんな柄?

水上

あなたのブランドイメージは?思いつく限り書き出してみよう。

 

テーマの色を決める


私がよく使うのはパステルのカラーコード表

参考 パステルカラーカラーコードが一目でわかるWEB色見本

 

色にはそれぞれカラーコードという番号が付いています。

ホームページで使用するカラーを2〜3色決めておきましょう。
色を統一すると統一感が出ます。

 

↓こんな風にコードを調べて、メモなどに記録しておくと作業するときに楽です。

 

配色に迷ったら↓こちらを参考に

参考 おしゃれな配色パターンが見つかる!配色見本サービスまとめWeb Design Trends 参考 印象(イメージ)を決める配色のコツ!3色の組み合わせパターン販促の大学

 

Lesson2へ続く

ピヨさん

【Jimdo SEO対策】何から始めたらいいか分からない人のためのホームページの作り方講座 後編

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です