$30 off During Our Annual Pro Sale. View Details »

もっと早く知りたかった!ホームページの基礎知識 / HPBasic01

もっと早く知りたかった!ホームページの基礎知識 / HPBasic01

突然ですが、
「ホームページとサイトの違い」
ってわかりますか?

TOPページ?
下層ページ?
ドメイン?
移管?

なんだそれは…!!

と思われた方、今回セミナーは必須受講です!

今すでにHPを持っている方もこれから作ろう!と思っている方も必ず知っておくべきホームページの基礎知識についてお伝えします!

治療院専門HP制作会社ポータルズがお届けするWEBセミナー。
ポータルズスタッフのナカジマとオオタが皆様に役立つ情報をお伝えしています。

◎過去のWebセミナーはこちらから
https://www.youtube.com/playlist?list=PL6-MIMdiD5v4RiBYZPSNU3wv6YxeppZ7A

◎YouTubeチャンネル登録はこちら
https://www.youtube.com/channel/UChMaJWGAusrFnXxB1EJ6s0A

◎3分で治療院業界を学ぶ!教えてカオリン
https://www.youtube.com/playlist?list=PL6-MIMdiD5v6OLt-c4LnFoAZ0KTOHQjN8

◎治療院業界成功者インタビュー
https://www.youtube.com/playlist?list=PL6-MIMdiD5v54uY-n_KQoSsjBb12KbgZH

【ポータルズについて】

◎株式会社ポータルズ
https://www.portals.co.jp/

株式会社ポータルズは2003年10月1日の創立以来、
延べ1000院以上の整骨院・整体院・鍼灸院・治療院のホームページを制作してきました。
Web集客に強いコンテンツ、女性目線で通いたくなるデザイン、
徹底したSEO対策により高確率で上位表示するサイトはたくさんの先生方よりご好評いただき、
業界内でも「ポータルズに任せておけば間違いない」と評価いただいております。

◎制作実績はこちらから
https://www.portals.co.jp/portfolio/

納品後のサポートも充実しており、
・突然のGoogle検索アルゴリズムアップデートによる順位変動の対応
・CMS仕様変更等によるメンテナンス
・治療院業界における広告表示法等の最新情報の共有
・より多くの患者様を集客するためのご提案
など、治療院業界に特化しているからこそ可能なきめ細やかな対応実績がございます。

スタッフは全員が女性。
女性ならではの目線で、様々なアドバイスが行えることもポータルズならでは。

・ホームページからの集客でお悩みの先生
・デザインが古くリニューアルを検討されている先生
・広告からの反応率をアップしたいと考えている先生
・スタッフ採用でお困りの先生

まずは一度、ポータルズへご相談ください。
あなたの院にピッタリのプランを、経験豊富なスタッフがご提案致します。

◎お問い合わせはこちらから
https://www.portals.co.jp/contactus/

#治療院
#Webセミナー
#集客
#ホームページ制作 #ポータルズ
#SEO #MEO #Webマーケティング
#広告運用 #Web制作 #神戸
#整骨院 #整体院 #美容整体 #鍼灸院

portals_chokki

July 15, 2020
Tweet

More Decks by portals_chokki

Other Decks in Business

Transcript

  1. もっと早く知りたかった!
    ホームページの基礎知識
    ポータルズスタッフ
    中島・太田

    View Slide

  2. このような事で
    お困りではありませんか?

    View Slide

  3. ホームページ制作会社の
    担当の人と
    うまく意思疎通ができない

    View Slide

  4. ていうか
    ホームページ制作するのに
    専門用語が多すぎて
    ちょっとむずかしい

    View Slide

  5. ホームページに
    載せたい内容があるけど
    なんて伝えたらいいか
    わからない

    View Slide

  6. 今すぐ解決!
    ホームページ制作の流れ
    について徹底解説します!

    View Slide

  7. うさぎ制作会社のチョッキさんと
    ホームページを作っていきましょう!
    はーい!よろしくお願いします!

    View Slide

  8. ホームページ制作の流れ
    受注

    ドメイン決定

    構成案(ワイヤーフレーム)作成

    デザイン

    View Slide

  9. ホームページ制作の流れ
    コーディング

    下層ページ制作

    チェック

    納品

    View Slide

  10. ドメイン?コーディング?
    ワイヤーフレーム?下層ページ??

    View Slide

  11. 順番に解説していきます
    その前に…
    そもそもホームページとは!

    View Slide

  12. ホームページ
    最初に表示されるページ
    トップページ
    ウェブサイト
    全てのウェブページの総称

    View Slide

  13. ホームページ ウェブサイト

    View Slide

  14. ホームページ ウェブサイト

    View Slide

  15. ぶっちゃけ同じです
    私たちはお客様に対して
    ホームページと呼んでいます

    View Slide

  16. 流れを理解して
    集客できるホームページを作ろう!
    早速スタートするよ!

    View Slide

  17. それではまず
    ホームページのドメインを決めましょう!
    ①ドメインを決めよう!~新規~
    ドメイン?URLの事ですか?

    View Slide

  18. ドメインとURLの違い
    ドメイン
    インターネット上に表示させる為の住所的存在
    唯一無二の存在、同じものは存在しない、オンリーワン
    ホームページで使われる他に、メールアドレスでも使われる
    portals.co.jp
    @portals.co.jp

    View Slide

  19. ドメインとURLの違い
    URL(Uniform Resource Locator)
    インターネット上にページの場所や画像の場所などを
    表示させる為の住所的存在
    ドメインの前後に文字列を入れる事で情報の場所を指定する
    https://portals.co.jp
    https://portals.co.jp/about

    View Slide

  20. ドメインとURLは…
    似て非なるもの

    View Slide

  21. 移管手続きをすれば
    そのまま使っていただけますよ!
    ①ドメインを決めよう~移管~
    今あるホームページのドメインを
    使いたいのですが…

    View Slide

  22. 移管手続き
    使用中のドメインを使い続ける手続き
    ❖ ホームページのリニューアルをする時に現在のドメ
    インを引き継ぐ手続きのこと
    ❖ 手続きにはオースコード(AuthCode)や
    登記簿情報が必要なこともある

    View Slide

  23. 移管手続き~メリット~
    ❖ ドメインの年数が長いほどSEO的にも有利!
    ❖ ブックマークからのお客様を逃さない!
    ❖ エキテン等に登録しているURLを変更しなくて済む

    View Slide

  24. 移管手続き~デメリット~
    ❖ 現在の管理会社とのやり取りが必要
    ❖ 移管手続きに費用が発生することがある
    ❖ 移管を承認していない管理会社もある
    ❖ 切り替え時に表示が不安定になったり、
    メールが来なくなる事がある

    View Slide

  25. まずは今の管理会社へ
    お問い合わせください!
    移管が可能か?
    現在の契約状況はどうなっているか?

    View Slide

  26. ドメインが決まったので
    早速構成案を作りました!確認してください!
    ②構成案を確認しよう
    わーい!早速見て見よう!

    View Slide

  27. 構成案(ワイヤーフレーム)とは…
    デザイン案を作る前の
    方向性や内容の確認や
    レイアウト・構成等の
    擦り合わせツール

    View Slide

  28. 構成案(ワイヤーフレーム)とは…
    ❖ 電話番号や住所の確認
    ❖ キャッチコピーや
    全体の文章の確認
    ❖ 施術方法が合っている
    かの確認
    などなど…

    View Slide

  29. 構成案を基にデザインを作るので
    色味はありません…
    ご理解くださいませ…

    View Slide

  30. デザイン案の制作に入る前に
    サイトの構造を解説していきます!
    ③デザイン

    View Slide

  31. ポータルズで用意しているデザインレイアウトは
    大きくわけて2種類!
    2カラムサイト 1カラムサイト

    View Slide

  32. 左側にメニュー一覧があるものが2カラム
    画面いっぱいにデザインしてあるものが1カラム
    2カラムサイト 1カラムサイト

    View Slide

  33. どちらかお好きな方をお選びいただけます。
    2カラムサイト 1カラムサイト

    View Slide

  34. メニューの充実さをアピールする時は2カラム
    写真などの視覚でアピールする時は1カラム
    を選択すると良いかと思います!
    2カラムサイト 1カラムサイト

    View Slide

  35. スマホで見た時は
    1カラムでも2カラムでも画面いっぱいに
    表示されています。
    2カラムサイト 1カラムサイト

    View Slide

  36. 上から順に、ヘッダー、サイドバー、
    メインカラム、フッターがあります。
    ヘッダー
    サイドバー
    メインカラム
    フッター
    メインイメージ

    View Slide

  37. この名称は1カラム・2カラム共通ですので
    覚えておくと変更や修正の依頼の時に
    担当者に伝えやすくなりますよ!
    ヘッダー
    サイドバー
    メインカラム
    フッター
    メインイメージ

    View Slide

  38. イメージの相違を防ぐためにも、
    希望のデザインがある場合は
    ぜひそのホームページを見せてくださいね!

    View Slide

  39. ホームページにはバナーを入れられますが
    内容はどうしますか?
    ④バナーの内容を決めよう
    えっと…バナーってなんですか?

    View Slide

  40. バナーとは
    ホームページ上の「のぼり」のようなもの
    推したいメニューページへのクリックを促す
    反応率UPには欠かせない画像です!

    View Slide

  41. バナー活用方法
    ◎おすすめメニュー
    ◎来院特典(オファー)

    View Slide

  42. バナー活用方法
    ◎雑誌掲載のお知らせ
    ◎SNSへの登録促進に

    View Slide

  43. デザインOKとの事なので
    コーディング作業に入りますね!
    ⑤コーディング
    えっと…コーディングってなんですか?

    View Slide

  44. コーディングとは
    出来上がったデザインを
    インターネット上に
    表示させる為に
    コード化していく作業

    View Slide

  45. コーディング作業中は…
    作業完了報告を
    ウキウキしながら
    待ちましょう!

    View Slide

  46. 下層ページの制作に入ります!
    ⑥下層ページ
    下層ページ?下層?

    View Slide

  47. 下層ページとは
    TOPページから派生するページのこと!
    ポータルズのホームページで言うと…
    ● 肩こり
    ● 腰痛
    ● 骨盤矯正
    ● 整体
    ● アクセス・料金
    ● 初めての方へ など…

    View Slide

  48. 下層ページ(肩こり・腰痛・整体など)は
    絶対必要です!

    View Slide

  49. SEO強化 反応率強化
    24時間365日あなたの施術について
    プレゼンしてくれます!

    View Slide

  50. 現在サイトの最終チェックを行っております!
    しばらくお待ちくださいませ!
    ⑦チェック
    誤字を見つけたんだけどどうしましょう…

    View Slide

  51. ホームページが完成しました
    \ご協力ありがとうございました /
    ⑧納品

    View Slide

  52. ホームページは育てるもの
    作って終わりではなく
    常に新しい情報を発信し続ける事が
    SEOにも反応率にも
    良い影響を与えます。
    ここからがスタートです!
    \これからもっと頑張ろう! /

    View Slide

  53. 質問タイム
    PCで閲覧中の方は
    右側のコメント欄から!
    スマホの方は縦にすると
    コメント欄が表示されます!

    View Slide

  54. 次回予告
    7月29日(水)13:30〜
    「画像とテキストの差って何?」
    もっと早く知りたかった…!
    ホームページの基礎知識【運用編】

    View Slide

  55. お問い合わせ・ご相談はこちら!
    [email protected]
    078-792-8860
    お気軽にお問い合わせください!

    View Slide