渋谷区区民会館での「無料から始めるホームページ　Jimdoホームページ作成セミナー」のスライドです。

1. ホームページ作成セミナー
無料から始めるホームページ
2012.8.23
株式会社ロゴ・アンド・ウェブ

2. 自己紹介
佐藤孝行
 1988年 東京造形大学デザイン学科卒
 1988年 販促専門広告代理店のデザイナー
 2001年 アメリカの日系スーパーマーケット
マーケティング部マネージャー
 2003年 帰国後、デザイン事務所を開く
 2007年 法人化（株式会社ロゴ・アンド・ウェブ）
2

3. Jimdoサイト活用例
ふかえ医院 世界の絵本読み聞かせ会
RUBYPAPER Tokyo カット専門店With Coffee & Baby
3

4. ホームページを専門業者に発注した場合
ドメイン取得
自社 制作会社
サーバー料
コーディング＆
素材作り デザイン
SEO対策・
テキスト・図・写真の用意
CMS
広告費
手作り
テンプレート
使用
更新料
例え小さな更新でも
その都度請求されます
4

5. CMSのススメ
• HTML、CSSを書き、画像
手作業 ファイルを最適化して
サーバーに転送（FTP）
よほど好きかプロで
ないとできません…
• ブラウザから自分でホームページ
CMS の更新・管理ができる
コンテンツ管理システム
一度セットアップ
すれば専門知識不要！
5

6. Jimdoで簡単ホームページ運営
Jimdo、または「みんなのビジネスオンライン」で
ホームページを作ろう！
簡単
ブロックを組み合わ
せる感覚で作れる
本格 安心
ホームページ 無料お試し可能
らしい見栄え 大企業による運営
6

7. Jimdo・みんなのビジネスオンラインの比較
Jimdo Pro みんなのビジネスオンライン
料金 945円/月 初年度無料
（年額11,340円） 2年目以降1,470円/月
(年額17,640円）
独自ドメイン gTLD（.com .net .info .biz .org）無料 無料（.jpドメイン含め）
※jpドメインは追加費用16,380円/年
メールアドレス 1メールアカウント 1メールアカウント
※３転送用メールアカウント付き ※３転送用メールアカウント付き
テンプレート Freeレイアウト（150種以上）＋ 業種別テンプレート（14業種に
JimdoPro用テンプレート（30種以 最適化した約100種類のデザイン）
上）
7

8. Jimdo・みんなのビジネスオンラインの比較
Google Insights for Search
8

9. ホームページ３態
問題や悩みを解決したくて
悩み解消系 困っている人に、解決策を提
示してあげるホームページ
ネット 自己紹介系
ショップ
商品、サービスを販売 会社、お店、商品、自分、
するホームページ 作品などを紹介するホー
ムページ
9

10. キーワードを意識しよう
理想的なユーザーが、これから作るホームペー
ジを検索するときに使いそうなキーワードは？
キーワードを探す便利ツール
 Google AdWordsキーワードツール
 SEO/SEMツールFerret+
10

11. ホームページのタイトルを決めよう
伝わりやすいタイトルに
 ホームページタイトルにキーワードを入れよう
 サブキャッチを考えよう~
 概要を100文字程度で書こう
例）
無料でホームページが作れるサービス・Jimdoを学ぼう！
代々木上原Jimdoカフェ
代々木上原Jimdo(ジンドゥー)カフェは、Jimdoでホー
ムページを作る方を支援するカフェスペースです。 初
めてホームページ制作に挑戦される方から、すでに
Jimdoを趣味やビジネスで使っている方が、集い、学
び合う場所です。
11

12. URLを決めよう
よいURLとは？
 コンテンツを端的に表している
 適度な長さ
 間違いやすい文字や記号が入っていない
• ~（チルダ）
• 数字の１、小文字のエル、大文字のアイなど
• _（アンダースコア）より-（ハイフン）を使う
 .jp（汎用jp)ドメイン、.comが人気
※Jimdo有料版、またはみんなのビジネスオンラインをご契約の場合。
特にみんビズでは、いきなりURLを決めなければならないので注意。
※Jimdo Freeの場合は、サブドメイン（http://○ ○ ○ ○.jimdo.com）を選択。
12

13. ホームページ制作のポイント
ターゲットユーザーに合わせたデザインに
業種 想定ターゲット デザインの
ユーザー ポイント
コワーキン PC、プログラムに強い ナチュラル・カラーで明
グ・カフェ 成人男性・女性 るいトーン。シズル感の
フリーランス、会社員 ある写真
士業 成人男性・女性 誠実さが伝わるブルー
自営業、会社員 基調。笑顔の顔写真。
実績紹介
高級旅館 家族連れ、高齢者 高級感のあるデザイン。
非日常のイベント感 クォリティの高い写真。
癒やし、精神的な豊かさ 筆文字、明朝系フォント
13

14. ホームページ・レイアウト例
●2カラムの例 ヘッダー（ヘッダー・イメージ）
ナビゲーションメニュー
（グローバル・ナビゲーション）
右カラム（サブ・カラム）
左カラム（メイン・カラム）
フッター
14

15. ヘッダー画像を選ぶ
気に入るものがない場合…
1.素材集・フリー素材を探す 2.自ら作成する（撮影ほか）
15

16. ヘッダー画像を探す
Webで無料画像を探す
 stock.xchng
 CC Search
 写真素材 足成
 PAKUTASO/ぱくたそ
 igosso画像検索
 PHOTO STOCKER
 foto.project
 BEIZ Graphics
16

17. 画像の編集・加工
無料ならGIMPがおすすめ
 GIMP 2.8
17

18. サイトマップを作ろう
もれなくダブりなく
トップページ
メニュー・ 営業時間・ スタッフ
スタッフ紹介 お問い合わせ
料金表 アクセス ブログ
18

19. 文書構造
SEO(検索エンジン最
適化）に効果あり
見出し1（h1）
写真
キャプション
見出し2（h2）
本文（p）
19

20. テキスト原稿を書く
文書の構造を考えて書こう
（見出し１）代々木上原Jimdoカフェへようこそ
見出し１ （写真）代々木上原Jimdoカフェ店内
（見出し２） Jimdoカフェとは…そもそもJimdoって？
（段落）
Jimdo（ジンドゥー）とは、誰にでも簡単にホームページが作成
できるオンラインホームページ作成サービス。運営はauでおな
じみのKDDI株式会社です。
見出し２ HTMLやCSSといった専門知識がなくても、DreamWeaver（ド
リームウィーバー）やホームページ・ビルダーといった高価なソ
フトを持っていな いくても大丈夫です。必要なのは、インター
ネット回線とインターネット・エクスプローラーなどのブラウザ、
そしてテキスト原稿、写真だけ。ブラウザから簡 単に何ページ
でも増やすことができます。
代々木上原Jimdoカフェは、Jimdoを活用してホームページを作
る方を支援するカフェスペースです。 初めてJimdoでホーム
見出し３ ページ制作にチャレンジされる方、すでにJimdoを趣味やビジネ
スで使っている方、Jimdoに関する最新情報を共有したい方 が、
集い、学び合う場所なのです。
20

21. Jimdo Freeでサイト制作１
Jimdo Freeのサインアップ
 http://jp.jimdo.com/
• 必要なのはEメールアカウントのみ
• サブドメイン部分を何にするか決めておく
21

22. Jimdo Freeでサイト制作２
Jimdo Freeのサインアップ
サンプルサイト（見本）
 http://regrowth.jimdo.com/
Jimdoサイトにログインしてレイアウトを選択
 スペシャルレイアウト S4096
ヘッダーにオリジナル画像を使用
ヘッダー画像・タイトル位置調整
22

23. Jimdo Freeでサイト制作3
ナビゲーションメニューの編集
トップページの作成
 ファイルのダウンロードリンク
 Googleカレンダー埋め込み
「メニュー・料金表」ページの作成
 フォトギャラリー
「営業時間・アクセス」ページの作成
 Googleマップ埋め込み
「スタッフ紹介」ページの作成
「お問い合わせ」ページ
23

24. Jimdo Freeでサイト制作4
「スタッフブログ」の作成
 ブログスタイルの調整
サイドバーの編集
 店舗情報を追加
各種設定の変更
 ファビコン
 パスワード保護領域
 スマートフォン表示
 ページタイトル
 ページ内容詳細  Dropbox
 タグ（キーワード）  Google Analytics
 代替テキスト  Twitter
24

25. Jimdo Freeから始めるネット戦略
無料のJimdoを活用して、ビジネスに
役立てよう！
 Jimdoアフィリエイトプログラム
• http://jp.jimdo.com/partners/affiliate/
ご清聴ありがとうございました
25