＼『グーペ』1年生向け／
ホームページ作成 基本の「き」
1.
ホームページはなぜ必要？
2.
グーペの基本設定の内容を充実させよう！
3.
フリーページ活用事例紹介
4.
SEOかんたん設定の設定方法
ホームページを作る目的
ホームページの役割
信用を得る
営業ツール
イメージを伝える
情報発信
ホームページを作る目的
まず知って
もらいたい
世界観を
伝えたい
販促のため
ホームページを作る目的
知って
もらいたい
世界観を
伝えたい
販促のため
に使いたい
ホームページの
目的
を明確にして、
どう作ればそれが伝わるかを
意識して作ることが大切です！
1.
ホームページはなぜ必要？
2.
グーペの基本設定の内容を充実させよう！
3.
フリーページ活用事例紹介
4.
SEOかんたん設定の設定方法
基本設定
▼URLの変更方法
http://r.goope.jp/●●●
基本設定
▼ホームページタイトル
ホームページのタイトルを設定 することができます。 タイトルにはお店の強みや 地域などの特徴を含めると 検索で表示されやすくなります。 • 渋谷の女性に人気のカフェ | 店名 • 銀座のトリートメント専門店 | 店名 など基本設定
▼ホームページの説明文
ホームページの説明文を設定する ことができます。 できるだけ詳しく、検索エンジン で拾ってほしいキーワードを盛り 込んだり、ターゲットに見てもら えるような説明文を作成しましょ う。基本設定
▼ホームページのキーワード
ホームページに関連するキーワー ドを設定することができます。 キーワードを区切るときは、必ず 半角コンマ「,」で区切りましょ う！基本設定
▼ファビコンの設定
ホームページのファビコンを設定 することができます。
基本設定
▼ファビコンの設定
ホームページのファビコンを設定 することができます。
基本設定
▼ファビコンとは
ページタブの左側にあるアイコン のことファビコンといいます。 ファビコンを設定することで タブ上でも視覚的にホームページ を覚えてもらいやすくなります。基本設定
▼ファビコンの作り方
通常の「●●●.png」や 「●●●.jpeg」の画像を 「●●●.ico」に変換する必要があ ります。 通常画像をファビコンに変換した い時は「.ico 変換」などで検索す ると無料で変換できるツールがあ るので、そのツールで画像を変換 することができます。●●●.png
●●●
.ico
1.
ホームページはなぜ必要？
2.
グーペの基本設定の内容を充実させよう！
3.
フリーページ活用事例紹介
4.
SEOかんたん設定の設定方法
フリーページを活用しよう
フ
リ
ー
ペ
ー
ジ
フリーページでページを増やす
•
サイト内のページの数が多いと、検索エンジンに感知される
フリーページ活用事例
▼大多喜ハーブガーデンさん
http://herbisland.co.jp
イベント情報や園内MAPなど
豊富なコンテンツをフリーペ
ージで作成している。
① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪フリーページ活用事例
動画を埋め込んで 園内の状況をより詳しく紹介 写真だけでなくタイトルや 内容も画像としてつくり ページの中に埋め込んでいるフリーページ活用事例
▼Pizza&Vegetable Days Kitchenさん
http://dayskitchen-kobe.com/
メニューページをフリーページで作成。
写真の枚数や、フォントの色や大きさを
自由に変更することができるため
オリジナルメニューページが作れる。
サイズごとに値段が違う メニューなどを掲載しやすいフリーページ活用事例
▼アキッチョさん
http://akiccio.com/
複数店舗展開しているため、
店舗情報をフリーページに掲載して
いる。
「もっと詳しく」ボタンで
さらに各店舗の詳細な情報を
フリーページで作成している。
それぞれMAPと写真が載って いるため、わかりやすい1.
ホームページはなぜ必要？
2.
グーペの基本設定の内容を充実させよう！
3.
フリーページ活用事例紹介
4.
SEOかんたん設定の設定方法
SEOとは？
SEOとは、Search Engine Optimizationの略で、
日本語では
「検索エンジン最適化」
と訳される言葉。
Googleをはじめとする、各種検索エンジンに対して
サイトの更新や微調整をしていくことで、
検索エンジンで上位に表示されているサイトの特徴
1.
コンテンツが充実している
（項目数・ページ数・文章の内容）
2.
サイトの内容がオリジナルの情報である
（類似内容やコピーした内容は評価が低い）
3.
更新頻度が高い
（情報が常に最新であるかどうか）
検索エンジンで上位に表示されているサイトの特徴
作成日は2016年のページだが、 2018年に改めて最新情報を
プラスで設定すること
グーペのSEOかんたん設定
内容の充実・高い更新頻度
SEOかんたん設定方法
▼metaタグの設定
管理画面内「SEOかんたん設定」 ページから「metaタグを設定する ボタン」をクリック
SEOかんたん設定方法
▼metaタグの設定
基本設定同様にお店の特徴や強み を盛り込んだtitle（タイトル）・ description（説明文）を入れ込む • 渋谷の女性に人気のカフェ| 店名 • 銀座のトリートメント専門店 | 店名 など 検索に引っかかってほしいワードや ターゲットが検索しそうなワードを盛り込む▼基本設定画面
SEOかんたん設定方法のmetaタグと
基本設定画面のタイトルとの違い
サイト上でのタイトルが
かなり長いものになってしまう！
サイトタイトルにロゴ画像を設定せず、 通常テキストを使用している場合、基本設定画面で 長いサイトタイトルを設定してしまうと・・・SEOかんたん設定方法
▼Google Search Console
へのURL送信
ホームページのURLをコピーして Search Console のページより 検索エンジン上でホームページを 認識させるためURLを送信する
SEOかんたん設定方法
① ②
SEOかんたん設定方法
▼Googleマイビジネスに登録
※Googleアカウントを持っていない方は
1.
ホームページはなぜ必要？
2.
グーペの基本設定の内容を充実させよう！
3.
フリーページ活用事例紹介
4.
SEOかんたん設定の設定方法
SNS連携方法
▼タイムラインの埋め込み
ナビゲーション設定ページ内の 【パーツ追加＞ウィジェット】に 埋め込みコードを入力します ① ② ④ ③ ←パーツ名を入力 ←埋め込みソースコード を入力埋め込みコードを取得できるところ
https://developers.facebook.com/docs /plugins/page-plugin
「Facebook プラグイン」で検索
埋め込みコード取得方法
1. 埋め込みたいタイムラインの URLをコピー
