Googleサイトとは何ですか?
Google Sitesは、Google Workspaceエコシステムに含まれる無料のブラウザベースのウェブサイト作成ツールです。個人、チーム、学校、組織が、コードを一切書かずに、構造化された複数ページのウェブサイトを作成できます。従来のウェブ開発ツールとは異なり、Google SitesはGoogleアカウント内で完全に動作するため、ホスティング料金やドメイン設定、ソフトウェアのインストールは不要です。公開されたサイトは、Googleのインフラストラクチャ上のsites.google.comのサブドメインでホストされるか、カスタムドメインにマッピングできます。
Google Sitesには厳密には2つのバージョンが存在します。オリジナルバージョンは「クラシックGoogle Sites」とも呼ばれ、2008年にリリースされ、JotSpotの買収によって構築されました。Googleは2016年からこれを完全に再構築した製品「新Google Sites」に置き換え、クラシックバージョンは2021年に正式にサービスを終了しました。この記事では、現在の最新版Google Sitesのみを取り上げます。
Googleサイトが重要な理由
Google Sitesは、ウェブサイト構築分野において、特定の、そして真に役立つニッチな地位を占めています。ポートフォリオサイト向けのSquarespaceや、コンテンツ重視の公開サイト向けのWordPressと競合しようとしているわけではありません。その真の価値は、デザインの柔軟性や高度な機能よりも、シンプルさ、Google Workspaceとの連携、そして無料であることが重視される、より限定されたユースケースにあります。
- 個人レベルでは費用は一切かかりません。Googleアカウントをお持ちの方なら誰でも、無料でGoogleサイトのウェブサイトを作成・公開できます。有料プランや有料テンプレートはなく、通常の利用であれば帯域幅料金も発生しません。
- Google Workspaceとのネイティブ統合: Googleサイトでは、Googleドキュメント、スプレッドシート、スライド、フォーム、マップ、カレンダー、ドライブフォルダ、YouTube動画をページに直接埋め込むことができます。埋め込まれたコンテンツは常に最新の状態に保たれ、ソースファイルが変更されると自動的に更新されます。これは、サードパーティ製のウェブサイトビルダーでは実現できないシームレスな機能です。
- Googleのインフラストラクチャによって管理される:サイトはGoogleのグローバルCDNから配信されるため、読み込みが速く、サイト所有者による設定なしにGoogleの稼働信頼性の恩恵を受けることができます。
- コラボレーション機能が組み込まれています。複数のユーザーが同時にGoogleサイトを編集でき、Googleドライブ全体で使用されている共有および権限モデルが適用されます。そのため、チームのイントラネット、授業のプロジェクト、部署のページなどに最適です。
- メンテナンスの手間は一切不要です。プラグインの更新も、セキュリティパッチの適用も、サーバー設定の管理も必要ありません。Googleがすべてを無意識のうちに処理します。
授業用リソースハブを構築しようとする学校教師、社内ポリシーポータルを公開しようとする人事チーム、予算が限られている中で基本的な情報発信を必要とする小規模な非営利団体にとって、Google Sitesは多くの場合、最も実用的な選択肢となります。デザインのカスタマイズ性は限られており、eコマースはサポートされておらず、SEOツールも最小限であるなど、トレードオフは確かに存在しますが、対象となるユーザーにとって、これらの制約はほとんど問題になりません。
Google Sitesの仕組み:コアアーキテクチャ

Google Sitesの技術的な仕組みを理解することは、Google Sitesで何ができて何ができないのかについて、正確な期待値を設定するのに役立ちます。
エディターインターフェース
Google Sitesは、ドラッグ&ドロップ式のWYSIWYG(見たまま編集)エディタを採用しており、 sites.google.comのWebブラウザからアクセスできます。編集画面は、右側のパネルに「挿入」「ページ」「テーマ」の3つのタブがあり、中央のキャンバスには作成中のページが表示されます。
「挿入」パネルには、サイト作成者が利用できる構成要素が含まれています。
- テキストボックス- 基本的な段落と見出しの内容
- 画像— デバイスからアップロードされたもの、Google ドライブから取得されたもの、または Google 画像検索経由で取得されたもの
- 埋め込み— 外部コンテンツの生のURLまたはiframe埋め込みコード
- Googleドライブから埋め込まれたドキュメント、スプレッドシート、スライド、フォーム、フォルダーなどのドライブアイテム
- YouTube - URLまたは検索による動画埋め込み
- カレンダー、地図、グラフ— Google製品の直接埋め込み
- 折りたたみ可能なテキスト、目次、ボタン、区切り線、画像カルーセル― 構造的なレイアウト要素
コンテンツは各ページ上のセクションに配置されます。セクションは縦に積み重ねられ、ドラッグして並べ替えることができます。セクション内では、グリッドベースのレイアウトシステムにより、複数のコンテンツブロックを横に並べて配置できます。レイアウトグリッドはWebflowやWixなどのツールと比べるとやや粗いですが、見やすく読みやすいページを作成するには十分です。
ページとナビゲーション
Googleサイトは、[ページ]タブで管理されるページで構成されています。ページは階層構造(親ページの下に子ページがある)にネストできます。サイトはこのページ構造に基づいてナビゲーションヘッダーを自動的に生成しますが、作成者はナビゲーションに表示されるページとその順序を制御できます。メガメニューやフッターナビゲーションシステムは組み込まれておらず、ナビゲーションはすべてのページの上部にある単一の水平バーです。
テーマとビジュアルデザイン
「テーマ」タブには、フォント、カラーパレット、ヘッダースタイルを制御する、あらかじめ用意されたビジュアルテーマがいくつか用意されています。選択したテーマ内では、メインカラーとサブカラーを調整したり、限られたフォントの組み合わせから選択したりできます。生のCSSへのアクセス、カスタムフォントのアップロード、HTMLの直接編集はできません。これは意図的な制約であり、Google Sitesはデザインの自由度を犠牲にして、シンプルさと一貫性を追求しています。
出版とホスティング
サイトの準備ができたら、「公開」ボタンをクリックするとサイトが公開されます。Google Sitesには、次の2つの公開オプションがあります。
- Googleサブドメイン:サイトは、 sites.google.com/view/your -site-name という形式のURLで公開されます。これは即時利用可能で、無料、設定も不要です。
- カスタムドメイン:サイト所有者は、ドメイン登録業者を通じてCNAMEレコードを追加することで、所有するドメインをGoogleサイトにマッピングできます。Googleは使用する特定のCNAME値を提供します。ドメイン自体は別途購入および更新する必要があります。Googleサイトはドメインの販売や管理は行っていません。
公開されているすべてのGoogleサイトは、自動的にHTTPS経由で配信されます。セキュリティ上の観点から見て妥当なデフォルト設定であるため、Googleサイトを通常のHTTP経由で配信するオプションはありません。
アクセス制御と可視性
Google Sites では、公開サイトに対して 3 つの公開設定をサポートしています。
| 表示設定 | 誰が閲覧できるか | 典型的な使用例 |
|---|---|---|
| 一般公開(ウェブ上の誰でも可) | すべてのインターネットユーザー、ログイン不要 | 一般公開ウェブサイト、非営利団体のページ、授業用リソース |
| リンクを知っている人なら誰でも | URLを知っている人なら誰でも、ログインは不要です。 | 共有プロジェクトページ、配信が限定されたイベントサイト |
| 特定の個人またはグループ | 明示的にアクセスを許可されたGoogleアカウントのみ | 社内チームポータル、学校イントラネット、プライベート文書 |
Google Workspace for Education または Google Workspace for Business を使用している組織の場合、閲覧を組織のドメインのメンバーのみに制限する追加オプションが用意されています。これは、一般に公開すべきではない社内ナレッジベースや人事ポータルにとって重要な機能です。
編集権限の仕組み
Google Sites は、Google Drive と同じ権限モデルを採用しています。サイト所有者は、他の Google アカウント所有者と、閲覧者、編集者、所有者の 3 つのレベルで編集アクセス権を共有できます。編集者はコンテンツを変更して変更を公開できます。所有者は共有設定を変更したり、サイトを削除したりできます。このモデルにより、Google Workspace で既に作業しているチームにとって、共同でのサイト構築が容易になります。ワークフローは Google ドキュメントの共有と全く同じだからです。
草稿と公表された状態の関係
Google Sites では、サイトのドラフト版(未公開版)と公開版が明確に区別されています。エディターで行った編集は、所有者が明示的に「公開」をクリックするまで、公開サイトには反映されません。つまり、チームはページ構成の変更、コンテンツの更新、新しいセクションの追加など、重要な変更作業を、サイト訪問者に知られることなく行うことができます。これは、未完成の作業を誤って公開してしまうことを防ぐ、シンプルながらも重要なワークフロー機能です。
しかしながら、WordPressや他のCMSプラットフォームが提供するような、公開済み状態のバージョン履歴機能は組み込まれていません。エディターはセッション内で元に戻す履歴を保持しますが、公開済みのサイトを後から以前の状態に戻す方法はありません。コンテンツの正確性が重要なサイトにとっては、これは大きな制約となります。
モバイル対応
Google サイトはすべてデフォルトでレスポンシブデザインに対応しています。レイアウトは、サイト作成者が特別な設定をしなくても、画面サイズに合わせて自動的に調整されます。作成者は、エディターのプレビュー機能を使って、デスクトップ、タブレット、モバイル端末でのサイトの表示を確認できます。レスポンシブデザインはGoogleのレンダリングエンジンによって完全に制御されるため、サイト作成者はカスタムメディアクエリを記述したり、レスポンシブレイアウトを手動で上書きしたりすることはできません。これは、コントロールよりもシンプルさを重視するプラットフォームの理念を反映しています。
Googleサイトの構築方法:完全なステップバイステッププロセス
Googleサイトを作成するには、sites.google.comにアクセスし、「 +」ボタンをクリックして新しいサイトを作成します。テンプレートを選択するか、空白から始め、ドラッグ&ドロップエディタを使用してページとコンテンツを追加し、ナビゲーションと共有設定を構成してから公開します。基本的なサイトであれば、このプロセス全体は1時間以内に完了します。
ステップ1:Googleサイトにアクセスし、開始地点を選択します。
sites.google.comにアクセスし、Google アカウントでログインしてください。勤務先または学校を通じて Google Workspace を利用している場合は、そのアカウントでログインしてください。組織に関連付けられた追加の共有コントロールとストレージが利用できます。
開始方法として、以下の2つのオプションが表示されます。
- 空白サイト:ゼロから完全にクリエイティブなコントロールが可能。明確なデザインビジョンや特定のレイアウト要件がある場合に最適です。
- テンプレートギャラリー:ポートフォリオ、プロジェクトサイト、チームイントラネット、イベントページ、教室サイトなど、様々な用途に対応した既成レイアウトをご用意しています。テンプレートを使えば大幅な時間短縮が可能で、カスタマイズも簡単です。
「新しいサイトを作成」の下にある大きな「+」アイコンをクリックすると、空白のキャンバスが開きます。または、テンプレートギャラリーをスクロールして任意のテンプレートをクリックすると、エディターでテンプレートが開きます。テンプレートは後から変更できますが、変更すると現在のレイアウトが上書きされるため、事前に慎重に選択してください。
ステップ2:サイトに名前を付け、ページタイトルを設定する
左上隅の「サイト名を入力」をクリックし、サイト名を入力します。この名前は、サイトが公開されている場合、ブラウザのタブとGoogle検索結果に表示されるため、分かりやすく正確な名前にしてください。また、ページキャンバス上の大きな見出しをクリックして、最初のページに表示されるタイトルを設定します。これはサイト名とは関係ありません。
サイトの命名は、検索されやすさに大きく影響します。一般公開サイトの場合は、サイト名に関連キーワードを含めましょう。社内チームサイトの場合は、Googleドライブで検索した際にチームメンバーがすぐに認識できる名前を使用してください。
ステップ3:ページ構造とナビゲーションの構築
右側のパネルで、 「ページ」タブ(ページが積み重ねられたアイコン)をクリックします。Google Sitesが自動的にホームページを作成します。ページパネルの下部にある「+」ボタンをクリックして、ページを追加してください。
コンテンツを追加する前に、ナビゲーションを計画しましょう。構造の優れたサイトは、通常、以下のいずれかのパターンに従います。
- フラット構造:すべてのページが同じ階層に配置されます。5ページ以下のサイト(ポートフォリオ、イベントサイト、履歴書など)に適しています。
- 階層構造:親ページの下に子ページがネストされた構造。チームイントラネット、プロジェクトハブ、多数のセクションを持つドキュメントサイトなどに最適です。
- シングルページ構造:アンカーリンクが配置された、スクロール可能な長いページ。シンプルなランディングページやイベント告知に効果的です。
サブページを作成するには、ページパネルで親ページの下にページをドラッグして、インデントが表示されるまで移動させます。Google Sitesは自動的にナビゲーションのドロップダウンリストにサブページを追加します。また、パネル内の任意のページを右クリックして、複製、ナビゲーションからの非表示、またはホームページとして設定することもできます。
ステップ4:コンテンツブロックの追加と配置
Google Sites はセクションベースのレイアウトを採用しています。各ページは積み重ねられたセクションで構成され、各セクション内にコンテンツブロックを配置します。キャンバス上の任意の場所をクリックすると、右側に挿入パネルが開きます。このパネルには以下のものが含まれています。
- テキストボックス:見出し、本文、書式設定された段落
- 画像:コンピューターからアップロードするか、Google画像検索を行うか、GoogleドライブまたはGoogleフォトから取得してください。
- 埋め込み: URLまたは埋め込みコードを貼り付けて、外部コンテンツをインラインで表示します。
- ドライブ: Googleドキュメント、スプレッドシート、スライド、フォーム、マップをドライブから直接挿入します
- YouTube:エディターから離れることなく動画を検索して埋め込む
- カレンダー:イベントページやチームのスケジュールにGoogleカレンダーを埋め込む
- 地図:特定の場所をピン留めした Google マップを追加します
- 目次:ページ上の見出しから自動生成され、長いドキュメントページに便利です。
- ボタン:ボタンとしてスタイル設定されたコールトゥアクションリンク
- 区切り線:セクション間の視覚的な区切り
- 折りたたみ可能なテキスト:アコーディオン形式のFAQセクション
- 画像カルーセル:複数の画像が回転するギャラリー
新しいセクションを追加するには、既存の2つのセクションの間にカーソルを合わせ、表示される「 +」をクリックします。その後、そのセクションのレイアウト(全幅、2列、3列、またはテキストオーバーレイ付きアイキャッチ画像)を選択できます。セクションを上下にドラッグして並べ替えることもできます。
ステップ5:ビジュアルテーマをカスタマイズする
右側のパネルにある「テーマ」タブ(絵の具パレットのアイコン)をクリックしてください。Google Sitesには、それぞれ独自のフォントの組み合わせとカラーパレットを備えた、組み込みのテーマが用意されています。いずれかのテーマを選択すると、すべてのページで即座にプレビューが表示されます。
各テーマ内で、以下の設定を調整できます。
- 色:あらかじめ設定されたアクセントカラーから選択するか、ブランドに合わせたカスタムの16進数コードを入力してください。
- フォント:厳選されたフォントの組み合わせリストから選択してください(Google Sitesは任意のフォントのアップロードをサポートしていません)。
- ヘッダーの種類:バナー(大きな画像ヘッダー)、タイトルのみ、またはカバー(テキストオーバーレイ付きの全画面画像)
カスタムヘッダー画像を追加するには、任意のページのヘッダー領域をクリックし、「画像の変更」を選択します。大きな画面でピクセル化を防ぐため、幅1600ピクセル以上の高解像度画像を使用してください。サイト名領域をクリックして画像ファイルをアップロードすることで、サイト全体のロゴを設定することもできます。
ステップ6:公開前に共有とアクセス許可を設定する
公開する前に、サイトを閲覧および編集できるユーザーを決定してください。右上ツールバーの共有ボタン(プラス記号の付いた人物アイコン)をクリックします。権限設定には2つのレイヤーがあります。
| 権限の種類 | 制御対象 | オプション |
|---|---|---|
| 編集者アクセス | サイトビルダーでサイトを編集できるのは誰ですか? | 特定の人物、リンクを持つ人(編集)、あなたの組織 |
| 閲覧者アクセス(公開サイト) | ライブ公開サイトを見ることができるのは誰ですか? | インターネット上のすべての人、ログインしている人、特定の人、組織のみ |
社内チームサイトの場合は、閲覧者を組織内に限定してください。公開ウェブサイトの場合は、閲覧者を「インターネット上のすべての人」に設定してください。これらの設定は独立しており、編集者リストは公開サイトの閲覧者には影響しません。
ステップ7:カスタムWebアドレスを設定する
デフォルトでは、公開されたサイトのURLはsites.google.com/view/your-site-nameの形式になります。公開ボタンをクリックし、初めて公開する前にウェブアドレス欄を編集することで、パス(/view/ 以降の部分)をカスタマイズできます。
カスタムドメイン(例:yourcompany.com)をお持ちの場合は、それをGoogleサイトにマッピングできます。[公開]メニューで[カスタムドメイン]をクリックし、DNS検証の手順に従ってください。ドメイン登録業者でghs.googlehosted.comを指すCNAMEレコードを追加する必要があります。この処理は、登録業者によって数分から48時間かかる場合があります。
ステップ8:サイトを公開してテストする
右上隅にある青い「公開」ボタンをクリックします。Google Sites から、ウェブアドレスと閲覧権限の確認を求められます。公開後、新しいブラウザタブでライブURLにアクセスしてください(エディターのプレビュー画面ではなく)。そうすることで、訪問者が実際に何を見るかを確認できます。
リンクを共有する前に、体系的にテストしてください。
- すべてのナビゲーションリンクを確認し、正しいページにリンクしていることを確認してください。
- モバイル端末でサイトを表示するか、ブラウザのレスポンシブデザインモードを使用してモバイルレイアウトを確認してください。
- すべてのボタンと埋め込みリンクをクリックして、正しく開くことを確認してください。
- 埋め込みGoogleフォームをテストするには、テスト回答を送信してください。
- 埋め込まれたドライブファイルが適切なユーザーと共有されていることを確認してください(公開サイトに埋め込まれたドキュメントは、共有設定を「リンクを知っているすべての人」に設定する必要があります)。
公開後、編集を行うたびにエディターに「公開された変更」という表示が出ます。エディターで行った変更は、再度「公開」をクリックするまで反映されないため、安全な下書き環境が維持されます。
Googleサイトの検索結果を向上させるための実践的な戦術
以下の手法は、さまざまな利用場面において、Google Sitesユーザーにとって一貫してより良い結果をもたらします。
Googleドライブをコンテンツハブとして活用する
静的ファイルをサイトにアップロードするのではなく、Googleドライブから直接、Googleドキュメント、スプレッドシート、スライドを埋め込んでください。ソースドキュメントを更新すると、サイトに埋め込まれたバージョンも自動的に更新されるため、再公開は不要です。これは、ポリシー、価格表、プロジェクトトラッカーなどが頻繁に変更されるチームイントラネットにとって特に便利です。
対話のためのGoogleフォームを埋め込む
Googleサイトには、問い合わせフォーム、登録システム、アンケートツールが組み込まれていません。この不足を補うには、Googleフォームを作成し、専用ページに埋め込むのが効果的です。回答はGoogleスプレッドシートに直接送信されるため、費用をかけずに軽量なCRMまたはデータ収集システムを構築できます。
セクションの背景を戦略的に活用する
各セクションには、それぞれ独自の背景色や画像を設定できます。白い背景と薄いグレーまたはブランドカラーの背景を交互に使用することで、カスタムCSSを使わずに読者をページ全体に自然に誘導する視覚的なリズムが生まれます。任意のセクションをクリックし、セクション設定アイコン(鉛筆または歯車)をクリックすると、背景オプションにアクセスできます。
長いページのためのアンカーリンク
長い単一ページサイトの場合は、上部に目次ブロックを追加してください。Google Sitesは見出し要素からアンカーリンクを自動的に生成し、訪問者が特定のセクションにジャンプできるようにします。また、目次ブロックからアンカーURLをコピーして、サイト上の別の場所にあるボタンやテキストリンクに使用することで、手動でアンカーリンクを作成することもできます。
アップロード前に画像を最適化してください
Google Sites は画像を自動的に圧縮しません。サイズが大きすぎる画像をアップロードすると、特にモバイル接続ではサイトの読み込み速度が低下します。画像を最大表示幅(通常、全幅バナーの場合は 1600 ピクセル、列内画像の場合は 800 ピクセル)にリサイズし、Squoosh や TinyPNG などのツールを使用して圧縮してからアップロードしてください。この手順一つで、サイトのパフォーマンスに最も大きな効果があります。

