作り方・ツール

Google Sitesでホームページを作成する方法

Google Sites(Googleサイト)は、ページへ文章や画像を配置し、Googleドライブ上のファイルなどを埋め込んで公開できるホームページ作成サービスです。コードを書かずに始められ、Googleアカウントがあれば無料で利用できます。

操作は比較的簡単ですが、「誰でも見られる一般公開サイト」と「指定した人だけが見られる共有サイト」では設定が異なります。また、独自ドメイン、デザイン、SEO、問い合わせ受付など、事業用ホームページとして使う場合に確認したい制限もあります。

このページでは、Google Sitesでホームページを作成して公開するまでの手順と、用途を決める前に知っておきたい特徴を整理します。

このページで確認できる流れ

  • Google Sitesの基本的な仕組みと料金
  • 作れるページや連携できるGoogleサービス
  • テンプレート選択から公開までの手順
  • 公開範囲、共同編集、独自ドメインの考え方
  • 無料で使う場合とビジネスで使う場合の注意点

Google Sitesとは

Google Sitesは、ブラウザー上の編集画面でホームページを作成できるGoogleのサービスです。文章、画像、ボタン、区切り線などを追加し、用意されたレイアウトに沿って並べられます。作成したサイトはGoogleが用意するURLで公開でき、別途サーバーを契約してファイルをアップロードする必要はありません。

基本的な位置づけは次のとおりです。

項目 内容
作成方法 ブラウザーの編集画面で部品を配置する
コード 基本的にHTML・CSSの記述は不要
公開先 Google Sites上に公開
無料URL Google SitesのURLを利用できる
独自ドメイン 条件を満たせば接続可能。ドメイン取得費は別途必要
共同作業 編集者を招待し、複数人で編集できる
主な連携 ドキュメント、スプレッドシート、スライド、フォーム、カレンダー、地図、YouTubeなど
更新 公開後も編集し、変更内容を再公開する

Google Sitesで編集した内容は、保存ボタンを押してファイルを管理する方式ではありません。変更は編集画面に保持され、公開操作を行うと閲覧者が見るサイトへ反映されます。編集画面の内容と公開中の内容を区別して扱えるため、修正途中の状態をすぐ公開せずに確認できます。

Google Workspaceの組織アカウントでは、管理者が外部共有や公開範囲を制限している場合があります。個人のGoogleアカウントと同じ設定が必ず選べるとは限らないため、会社や学校のアカウントでは組織の規則も確認しておきましょう。

Google Sitesでできること・できないこと

Google Sitesは、情報を整理して見せる用途に必要な基本機能を備えています。一方、自由なデザインや高度な業務機能を作るための汎用的な開発環境ではありません。

できること 標準機能だけでは難しいこと
複数ページの案内サイトを作る HTML・CSSを自由に編集して細部まで設計する
文章、画像、ボタン、目次を配置する 独自のデータベースや会員機能を構築する
Googleの各種ファイルを埋め込む 本格的なEC、在庫、決済を一体で管理する
地図、動画、カレンダーを表示する 複雑な予約システムを標準機能だけで作る
Googleフォームを埋め込む フォーム処理や自動返信をサイト内で細かく開発する
編集者を招待して共同編集する サーバーやソースコードを自由に管理する
公開相手を限定する SEO設定を細部まで拡張する
独自ドメインを接続する テンプレート外の表示を完全に自由化する

Googleフォームを使えば、問い合わせ、申し込み、アンケートなどの入力欄をサイト内へ表示できます。ただし、回答データの閲覧権限、通知、保存期間、個人情報の取り扱いはGoogleフォーム側も含めて設計する必要があります。フォームを置くだけで、プライバシー対応や迷惑送信対策が完了するわけではありません。

また、外部サービスのページやコードを埋め込める場合でも、表示速度、スマートフォン表示、Cookie、利用規約、サービス終了時の影響を確認します。

Google Sitesが向いている用途

Google Sitesは、更新のしやすさ、共有、Googleサービスとの連携を重視する小規模な情報サイトに向いています。

使いやすい用途

  • プロジェクトや社内制度の案内ページ
  • 社員・会員・受講者など、限定した相手への情報共有
  • イベント、講座、地域活動などの案内サイト
  • 小規模な事業・店舗の基本情報をまとめるサイト
  • ポートフォリオや活動実績の一覧
  • Googleドライブ上の資料、予定表、地図をまとめる入口
  • 一時的な企画や検証用のホームページ

慎重に検討したい用途

  • 検索流入を主要な集客経路にする大規模サイト
  • ページごとに細かなデザインや動きを作り込むブランドサイト
  • 商品点数の多いECサイト
  • 決済、会員、予約、顧客管理を一体で運用するサイト
  • 記事の分類、予約公開、承認など高度なCMS運用が必要なサイト
  • サーバー、ソースコード、データ構造を自社で管理したいサイト

用途の適否は、見た目だけでなく、公開後に誰が何を更新するかで決まります。Googleドキュメントやスプレッドシートを日常的に使い、少人数で情報を更新するサイトなら、連携と共同編集を生かしやすいでしょう。

ホームページを作成する手順

作成前に、サイトの目的、想定する閲覧者、必要なページ、掲載する文章・画像を整理します。編集画面を開いてから内容を考えると、ページの重複や不足が起こりやすくなります。

基本的な流れは次のとおりです。

  1. サイトの目的と公開相手を決める
  2. 必要なページを一覧にする
  3. Google Sitesでサイトを新規作成する
  4. テンプレート、テーマ、色、文字の雰囲気を選ぶ
  5. ページ、文章、画像、必要な埋め込みを追加する
  6. ナビゲーションとページ階層を整える
  7. パソコン・スマートフォン相当の表示を確認する
  8. 公開URLと閲覧範囲を設定する
  9. 公開後にURL、リンク、権限を再確認する
  1. 01

    テンプレートを選ぶ

    Google Sitesの新規作成画面では、空白のサイトから始めるか、用途に近いテンプレートを選びます。テンプレートは完成原稿ではなく、見出し、画像、セクションなどの配置例です。不要な項目を削除し、自分の目的に合う内容へ置き換えます。

    選ぶときは、色や写真より次の点を優先します。

    • 必要な情報を自然な順番で置けるか
    • ページを増やしてもナビゲーションが分かりやすいか
    • 写真が少なくても内容が成立するか
    • スマートフォンで文章が読みやすいか
    • 更新担当者が同じレイアウトを再利用できるか

    最初から細部を整えすぎず、主要ページを仮の文章で作って全体を確認します。

  2. 02

    ページ・文章・画像を追加する

    「ページ」からトップページ以外のページを追加し、「挿入」からテキストボックス、画像、ボタン、目次、Googleドライブのファイルなどを配置します。

    小規模な事業サイトなら、次のようなページが候補です。

    • ホーム
    • サービス・活動内容
    • 料金または利用方法
    • 運営者・団体情報
    • よくある質問
    • 問い合わせ方法
    • プライバシーポリシー

    各ページでは、一つのH1に相当するページ名を設定し、その下を内容ごとの見出しで分けます。文章を画像の中だけに入れると、画面サイズによって読みにくくなり、修正もしにくくなります。重要な情報は、画像の中だけに入れず、通常の文字として掲載しましょう。

    Googleドライブのファイルを埋め込む場合は、サイトの公開範囲だけでなく、埋め込んだファイル自体の共有権限も確認します。サイトを見られる人が、必ずしもファイルを見られるとは限りません。反対に、ファイル側の共有範囲を広げすぎないよう注意します。

  3. 03

    ナビゲーションを整える

    ページを追加するとナビゲーションへ表示されます。項目が増えた場合は、関連するページをまとめ、階層を深くしすぎないようにします。

    確認する点は次のとおりです。

    • ページ名だけで内容が分かる
    • 重要なページへ少ない操作で移動できる
    • 同じ意味のページが重複していない
    • 公開しない作業用ページがメニューに残っていない
    • 本文中のリンク先とナビゲーションの名称が一致している
    • ロゴやサイト名からホームへ戻れる

    ページを非表示にしても、URLを知っている人が閲覧できる設定になっていればアクセスできる場合があります。「ナビゲーションに表示しない」と「閲覧できない」は別の設定として考えてみましょう。

  4. 04

    共有範囲と公開URLを設定する

    公開前に、編集者と閲覧者を分けて設定します。

    • 編集権限:サイトの内容や設定を変更できる人
    • 公開サイトの閲覧権限:公開されたページを見られる人

    一般向けホームページなら公開サイトを誰でも閲覧できる設定にし、社内・会員向けなら組織内や指定ユーザーへ限定します。機密情報を扱う場合は、リンクを知っている人が見られる状態でよいかを確認しておきましょう。

    公開操作では、Google Sites上のウェブアドレスを決めます。短く、サイトや組織を識別でき、誤読しにくい半角英数字を選びます。公開済みのアドレスと重複するものは使用できません。

    組織アカウントでは、管理者の設定によって外部公開を選べない場合があります。公開ボタンを押す前に、別のブラウザーやログアウト状態で誰が見られるか確認できる準備をしておきます。

  5. 05

    公開前後の表示を確認する

    編集画面のプレビューで、パソコン、タブレット、スマートフォン相当の表示を確認します。そのうえで公開後のURLを開き、実際の閲覧条件でテストします。

    公開前の確認

    • サイト名、ページ名、見出しの誤字
    • 連絡先、日時、料金、住所などの正確性
    • 画像の権利、画質、代替テキスト
    • ボタン、メニュー、本文リンクの行き先
    • 埋め込んだファイルやフォームの共有権限
    • スマートフォンでの改行、画像、表の表示
    • 公開したくない下書きや個人情報があるかどうか

    公開後の確認

    • 公開URLをログアウト状態で開けるか
    • 限定公開なら対象外の人が開けないか
    • 独自ドメインとGoogle SitesのURLの両方が想定どおりか
    • 送信テストや埋め込み操作が完了するか
    • 修正後に「公開」を行い、変更が反映されたか

    Google Sitesでサイトを公開しただけで、検索結果への表示が保証されるわけではありません。検索で見つけてもらうための設計と確認は、ホームページのSEO対策およびホームページが検索に出ない原因で詳しく扱います。

独自ドメイン・共同編集・Google連携

独自ドメイン

Google Sitesは、条件を満たせば取得済みの独自ドメインを接続できます。Googleが用意するURLではなく、www.example.comのような自分のURLで公開したい場合に使います。

設定前に確認する点は次のとおりです。

  • 独自ドメインは別途取得し、契約を維持する必要がある
  • ドメイン所有権の確認やDNS設定が必要になる
  • Google Workspaceでは管理者の対応が必要な場合がある
  • 接続後すぐに全環境へ反映されるとは限らない
  • 既存サイトやメールで使っているDNS設定を誤って消さない
  • 公開URLを変更した場合の案内や検索への影響を確認する

ドメインはサイトの住所であり、Google Sitesとは別の契約資産です。取得名義、管理アカウント、更新期限を組織で管理しておきましょう。選び方と設定の基礎はホームページ用ドメインの取得方法で解説します。

  1. 01

    共同編集

    共同編集では、Googleドキュメントなどと同様に、ユーザーやグループを編集者として追加できます。公開担当者だけでなく、文章確認、画像差し替え、制度情報の更新を担当する人が直接作業できます。

    ただし、編集権限がある人はサイト全体へ影響する変更を行えます。必要な人だけを招待し、退職・異動・プロジェクト終了時に権限を見直します。公開操作を誰が行うか、復元や修正を誰が判断するかも決めておきます。

  2. 02

    Googleサービスとの連携

    Google Sitesの特徴は、Googleドライブ上の情報をまとめやすいことです。

    連携先 利用例 確認事項
    ドキュメント 規程、案内文、資料 閲覧権限、印刷・コピー設定
    スプレッドシート 日程、一覧、集計 個人情報、編集権限、表示範囲
    スライド 会社案内、講義資料 自動再生、スマートフォン表示
    Googleフォーム 問い合わせ、申し込み 回答の保存先、通知、プライバシー
    カレンダー 営業日、イベント 非公開予定の混在、タイムゾーン
    Googleマップ 所在地、会場 ピン位置、入口、営業時間
    YouTube 紹介動画、手順動画 公開設定、著作権、字幕

    埋め込み元を更新するとサイト側にも新しい内容が表示される場合があるため、重複更新を減らせます。一方、元ファイルの削除や権限変更で表示できなくなる点に注意が必要です。

Google Sitesのメリット

無料で小さく始めやすい

サーバーを別途契約せず、Googleアカウントから作成と公開を始められます。試作や限定公開の段階では独自ドメインも必須ではありません。無料ホームページ作成サービスの選び方で扱う費用項目のうち、公開基盤をまとめやすい方法です。

  1. 01

    操作と更新が比較的シンプル

    ページへ部品を配置する方式で、サーバーへのアップロードやCMS本体の更新作業は通常必要ありません。担当者がブラウザーから文章を修正し、再公開できます。

  2. 02

    Googleサービスを一か所にまとめやすい

    資料、予定、地図、フォームなどを個別に案内する代わりに、サイトを入口として整理できます。社内ポータル、プロジェクト、研修など、Google Workspace上で情報が管理されている用途と相性があります。

  3. 03

    共同編集と公開範囲を使い分けられる

    複数人へ編集権限を付与でき、一般公開と限定公開の両方に対応します。制作担当だけに更新が集中しにくく、情報を持つ担当部署が修正する運用を作れます。

  4. 04

    表示を自動的に調整しやすい

    用意されたレイアウトは画面幅に応じて調整されるため、一からレスポンシブCSSを記述する必要はありません。ただし、長い表、横長画像、埋め込み先の表示まで自動的に読みやすくなるとは限らないため、実機確認は必要です。

ビジネス利用で確認したい制限

デザインとレイアウトの自由度

テーマや配置を調整できますが、独自のHTML・CSSを全面的に実装する制作方法とは異なります。ブランドガイドに沿った細かな文字、余白、動き、部品設計が必要な場合は、作りたい見本を先に再現できるか試してみましょう。

  1. 01

    SEO設定とコンテンツ管理

    公開サイトにはページ名や本文を設定できますが、専門的なCMSに比べると、SEO関連の設定、構造化データ、記事分類、リダイレクトなどを細かく管理する範囲は限られます。検索流入が事業上重要なら、必要な施策を一覧にして対応できるかどうかを確認します。

    また、公開設定にある検索エンジン関連の選択肢は、検索結果への掲載を確実に許可・拒否する保証ではありません。公開範囲と検索状態を別々に確認しておきましょう。

  2. 02

    問い合わせ・予約・販売

    Googleフォームや外部サービスを埋め込めても、問い合わせ管理、顧客対応、予約枠、決済、在庫などをGoogle Sites自体が一体管理するわけではありません。個人情報を取得する場合は、送信先、閲覧権限、通知、保存期間、削除方法、プライバシーポリシーを含めて設計します。

  3. 03

    移行と長期運用

    作成サービスを変更するとき、同じレイアウトや設定をそのまま別のCMSへ移せるとは限りません。公開前から、原稿、画像の元データ、サイト構成、ドメインの管理情報をGoogle Sitesの外でも整理しておくと移行しやすくなります。

  4. 04

    組織アカウントの管理

    個人のアカウントだけを所有者にすると、担当者が離れたときに管理できなくなるおそれがあります。組織のルールに沿ったアカウントで作成し、複数の管理担当、権限の棚卸し、ドメイン契約の連絡先を決めておきましょう。

他の無料ツールとの違い

Google Sitesとほかのホームページ作成方法は、無料かどうかだけでなく、得意な用途が違います。

比較項目 Google Sites Wixなどの作成サービス WordPress(設置型) HTML・CSS
始めやすさ Googleアカウントから始めやすい アカウント作成後、テンプレートなどで作る サーバー・初期設定が必要 制作環境と公開先が必要
公開基盤 サービスに含まれる サービスに含まれる 自分でサーバーを用意 自分で公開先を用意
デザイン自由度 限定的 サービスの範囲で比較的高い テーマ・実装により高い コードで調整できる
Google連携 強い 埋め込み・アプリなど プラグイン・埋め込みなど API・埋め込みなどを実装
共同編集 Googleの共有方式 サービスごとの権限 ユーザー権限を設定 別の管理手段が必要
保守 基盤はサービス側 基盤はサービス側 本体などの保守が必要 ファイル・公開環境を管理
高度な機能 外部連携が中心 プランやアプリで追加 プラグイン・開発で追加 個別に開発・連携
移行自由度 再制作を想定して確認 サービスごとに異なる データ・環境を管理しやすい 元ファイルを管理できる

Google Sitesは、Googleの情報をまとめて共有することが主目的なら有力です。集客、販売、予約、細かなデザインを重視する場合は、必要機能を起点に別の選択肢も比較します。全体の比較はホームページ作成ツール・ソフトの比較もあわせてご覧ください。

Google Sitesのよくある質問

Google Sitesは完全に無料ですか

Googleアカウントがあれば、サイトの作成とGoogle SitesのURLでの公開を無料で始められます。ただし、独自ドメインの取得・更新、Google Workspace、埋め込む外部サービスなどは別途費用がかかる場合があります。

Google Sitesで会社のホームページを作れますか

会社概要、サービス案内、アクセス、問い合わせ方法などを掲載する小規模サイトは作れます。検索集客、デザイン、問い合わせ管理、予約・決済、多言語、移行などの要件がある場合は、標準機能で満たせるか事前に試します。

スマートフォンだけで作成できますか

公開サイトはスマートフォンでも閲覧できますが、Googleの公式手順はパソコンでの作成・編集を案内しています。安定した制作と公開設定にはパソコンを用意し、スマートフォンは実機表示の確認に使う方法が現実的です。

公開したのに他の人が見られないのはなぜですか

公開サイトの閲覧範囲、組織の共有制限、埋め込みファイルの権限を確認しておきましょう。編集者を追加しただけでは、一般の閲覧者へ公開したことにはなりません。ログアウト状態や対象外のアカウントでも確認します。

Google Sitesで独自ドメインを使えますか

条件を満たす取得済みドメインを接続できます。ドメイン所有権の確認やDNS設定が必要で、Google Workspaceでは管理者の設定が関係する場合があります。既存メールに影響しないよう、現在のDNSレコードを確認してから設定しておきましょう。

Google Sitesで問い合わせフォームを作れますか

Googleフォームを作成して埋め込む方法があります。回答の通知、共有権限、保存先、迷惑送信への対応、個人情報の取り扱いは別途設定します。

Google SitesはSEOに強いですか

Googleのサービスだから自動的に上位表示されるわけではありません。検索意図に合う内容、分かりやすいページ構成、内部リンク、公開設定などが必要です。細かなSEO機能が必要なサイトでは、対応範囲を比較してみましょう。

編集内容が公開サイトへ反映されません

編集後に再度「公開」を実行したか、正しいサイトとURLを開いているか、ブラウザーに古い表示が残っていないかを確認します。埋め込み元のファイルは、ファイル側の公開・共有状態も確認しておきましょう。

次に確認するガイド

無料でホームページを作成する方法と選び方このガイドを確認する ホームページのドメイン取得と選び方このガイドを確認する ホームページ作成で行うSEO対策の基本このガイドを確認する

参考情報