\ グーペ 1 年生向け / ホームページ作成基本の き 参考資料
1. ホームページはなぜ必要? 2. グーペの基本設定の内容を充実させよう! 3. フリーページ活用事例紹介 4. SEOかんたん設定の設定方法 5. SNS 連携方法
ホームページを作る目的 ホームページの役割 信用を得る イメージを伝える 営業ツール 情報発信
ホームページを作る目的 まず知ってもらいたい 世界観を伝えたい 販促のために使いたい
ホームページを作る目的 知ってもらいたい 世界観を伝えたい ホームページの目的を明確にして 販促のために使いたい どう作ればそれが伝わるかを 意識して作ることが大切です!
1. ホームページはなぜ必要? 2. グーペの基本設定の内容を充実させよう! 3. フリーページ活用事例紹介 4. SEOかんたん設定の設定方法 5. SNS 連携方法
基本設定 URLの変更方法 http://r.goope.jp/ の部分を変更することができます
基本設定 ホームページタイトル ホームページのタイトルを設定 することができます 渋谷の女性に人気のカフェ 店名 銀座のトリートメント専門店 店名など タイトルにはお店の強みや 地域などの特徴を含めると 検索で表示されやすくなります
基本設定 ホームページの説明文ホームページの説明文を設定することができます できるだけ詳しく 検索エンジンで拾ってほしいキーワードを盛り込んだり ターゲットに見てもらえるような説明文を作成しましょう
基本設定 ホームページのキーワードホームページに関連するキーワードを設定することができます キーワードを区切るときは 必ず 半角コンマ, で区切りましょ う!
基本設定 ファビコンの設定ホームページのファビコンを設定することができます
基本設定 ファビコンの設定ホームページのファビコンを設定することができます
基本設定 ファビコンとはページタブの左側にあるアイコンのことファビコンといいます ファビコンを設定することで タブ上でも視覚的にホームページ を覚えてもらいやすくなります
基本設定 ファビコンの作り方通常の.png や.jpeg の画像を.ico に変換する必要があります 通常画像をファビコンに変換したい時は.ico 変換 などで検索すると無料で変換できるツールがあるので そのツールで画像を変換することができます.png.ico
1. ホームページはなぜ必要? 2. グーペの基本設定の内容を充実させよう! 3. フリーページ活用事例紹介 4. SEOかんたん設定の設定方法 5. SNS 連携方法
フリーページを活用しよう フリーページ
フリーページでページを増やす サイト内のページの数が多いと 検索エンジンに感知される確率もアップ!
フリーページ活用事例 大多喜ハーブガーデンさん http://herbisland.co.jp ① ② イベント情報や園内MAPなど 豊富なコンテンツをフリーペ ージで作成している ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪
フリーページ活用事例 写真だけでなくタイトルや内容も画像としてつくりページの中に埋め込んでいる 動画を埋め込んで園内の状況をより詳しく紹介
フリーページ活用事例 Pizza&Vegetable Days Kitchen さん http://dayskitchen-kobe.com/ メニューページをフリーページで作成 写真の枚数や フォントの色や大きさを自由に変更することができるためオリジナルメニューページが作れる サイズごとに値段が違うメニューなどを掲載しやすい
フリーページ活用事例 アキッチョさん http://akiccio.com/ 複数店舗展開しているため 店舗情報をフリーページに掲載している もっと詳しく ボタンでさらに各店舗の詳細な情報をフリーページで作成している それぞれ MAP と写真が載っているため わかりやすい
1. ホームページはなぜ必要? 2. グーペの基本設定の内容を充実させよう! 3. フリーページ活用事例紹介 4. SEOかんたん設定の設定方法 5. SNS 連携方法
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 かんたん設定方法 1 2 3
SEOかんたん設定方法 Googleマイビジネスに登録 Googleアカウントを持っていない方は アカウントを作成 無料 する必要があります
1. ホームページはなぜ必要? 2. グーペの基本設定の内容を充実させよう! 3. フリーページ活用事例紹介 4. SEOかんたん設定の設定方法 5. SNS 連携方法
SNS 連携方法
SNS 連携方法
SNS 連携方法 タイムラインの埋め込みナビゲーション設定ページ内の パーツ追加 >ウィジェット に 3 2 埋め込みコードを入力します 1 4 パーツ名を入力 埋め込みソースコードを入力
埋め込みコードを取得できるところ Facebook プラグイン で検索 https://developers.facebook.com/docs /plugins/page-plugin https://publish.twitter.com/ にアクセス 埋め込みたい投稿にアクセス
Facebook 埋め込みコード取得方法 2. Facebook プラグインページに URL と幅 高さを入力 1. 埋め込みたいタイムラインの URL をコピー
Facebook 埋め込みコード取得方法 3. プレビュー下にある コードを 取得 をクリックでてきたコード の IFrame タブをクリック 表示されたコードをすべてコピー して グーペのソースコード入力 欄に貼り付ける コピーして先ほどのパーツ追加画面のソースコード入力欄に貼り付ける
SNS 連携方法 タイムラインの埋め込みナビゲーション設定ページ内の パーツ追加 >ウィジェット に 3 2 埋め込みコードを入力します 1 4 パーツ名を入力 埋め込みソースコードを入力
Instagram 埋め込みコード取得方法 1. 埋め込みたい投稿の右下の をクリック 2. 埋め込み ボタンをクリックし 埋め込みコードをコピー をクリックするとコピー完了
まとめ ホームページは随時更新し続けることが大切です! ホームページを通して お客様にとって有益となるような情報を 提供し続けることで 検索順位やお客様の質も向上していきます ホームページを随時アップデートしていって素敵なホームページ をつくり ぜひ皆さんのお店 活動の発展に役立ててください!
ホームページ作成 運営に役立つ記事 オリジナリティ溢れるホームページに変身! ロゴが無料で作成できるサービス4 選 https://goope.jp/article/free-logomaker/ 集客するならGoogleマイビジネス!Googleマップや検索結果にお店の情報をのせる方法 https://goope.jp/article/google-my-business/ グーペ で設定できるSEO 対策のすべて https://goope.jp/article/goope-seo/ 効率アップ!Instagramの写真を自動でホームページに掲載する方法 https://goope.jp/article/instagram-widget/ 上記の記事はすべてグーペ>サポート>お役立ち記事から確認できます!
Follow me https://www.facebook.com/goope/ https://twitter.com/goope_pr