【大阪梅田】Kansai WordPress Meetup 初心者会向け『もくもく会&情報交換会』で話す予定でしたが話す時間がありませんでした。
ホームページをつくるまで2023/06/25 つぶ（佐敷 亮太）Kansai WordPress Meetup@大阪初心者会向け『もくもく会&情報交換会』
View Slide
今日の議題
Q.ホームページっているん？
本来の「ホームページ」の意味と俗に言う「ホームページ」では 意味が違うのを知っていますか？
本来ホームページとは「Webサイトの入り口となるページ」や「ブラウザを開いた時に表示されるページ」のことを指します
みんながホームページって言っているのは「Webサイト」のことを指していることがほとんど
引用参考 : Googleトレンド ホームページ・Webサイト過去5年間 よりhttps://trends.google.co.jp/trends/explore?q=ホームページ,Webサイト&geo=JP&date=today%205-y
日本ではホームページ ≒ Webサイトと考えてOKです＼この中ではホームページとします／
Q.ホームページっているん？もう一度
A.あったらいいけど 他に優先するものの後でいい ホームページを優先してもいい
他に優先するものって？
名 前 ：花田 浩史 年 齢 ：４６ 性 別 ：男 職 業 ：ラーメン専門店・店主(2年目)家 族 構 成：妻・娘1８歳・息子15歳 性 格 ：控えめ休日の過ごし方：釣り・ギター平日の過ごし方：仕込み・ソシャゲ想定するペルソナを考えてみましょう集客に悩んでいてお店のホームーページを作りたいイラスト：bon designhttps://bon.design/
🍜
花田さんはホームページを作る前にお客さん=ユーザーが何を求めているかを考えましたはやさ？正しさ？情報量？信頼性？
先月の営業時間より今週の営業時間はやさ？
メニュー : ラーメンよりメニュー : 豚骨ラーメン 醤油ラーメン 餃子 炒飯情報量？
正しさ？休業日：不定休より休業日：水曜日
信頼性？hogeさん鶏ガラと魚介のミックスですより店主前日夜から煮込んだ豚骨スープを使用しています
ユーザーが求めているものを伝えよう！
他に優先するものって？もう一度
💡
「ユーザーが求めているもの」を伝えることができる所=他に優先するもの
じゃあユーザーが求めているものってどんな所で伝えれるん？
Q.ホームページっているん？A.あったらいいけど 他に優先するものの後でいい ホームページを優先してもいい
SNSポータルサイトクローズドサービスホームページもくじ
SNSTwitterFacebookInstagramTikTokYouTubeLinkedInPinterestClubhouseどのSNSを使うのがいいの?
SNSQ.どのSNSを使うのがいいの?A.まずは提供したいものの ターゲット(ユーザー)が多くいそうな SNSを選びましょう
Twitterはリアルタイム情報の共有に最適なSNS。140字以内のメッセージを投稿し、ハッシュタグでトピックを分類。人や組織をフォローし、反応はリツイートやいいねで示す。Twitter FacebookFacebookは友達とつながり、情報共有するSNS。プロフィールを持ち、友達やページをフォロー。ニュースフィードで最新情報を見る。リアクションとメッセンジャーでコミュニケーション。description by ChatGPTInstagramInstagramはビジュアル重視のSNS。写真や動画を投稿し、フィルターで装飾可能。ストーリーズで日々の出来事をシェアし、ハッシュタグで投稿を分類。TikTokTikTokは短い動画共有に特化したSNS。音楽を背景にダンスやコメディを演出。視聴者の反応が高いコンテンツはすぐにバイラル化し、全世界に拡散できる。
YouTubeはビデオ共有プラットフォーム。自作のビデオを公開し、視聴者とコメントで交流。学習・エンターテイメントなど多岐にわたるジャンルのコンテンツが揃う。LinkedInLinkedInはプロフェッショナルなネットワーキングに特化したSNS。自分の職歴やスキルをプロフィールに記載し、企業や同業者とつながり、情報共有や就職活動に活用。description by ChatGPTPinterestPinterestはビジュアルに重点を置いたSNS。自分の興味やインスピレーションを「ピン」として保存、共有。イメージボードでアイデアを整理し、他のユーザーとインスピレーションを交換。ClubhouseClubhouseは音声のみのSNS。リアルタイムの会話ルームでディスカッションやパネルディスカッションに参加。様々なトピックや専門家から学び、新たな人脈を築く。
花田浩史さんはラーメン専門店の店主です。お店の美味しいラーメンを見てもらいたくてInstagramをはじめました。Instagramでは画像以外にもテキストや動画を投稿することができます。ラーメンや店舗情報の投稿を続けていたらインフルエンサーのストーリーでお店が紹介されました。ペルソナ : SNS -> Instagram気軽に投稿できて即効性と拡散力があるのがSNSイラスト：bon designhttps://bon.design/
description by ChatGPTGoogleビジネスプロフィール(旧称: Google マイビジネス)ビジネスの情報をGoogle検索やGoogleマップ上で一元管理・公開できる無料のツールです。基本情報の公開、顧客レビューへの対応、写真や動画の投稿などが可能で、ビジネスのオンラインでの見え方を向上させ、ローカルビジネスの発見性を高めます。顧客レビューへの対応： ビジネス所有者自身がレビューや評価に直接返信できます。写真と動画の投稿： 商品・サービスの写真や動画を投稿し、ビジネスの魅力をビジュアルで伝えます。インサイトの提供： 検索キーワードや訪問者のアクション（ウェブサイトへのアクセス、電話の発信等）などの分析データを提供します。投稿機能： お知らせや新商品、イベント情報を投稿でき、タイムリーな情報を顧客に伝えます。FacebookページビジネスやブランドがFacebook上で自己を表現し、ファンや顧客とコミュニケーションをとるためのプラットフォームです。ビジネス情報の公開、投稿のシェア、顧客とのインタラクションなどが可能で、認知度向上や顧客エンゲージメントの強化に役立ちます。投稿のシェア： 新製品、イベント、ニュースなどの情報を投稿し、ファンや顧客に伝えることができます。顧客エンゲージメント： ユーザーのコメントやメッセージに対応したり、投稿に対するリアクションを見ることコミュニケーションを深めることができます。広告の運用： ターゲットオーディエンスに対する広告キャンペーンを作成・運用できます。インサイトの提供： パフォーマンスやエンゲージメントなど、様々な分析データを提供します。
食べログRettyぐるなびホットペッパーグルメ旅行・宿泊業楽天トラベルじゃらんnetAirbnbBooking.comdescription by ChatGPT自動車業カーセンサーnetgoo 自動車カービュー不動産業SUUMOat homeホームズ飲食業
Hot Pepper BeautyビューティーパークミニモLOCARI(ロカリ)医療機関医師を探すiDoctorエムスリークリニックを探すQLifedescription by ChatGPT教育機関スタディサプリベネッセリクナビ進学カクガクナビ小売業・ECAmazon楽天市場Yahoo!ショッピングメルカリ美容業
花田浩史さんはラーメン専門店の店主です。Googleマップに掲載されている口コミに返信するためにGoogleビジネスプロフィールをはじめました。GoogleビジネスプロフィールではGoogleマップの電話番号・営業時間や休業日などの情報を正しいものに変更することが可能です。口コミがあるたびに真摯に返信することでリピーターのお客様を獲得することができました。ペルソナ : ポータルサイト -> Googleビジネスプロフィール同じジャンルの情報をまとめて掲載しているのがポータルサイトイラスト：bon designhttps://bon.design/
description by ChatGPT企業や団体、有名人などがLINE上でユーザーとコミュニケーションをとるためのツールです。情報発信、直接メッセージの送受信、広告配信などが可能で、顧客エンゲージメントの強化や新規顧客の獲得に寄与します。情報発信： 新商品、イベント、ニュースなどの情報を投稿し、フォロワーに直接伝えることができます。1対1のコミュニケーション： ユーザーからの個別メッセージに対して直接返信し、顧客サポートや問い合わせ対応を行うことができます。広告配信： LINEの広告を使って、ターゲットオーディエンスに対して広告を配信することができます。これらの機能で、顧客との直接的なコミュニケーションを通じて顧客関係を強化したり、新たな顧客獲得を目指すことが可能です。LINEオープンチャット特定のテーマや目的を持つコミュニティを形成し、その中でユーザー間で情報を共有したり意見を交換するためのプラットフォームです。チャットルームの作成、メッセージの送受信、情報の共有などが可能です。公開チャットルーム：興味・関心の同じユーザーとのコミュニケーションが可能になります。メッセージの送受信： 自由なメッセージの送受信が可能です。テキストの他、スタンプ、画像、動画、音声なども送信できます。メンバーの管理： 管理者は、メンバーの参加・退出の管理、不適切な発言の削除、ルールの設定などを行うことができます。
description by ChatGPTFacebook上で特定のテーマや興味を共有するユーザーが集まり、情報を共有したり意見を交換したりするための場所です。メンバーが投稿を作成し、他のメンバーとのインタラクションを行うことができます。投稿の作成と共有： メンバーは自由に投稿を作成し、情報を共有することができます。 メンバーは他のメンバーの投稿に対してリアクションを行ったり、コメントを残したりすることができます。グループの管理： グループの管理者やモデレーターは、メンバーの参加の承認や不適切なコンテンツの削除などの管理機能を行うことができます。プライバシー設定： グループは公開、クローズ、シークレットの3つのプライバシー設定から選べます。これにより、コミュニティの規模や公開範囲をコントロールできます。Discordコミュニティを形成するためのオンラインプラットフォームです。ユーザーはサーバーと呼ばれる場所を作成し、その中でテキスト、音声、ビデオによるコミュニケーションを行うことができます。ゲーム配信やゲームとの連携機能も持つことから、ゲーマーに特に人気があります。テキストチャット： ユーザーはチャンネル内でリアルタイムにメッセージを送信できます。画像や動画、リンクも共有できます。音声・ビデオチャット： ユーザーは音声チャットチャンネルで他のユーザーと話すことができます。また、ビデオ通話や画面共有も可能です。サーバーとチャンネルのカスタマイズ： サーバー所有者は、サーバー内でのチャンネル設定や役職の割り当てなど、コミュニティの管理を行うことができます。Facebookグループ
花田浩史さんはラーメン専門店の店主です。LINE公式アカウントを使ってクーポンの配信やリピーター向けの特別メニューの案内をはじめました。LINE公式アカウントではお客様とのコミュニケーションはもちろんAI・BOTを使用しての自動返信や予約システムも使用可能です。売上が低い曜日の前日にクーポンを配信することで安定した集客を確保することができました。ペルソナ : クローズドサービス -> LINE公式アカウントユーザーとの距離が近いクローズドサービスイラスト：bon designhttps://bon.design/
Q.ホームページっているん？A.あったらいいけど 他に優先するものの後でいい ホームページを優先してもいいもう一度
SNSやポータルサイト、クローズドサービスでユーザーが求めているものを提供できないと思ったらホームページを作ればいいホームページ
そこにしかない正しくてまとまっている情報を提供したいと思ったらホームページを作ればいいホームページ
じゃあ最初からホームページだけ作ればいいやん？ホームページ
ホームページホームページのメリットは全てを自分でコントロールできることホームページのデメリットは全てを自分でコントロールしないといけないこと「手間かお金」もしくは「手間とお金」がかかる
ユーザーが求めているもの×提供したいこと×コストホームページ
これに見合うと思ったらホームページを作ろうホームページ
ホームページは文章を構造化するためのHTML(HyperText Markup Language)と見栄えや表示形式を制御するためのCSS(Cascading Style Sheets)で構成されていますこれらを直接作成してホームページを作ることができますCMSやWebサービスを使用することで専門知識が無くてもホームページを作成されることも多く広まっていますホームページ
description by ChatGPT世界で最も広く利用されているコンテンツ管理システム（CMS）の一つです。オープンソースで提供されており、個人ブログから大規模なニュースサイト、商用サイトまで、さまざまなウェブサイトを作成することが可能です。ユーザーフレンドリーなインターフェース、数千に上るテーマとプラグインによる高いカスタマイズ性などが特徴で、初心者からプロフェッショナルまで幅広いユーザーに対応しています。テーマとプラグイン： WordPressは多数のテーマとプラグインを提供しており、これらを組み合わせることで自分だけのウェブサイトをカスタマイズすることができます。テーマはウェブサイトのデザインを決定し、プラグインは機能を追加または強化します。投稿とページ： 投稿はブログエントリーのように日付順に表示されるコンテンツで、ページは静的なコンテンツ（例：「会社情報」ページなど）を作成します。ユーザー管理： 管理者、編集者、寄稿者など、さまざまな役割を持つユーザーを管理することができます。SEOとソーシャルメディア対応： SEO対応の機能やソーシャルメディアとの連携機能を持っており、ウェブサイトの認知度を高めるのに役立ちます。これらの機能を利用することで、ユーザーは自分の目的に合わせたウェブサイトを自由に作成・管理することができます。
description by ChatGPTコーディング知識なしでプロフェッショナルなウェブサイトを作成できるオンラインプラットフォームです。ドラッグ＆ドロップエディターと豊富なテンプレートを利用してカスタマイズし、eコマース機能、SEO対策ツールなどでビジネスのオンライン展開をサポートします。テンプレートとデザイン： Wixは数百種類のデザインテンプレートを提供しており、ユーザーのビジネスや趣味に合わせて選ぶことができます。eコマース機能： オンラインストアの設定が可能で、商品の管理、支払い方法の設定、配送方法の設定など、オンライン販売に必要な機能が揃っています。アプリマーケット： ブログ、写真ギャラリー、メールマーケティングなど、さまざまな機能を追加できるアプリを提供しています。Google サイトGoogleアカウントを持っていれば誰でも無料で使用することができるウェブサイト作成ツール。ドラッグ＆ドロップの操作で独自のウェブサイトを作成することが可能です。個人のポートフォリオサイトから企業の公式サイト、プロジェクトの共有ページなど、多様な用途で利用できます。Google Workspaceとの連携： GoogleドキュメントやGoogleスプレッドシート、Googleスライドなど、他のGoogleアプリとの連携が可能。共有と協力： URLを通じて簡単に公開することができ、また特定の人と編集を共有して共同でウェブサイトを作成することも可能です。テンプレート： サイト作成のためのテンプレートを提供しており、ビジネス、個人、プロジェクト、イベントなどのカテゴリーから選ぶことができます。Wix
description by ChatGPTドラッグ＆ドロップ操作でウェブサイトを作成できるビジュアルエディタを提供するサービスです。デザインとコーディングの知識がなくても、プロフェッショナルなウェブサイトやランディングページを作成することが可能です。インタラクティブデザイン： 動きのある要素を取り入れることで、インタラクティブなウェブサイトを作成できます。テンプレート： デザインテンプレートが豊富で、自分のニーズに合わせて選択可能です。チーム協働： チームメンバーと共同でプロジェクトを管理し、リアルタイムで編集することができます。レスポンシブデザイン： 作成したウェブサイトはデバイスに応じて自動的にレイアウトを最適化します。Jimdoプログラミングの知識がなくてもウェブサイトやオンラインストアを作成できるウェブサイトビルダーです。独自のAI（人工知能）を活用し、ユーザーのニーズに合わせたウェブサイトを提案します。AIドルフィン： ユーザーのニーズを理解し、適切なウェブサイトデザインを提案するAIドルフィンが特徴です。テンプレート： 多種多様な業界や目的に合わせたテンプレートが用意されており、そのまま利用したりカスタマイズしたりできます。eコマース： 商品のアップロード、在庫管理、支払い方法の設定など、オンラインストア運営に必要な機能を提供しています。STUDIO
花田浩史さんはラーメン専門店の店主です。WordPressを使用してお店のホームページを立ち上げました。WordPressでは自由にブログを書くことができます。たくさんのテーマやプラグインの中から必要な機能だけを選ぶことができて自分だけのカスタマイズが可能。新しいメニューの誕生までをブログにすることで沢山のお客様に新メニューを食べてもらうことができました。ペルソナ : ホームページ -> WordPressオーナー提供の最新情報をまとめて発信できるホームページイラスト：bon designhttps://bon.design/
インターネット上にはSNSやポータルサイトなど沢山のサービスで溢れています。開発したシステムやWebサービスを組み合わせてホームページとして提供することもできます。あれもこれも同時に手を出すのではなく提供したい内容に合わせて使うものを絞り込んだり共通のデータを使用したりすることでコストを抑えてユーザーが求めているものを届けましょう。まとめ
WordPress楽しいよ？まとめ
tbshiki
hiashisan
yamamuteki
h1kita
nishiuma
aoshun7
yuya4
yoshiitaka
ufried
pkshadeck
k1low
shunsukeono_am
simosako
aarron
lauravandoore
edds
skipperchong
trallard
notwaldorf
chriscoyier
scottboms
cromwellryan
jrom
quramy