【重要】PHPの脆弱性、うちのサイトは大丈夫?今すぐチェック

Googleサイトの作り方|ページの追加から公開と共有の設定まで

@SOHO編集部
@SOHO編集部
Googleサイトの作り方|ページの追加から公開と共有の設定まで

この記事のポイント

  • ✓Googleサイトの作り方を
  • ✓公開とウェブアドレスの設定
  • ✓独自ドメインとアナリティクスの設定まで

Googleサイトは、Googleアカウントがあれば無料で使えるホームページ作成のサービスです。プログラムを書かずに、文字や画像を画面の上で並べるだけでページを作れるため、サークルの案内、社内の情報共有、個人のポートフォリオなど、幅広い場面で使われています。一方で、初めて触ると「ページはどこから増やすのか」「公開したのに相手が見られない」「下書きと公開済みの違いが分からない」といったところで手が止まりやすいサービスでもあります。

この記事では、Googleサイトの作り方を、新しいサイトの作成からページの追加、文字や画像の配置、デザインの調整、公開、共有と共同編集、独自ドメインやアナリティクスの設定まで、Googleの公式ヘルプに書かれている手順に沿って順番に整理します。画面の名前は2026年10月時点のヘルプの表記に合わせています。

Googleサイトでできることと、向いている用途

Googleサイトは、Googleが提供するウェブサイト作成のツールで、GoogleドキュメントやGoogleスプレッドシートと同じように、ブラウザの中で編集と保存が完結します。作ったサイトはGoogleのサーバーで公開され、サーバーの契約やファイルのアップロードといった作業は要りません。公式ヘルプでは、サービスの役割を次のように説明しています。

ウェブサイトを作成して、他のユーザーと情報を共有できます。 出典: support.google.com

できることを大まかに分けると、次の5つです。

  • ページを追加し、メニューで行き来できる複数ページのサイトを作る
  • 文字、画像、ボタン、画像カルーセル、折りたたみ可能なテキストなどを配置する
  • Googleドキュメント、スライド、スプレッドシート、フォーム、カレンダー、地図、YouTube動画を埋め込む
  • テーマを選んで、色やフォント、メニューの位置をそろえる
  • 公開する相手を、全員か特定のユーザーだけかに分けて設定する

ホームページ作成のサービスには、WordPressのように自由度が高いものや、WixやSTUDIOのようにデザインの作り込みに強いものもあります。その中でGoogleサイトが選ばれる理由は、Googleのほかのサービスとのつながりが強く、共有の考え方がGoogleドライブと同じ点にあります。すでにGoogleドキュメントやスプレッドシートで資料を作っている職場や学校では、その資料をそのまま埋め込んで、案内ページとしてまとめられます。

逆に、ネットショップのように商品を販売する機能や、会員登録の仕組み、細かく作り込んだ動きのあるデザインが必要な場合は、Googleサイトだけでは足りません。Googleサイトは「情報を分かりやすく整理して届ける」ための道具と考えると、向き不向きを判断しやすくなります。

向いている用途の例を挙げると、次のようなものがあります。

用途 使い方の例
社内やチームの情報共有 手順書、規程、連絡先、よく使うリンクを1か所に集める
学校やサークルの案内 活動予定、申し込みフォーム、写真をまとめて掲載する
個人のポートフォリオ 制作物の画像と説明、連絡先をページごとに整理する
イベントの案内 日時、地図、申し込みフォームを1ページにまとめる
小規模な事業の紹介 サービス内容、料金表、問い合わせ先を掲載する

作り始める前に用意するもの

Googleサイトを作り始める前に、確かめておくことが3つあります。

1つ目はGoogleアカウントです。Gmailを使っていれば、そのアカウントでそのまま始められます。ただし、公式ヘルプには、保護者が管理するGoogleアカウントではGoogleサイトを使用できないという注意が書かれています。お子さんのアカウントで作ろうとして画面が開かない場合は、この制限に当たっている可能性があります。職場や学校から配られたアカウントの場合は、管理者の設定によって、公開範囲や編集者の追加が制限されていることがあります。

2つ目はパソコンです。公式ヘルプのGoogleサイトを利用するために必要なものによると、Googleサイトはパソコン、スマートフォン、タブレットで表示できますが、サイトを編集するにはパソコンが必要です。スマートフォンだけで作り切ることはできないので、編集の作業はパソコンで行う前提で予定を組みます。ブラウザは、ChromeやFirefox、Microsoft Edge、Safariの最新版とその1つ前の版で表示できると案内されています。編集するときは、CookieとJavaScriptがオンになっていることも条件です。

3つ目は、載せる中身の準備です。ここを後回しにすると、画面の操作は覚えたのに、何を書けばよいか決まらず手が止まります。作り始める前に、次の4点を紙やメモに書き出しておくと、作業が一気に進みます。

  • サイトの目的(誰に、何を知ってもらうためのサイトか)
  • ページの一覧(トップ、紹介、活動内容、問い合わせなど)
  • 各ページに入れる文章の下書き
  • 使う画像(.png、.jpg、.gif の形式で用意する)

画像はGoogleサイトに直接アップロードできる形式が決まっていて、公式ヘルプでは .png、.jpg、.gif が挙げられています。iPhoneで撮った写真がHEIC形式で保存されている場合は、JPEGに書き出してから使うと手間がかかりません。PDFなどほかの形式のファイルを見せたい場合は、Googleドライブに保存してから埋め込む方法が案内されています。

ページの一覧は、最初から多く作りすぎないことがこつです。トップページを含めて3ページから5ページ程度で公開し、必要になったら追加していく方が、途中で投げ出さずに済みます。デザインは才能ではなく、手順と決まりごとで整えられる技術です。最初の1つを完成させることを優先します。

手順1:新しいサイトを作って名前を付ける

準備ができたら、新しいサイトを作ります。公式ヘルプに書かれている手順は次のとおりです。

  1. パソコンでGoogleサイト(sites.google.com)を開く
  2. 上部の[新しいサイトを作成]から、空白またはテンプレートを選ぶ
  3. 左上にサイトの名前を入力し、Enterキーを押す
  4. サイトにコンテンツを追加する
  5. 右上の[公開]をクリックする

ここで混乱しやすいのが、「サイトの名前」と「サイトのタイトル」の違いです。左上に入力する名前は、Googleドライブの中でのファイル名のような役割で、編集する人が自分のサイトを見分けるためのものです。一方、ページの上部に表示されるサイト名は、左上の[サイト名を入力]から設定でき、公開後にサイトを訪れた人の目に入ります。2つを同じにしておくと、後から探すときに迷いません。

テンプレートから作るか、空白から作るか

テンプレートは、右上の[テンプレートギャラリー]から選べます。選ぶとテンプレートのコピーが開き、その中の文字や画像を書き換えるだけでサイトの形ができます。ポートフォリオ、イベント、プロジェクト、社内の部署紹介など、用途ごとのテンプレートが用意されています。

初めて作るなら、テンプレートから始めるのがおすすめです。見出しの大きさ、余白の取り方、画像と文字の並べ方がすでに整っているので、どこに何を入れればよいかが目で分かります。余白は音楽でいう休符のようなもので、詰め込みすぎないことで読みやすさが生まれます。テンプレートはその休符の入れ方の見本になります。

空白から作る場合は、ページが真っ白な状態から始まります。自由度は高いものの、全体の見た目をそろえるのに時間がかかります。テンプレートで1つ作って構造に慣れてから、2つ目を空白で作ると、それぞれの部品の役割が理解しやすくなります。

サイトのコピーと削除

一度作ったサイトは、右上のその他アイコンから[コピーを作成]で複製できます。[ページ]で[サイト全体]を選べば丸ごと、[選択したページ]を選べば一部のページだけをコピーできます。公式ヘルプには、サイトのサイズが大きいとコピーできない場合があるとも書かれています。

練習用のサイトを作って不要になったら、Googleサイトのホーム画面で、そのサイトのその他アイコンから削除できます。削除したサイトのウェブアドレスを別のサイトで使い直したい場合は、元のサイトを完全に削除する必要があると案内されています。

手順2:ページを追加して、メニューを整理する

サイトの骨組みになるのがページです。Googleサイトでは、追加したページが自動でメニューに並び、訪れた人はメニューからページを行き来します。

ページを追加する

公式ヘルプの手順は次のとおりです。

  1. パソコンでGoogleサイトのサイトを開く
  2. 右側の[ページ]をクリックする
  3. 右下の追加アイコンにカーソルを合わせる
  4. 新しいページアイコンをクリックする
  5. ページ名を入力し、[完了]をクリックする
  6. 右上の[公開]をクリックして変更を反映する

ページ名はそのままメニューに表示されるので、短く、何のページかが分かる名前にします。「団体紹介」「活動内容」「料金」「お問い合わせ」のように、訪れた人が探す言葉で付けるのが基本です。

サブページとメニューの入れ子

ページを別のページの下にドラッグすると、サブページになります。[ページ]で親にしたいページのその他アイコンから[サブページを追加]を選ぶ方法もあります。サブページの階層は5層まで作成できると公式ヘルプに書かれています。

ただし、階層を深くしすぎると、訪れた人が目的のページにたどり着けなくなります。実務では、2層までに収めると分かりやすいサイトになります。たとえば「活動内容」の下に「定例会」「イベント」を並べる程度です。

ページをまとめたいだけで、親ページそのものは不要な場合は、[ページ]の追加アイコンから新規メニューを作り、その中にページをドラッグする方法が使えます。メニューの見出しだけが表示され、カーソルを合わせると中のページが開く形になります。

ホームページの設定と非表示のページ

サイトを開いたときに最初に表示されるページは、[ページ]で対象のページのその他アイコンから[ホームページに設定]で変えられます。

メニューに出したくないページは、その他アイコンから[ナビゲーションに表示しない]を選びます。公式ヘルプによると、非表示にしたページもリンクを知っている人は開けます。ホームページは非表示にできず、親ページを非表示にするとサブページも非表示になります。メニューから外すだけで、閲覧できる人を絞る設定ではない点に注意します。

ページのアドレスを分かりやすくする

ページのアドレスは、ページ名から自動で作られます。日本語のページ名にすると、アドレスが長い記号の列になることがあります。[ページ]でページを選び、その他アイコンから[プロパティ]、[詳細設定]の[カスタムパス]で、英数字の短いパスを設定できます。

公式ヘルプには、ページパスの文字数は1,024文字までという制限があると書かれています。ページを深く入れ子にするとこの上限を超えることがあり、その場合はタイトルやカスタムパスを短くするか、入れ子を減らすよう案内されています。また、公開後にカスタムパスやページ名を変えると新しいアドレスが作られ、アナリティクスの計測にも影響するので、アドレスは公開前に決めておくのが安全です。

手順3:文字、画像、ボタン、ファイルを入れる

ページができたら、中身を入れていきます。Googleサイトの編集画面では、右側に[挿入][ページ][テーマ]の3つのタブが並んでいて、中身を入れる作業は[挿入]から行います。

文字と見出し

右側の[挿入]から[テキストボックス]を選ぶと、ページに文字を入力する枠が追加されます。枠の中で文字を選ぶと上に書式のメニューが出て、タイトル、見出し、小見出し、標準のテキストといったスタイルを切り替えられます。箇条書きや番号付きリスト、リンクの挿入もこのメニューから行います。

見出しのスタイルは、見た目だけでなく、目次の自動作成にも使われます。[挿入]から[目次]を入れると、ページ内のタイトル、見出し、小見出しが一覧になり、ページを編集すると自動で更新されます。長いページを作るときは、見出しのスタイルを正しく使っておくと、読み手が目的の場所に移動しやすくなります。

情報が多いページでは、[挿入]から[折りたたみ可能なテキスト]を使うと、見出しだけを並べて、クリックしたときに本文が開く形にできます。手順書の補足や、問い合わせ前に読んでほしい説明をまとめるのに向いています。

画像と画像カルーセル

画像は[挿入]から[画像]を選び、パソコンから、またはGoogleドライブなどから選んで追加します。複数の画像を横に送りながら見せたいときは、[画像カルーセル]が使えます。公式ヘルプでは、画像を2つ以上選ぶ手順になっていて、画像ごとに説明文を付けたり、代替テキストを設定したりできます。

代替テキストは、画像が表示できないときや、画面の読み上げ機能を使う人のために、画像の内容を文字で伝えるものです。ポートフォリオのように画像が中心のサイトほど、1枚ずつ設定しておくと親切です。

コンテンツブロックとボタン

[挿入]の[コンテンツブロック]には、画像と文字を組み合わせたレイアウトの型が並んでいます。使いたい型をページにドラッグし、中の画像と文字を差し替えるだけで、2列や3列の整った並びが作れます。余白や配置をそろえる手間が省けるので、見た目に自信がない場合ほど積極的に使う価値があります。

訪れた人を申し込みフォームや別のページへ誘導したいときは、[挿入]から[ボタン]を追加します。ボタンに表示する名前と、移動先のURLまたはサイト内のページを指定します。スタイルは塗りつぶし、アウトライン、テキストの3種類から選べます。

Googleドキュメントやフォーム、地図の埋め込み

[挿入]のメニューの下部から、Googleドキュメント、スライド、スプレッドシート、フォーム、グラフを選んで埋め込めます。YouTube動画、カレンダー、地図も同じ場所から追加できます。

ここで最もつまずきやすいのが、埋め込んだファイルの共有権限です。公式ヘルプには、ファイルの共有権限が制限されている場合、アクセス権のあるユーザーだけがそのファイルを表示できると書かれています。サイトは全員に公開したのに、埋め込んだスプレッドシートだけ「アクセス権が必要です」と表示されるのは、この設定が原因です。埋め込むファイルは、サイトを見る人と同じ範囲に共有しておきます。

ほかのウェブサイトのページや、HTML、CSS、JavaScriptのコードは、[挿入]の[埋め込む]から追加できます。ただし、相手のサイトが埋め込みを許可していない場合は表示されません。

手順4:テーマでデザインをそろえる

中身がそろったら、見た目を整えます。Googleサイトでは、色やフォントを1つずつ変えるより、テーマを使ってサイト全体をそろえる方が、短い時間で統一感のある仕上がりになります。

用意されたテーマを選ぶ

右側の[テーマ]をクリックすると、Googleが用意したテーマが並びます。テーマを選ぶと、見出しのフォント、文字の色、背景の色、ボタンの形がまとめて切り替わります。テーマごとに色の組み合わせとフォントスタイルも選べます。

テーマを選ぶときは、サイトの目的に合う雰囲気かどうかで決めます。社内の手順書なら落ち着いた色と読みやすい書体、イベントの案内なら明るい色、ポートフォリオなら作品が引き立つ控えめな背景が合います。色は多くても3色程度に抑えると、まとまって見えます。

カスタムテーマで自分の色に合わせる

既存のテーマで合わない場合は、[テーマ]の[カスタム]から「テーマを作成」を選び、自分のテーマを作れます。公式ヘルプによると、カスタムテーマでは、背景と文字の色、標準の文字スタイル、ロゴやファビコン、ボタンや区切り線、リンク、画像カルーセルの見た目、サイトの幅、メニューの文字と背景の色を設定できます。

サイトの幅は[デフォルト][幅広][フル]の3つから選べ、ヘルプでは、内容が少ないサイトにはデフォルト、情報量が多いサイトにはフルが合うと説明されています。ほかのサイトで作ったカスタムテーマを読み込むこともできるので、部署ごとに複数のサイトを作る場合も、色とフォントをそろえられます。

メニューの位置とお知らせバナー

メニューは、右上の設定アイコンから[ナビゲーション]の[モード]で、上部と側面を切り替えられます。メニューの位置を変えるには、サイトに複数のページが必要です。ページ数が多いサイトは側面、少ないサイトは上部にすると見やすくなります。

重要なお知らせを目立たせたいときは、設定アイコンの[お知らせバナー]を使います。[バナーを表示]をオンにしてメッセージを入力すると、ページの上部に帯が出ます。表示場所はホームページだけか、すべてのページかを選べ、ボタンを付けて特定のページへ誘導することもできます。

手順5:プレビューで確かめてから公開する

Googleサイトでは、編集している内容はすべて下書きとして自動保存され、[公開]を押すまで外には出ません。この仕組みを知っておくと、「直したのに反映されない」という混乱を避けられます。

プレビューでスマートフォンの見え方を確かめる

公開する前に、上部のプレビューアイコンをクリックします。右下でスマートフォン、タブレット、パソコンの表示を切り替えられるので、特にスマートフォンでの見え方を確かめます。パソコンでは横に並んでいた画像が、スマートフォンでは縦に並び替わるため、文字と画像の順番が意図どおりかを見ておきます。

公開とウェブアドレスの設定

公開の手順は次のとおりです。

  1. 上部の[公開]をクリックする
  2. サイトのウェブアドレスを入力する
  3. [公開]をクリックする
  4. 公開されたアドレスを開いて、表示を確かめる

ウェブアドレスは「sites.google.com/view/」の後ろに続く部分を自分で決めます。公式ヘルプには、Google Cloudの利用規定に違反する語句は使えないこと、すでに使っているか過去に使ったアドレスを使うには、アドレスを変更するか既存のサイトを完全に削除する必要があることが書かれています。アドレスは後から[公開]の横の下矢印から[公開設定]で変えられますが、名刺や案内状に印刷した後に変えると古いアドレスが使えなくなるので、最初に決め切っておきます。

2回目以降の公開では、画面が左右に分かれ、左側に下書き、右側に現在公開されている版が表示されます。公開前に変更点を見比べられる機能で、初期状態で有効になっています。複数人で編集しているサイトでは、他の人の未公開の変更も一緒に公開されるので、この画面で確かめてから公開すると事故を防げます。

検索結果に出したくない場合

関係者だけに見せたいサイトの場合は、[公開]の横の下矢印から[公開設定]を開き、[一般公開の検索エンジンに自分のサイトを表示しないようリクエストする]を選びます。ただし公式ヘルプには、この操作をしても検索エンジンにサイトが表示される場合があるという注意が書かれています。人に見られて困る情報は、次の手順の共有設定で閲覧できる人を絞るのが確実です。

手順6:共有と共同編集の設定をする

公開したのに相手が見られない、または見せたくない人にも見えてしまう、という問題の多くは共有の設定で起きます。Googleサイトの共有は、「下書きを編集できる人」と「公開済みのサイトを見られる人」の2つに分かれています。

公開済みのサイトを見られる人

上部の共有アイコンをクリックし、[公開済みサイト]の横のプルダウンで[制限付き]か[公開]を選びます。[公開]を選ぶと誰でも閲覧でき、[制限付き]を選ぶと、追加したユーザーやグループだけが閲覧できます。職場や学校のアカウントでは、組織内の人だけに公開するといった選択肢が表示されることもあります。

制限付きにした場合は、閲覧してほしい人の名前またはメールアドレスを入力し、[公開済みアイテムの閲覧者]として追加します。閲覧する人にはGoogleアカウントでのログインが必要になるので、外部の人に見せるサイトでは、相手がGoogleアカウントを持っているかを先に確かめます。

一緒に作る人を編集者に招待する

共同で作る人は、共有アイコンの[ユーザーやグループとの共有]にメールアドレスを入力し、[編集者]として追加します。公式ヘルプによると、Googleアカウントを持つ編集者は確認コードなしでサイトを表示、編集できますが、Google以外のアカウントの編集者は、下書きを表示できても編集はできません。

複数人で同時に編集しているときは、右上の共同編集者のプロフィール写真をクリックすると、その人が作業しているページに移動できます。誰がどこを直しているかが分かるので、同じ箇所を同時に書き換える事故を防げます。

権限を絞っておく設定

共有アイコンの設定から、[編集者は、サイトの公開、アクセス権限の変更、新しい共同編集者の追加ができます。]のチェックを外すと、オーナー以外は公開や共有の設定を変えられなくなります。人数が多いサイトでは、この設定を外しておくと、意図しない公開を防げます。

担当者が異動するときは、共有アイコンの[ユーザーやグループとの共有]で、新しい担当者の名前の横の下矢印から[オーナーにする]を選んでオーナーを移します。公式ヘルプには、新しいオーナーは元のオーナーの権限を変えたり、元のオーナーを削除したりできるという注意が書かれています。

公開した後の運用:変更履歴、アナリティクス、独自ドメイン

サイトは公開して終わりではなく、情報を新しく保つことで役に立ち続けます。公開後に使う3つの機能を押さえておきます。

変更履歴で以前の版に戻す

右上のその他アイコンから[変更履歴]を開くと、過去の版が一覧になります。誤ってページを削除したり、大きく書き換えて元に戻したくなったりしたときは、戻したい版を選び、[このサイトの版を復元]でサイト全体を、[このページの版を復元]で特定のページだけを戻せます。変更履歴を見るには編集権限が必要です。

Googleアナリティクスで閲覧数を見る

どのページがどれだけ見られているかを知りたい場合は、Googleアナリティクスと連携します。Googleアナリティクスでプロパティを作って測定IDを確かめ、Googleサイトの設定アイコンから[アナリティクス]に入力します。公式ヘルプでは、データが表示されるまで最大で24時間かかる場合があると案内されています。

アナリティクスの見方を体系立てて身につけたい場合は、Googleが提供する認定資格が目安になります。Googleアナリティクス認定資格では、試験の範囲と学び方が整理されています。

独自ドメインで公開する

「sites.google.com/view/」で始まるアドレスではなく、自分で取得したドメインで公開することもできます。公式ヘルプのサイトにカスタムドメインを使用するによると、設定の[カスタムドメイン]から[設定を開始]を選び、ドメインを入力して、ドメインを取得した登録事業者で設定を行います。1つのサイトに関連付けられるカスタムドメインは5つまでで、変更がインターネットに反映されるまで最長で48時間ほどかかることがあると書かれています。

独自ドメインを使うときは、いくつか制限もあります。ヘルプでは、サイトを全世界の閲覧者向けに公開しておく必要があること、Googleアカウントの認証に依存する機能が動かない可能性があること、埋め込んだGoogleグループが正しく表示されないこと、一部のフォントが代替フォントに置き換わることが挙げられています。ドメインに関連付けられるのはサイトのオーナーだけで、仕事や学校のアカウントの場合は管理者に相談するよう案内されています。

Googleサイトのメリットとデメリット

ここまでの手順を踏まえて、Googleサイトの長所と短所を整理します。選ぶ前に両方を知っておくと、作り始めてから「思っていたのと違う」となるのを防げます。

観点 メリット デメリット
費用 Googleアカウントがあれば無料で始められる 独自ドメインは別途取得が必要
操作 ドラッグと入力だけで作れる 細かな位置の調整や動きのある表現は苦手
連携 ドキュメント、フォーム、カレンダー、地図をそのまま埋め込める 埋め込んだファイルの共有設定を別に管理する必要がある
共有 編集者と閲覧者を分けて設定できる 制限付きの閲覧にはGoogleアカウントが必要
機能 目次、バナー、変更履歴がそろっている 商品の販売や会員機能はない
編集環境 ブラウザだけで作業できる 編集はパソコンからに限られる

メリットの中心は、準備の手軽さと、Googleのサービスとのつながりです。サーバーの契約、ソフトのインストール、デザインの専門知識がなくても、半日あれば数ページのサイトを公開できます。社内や学校で、すでにGoogle Workspaceを使っている組織なら、なおさら導入の負担がありません。

デメリットは、自由度の低さです。文字の位置を数ピクセル単位で動かしたり、凝ったアニメーションを入れたりすることはできません。また、ブログのように記事を日付順に並べる仕組みや、検索エンジン向けの細かな設定も限られています。集客を目的にした本格的なサイトを作るなら、WordPressなど別のサービスを検討した方が合う場合があります。

判断の目安は、「情報を整理して届けることが目的か、売上や集客の仕組みを作ることが目的か」です。前者ならGoogleサイトは十分な選択肢で、後者なら他のサービスと比べて選びます。

つまずきやすい場面と、その直し方

Googleサイトでよく起きる問題は、ほとんどが操作の仕組みを知っていれば防げるものです。よくある場面と原因を整理します。

直したのに公開済みのサイトに反映されない

編集した内容は下書きに保存されるだけで、[公開]を押すまで公開済みのサイトには反映されません。公開の画面で下書きと公開中の版が左右に並ぶので、変更点が表示されているかを確かめてから公開します。ブラウザに古い表示が残っている場合は、再読み込みで確かめます。

相手がサイトや埋め込んだファイルを見られない

サイトそのものが見られない場合は、共有アイコンの[公開済みサイト]が[制限付き]になっていないかを確かめます。サイトは見られるのに埋め込んだスプレッドシートやドキュメントだけが見られない場合は、そのファイルの共有設定が原因です。ファイルを開いて、サイトを見る人と同じ範囲に共有されているかを確かめます。

スマートフォンで見ると崩れる

パソコンの画面で横に並べた要素は、スマートフォンでは縦に並び替わります。画像の上に大事な説明があるはずが、スマートフォンでは下に回ってしまう、といったことが起きます。プレビューでスマートフォンの表示を確かめ、必要ならコンテンツブロックの型を使って並びを整えます。

ページが増えてメニューが長くなった

ページを追加するたびにメニューが伸びて、目的のページが探しにくくなることがあります。使う頻度の低いページは新規メニューの中にまとめるか、[ナビゲーションに表示しない]にしてトップページからリンクする形に変えます。メニューに並ぶ項目は、多くても7つ程度に絞ると見渡しやすくなります。

共同編集者が勝手に公開してしまう

編集者は初期状態で公開や共有の設定を変えられます。人数が多いサイトでは、前の手順で触れた設定から、編集者による公開と権限の変更を止めておきます。公開前の確認機能も、オンのままにしておくと安全です。

Googleサイトを作る技術を、仕事にどう活かすか

Googleサイトは個人の趣味のサイトだけでなく、仕事の場面でも使われています。社内の情報共有のポータル、プロジェクトの案内ページ、研修の資料をまとめたページなど、組織の中で「情報を見つけやすく整える」役割を担う場面は多くあります。

在宅の仕事として考えると、Googleサイトそのものの制作を請け負う案件は、大規模なホームページ制作より件数は少なめです。ただ、Google Workspaceを導入している企業や団体から、社内ポータルの立ち上げや、既存の情報の整理と移し替えを頼まれることがあります。その際に求められるのは、画面の操作よりも、情報をどう分けてどの順に並べるかという設計の力です。

デザインの仕事に広げたい場合は、Googleサイトで作ったポートフォリオを入口にして、自分の制作物を見せる方法があります。子育てや家庭の事情で仕事を離れていた人が、制作物を整理して見せる方法はママデザイナーのポートフォリオの作り方|ブランクがあっても大丈夫で詳しく解説しています。作品の選び方と説明の付け方が具体的に書かれているので、Googleサイトで作る前に読んでおくと、ページの構成が決めやすくなります。

デザインの仕事全体の相場感は、デザイナーの年収・単価相場にまとめています。正社員とフリーランスの単価の違い、経験年数による差が整理されているので、どの程度の仕事を目指すかを考える材料になります。

業務の自動化やAIの活用と組み合わせて、社内の仕組みづくりを手伝う仕事もあります。Googleサイトで作った社内ポータルに、申し込みフォームやスプレッドシートの集計を組み込むのは、その入口になりやすい作業です。こうした仕事の内容はAIコンサル・業務活用支援のお仕事で紹介しています。ノーコードの道具で業務を自動化する方法はDifyで業務自動化|ノーコードAIワークフローの作り方も参考になります。

運営者の視点から見た、ノーコードの道具を仕事にする人の共通点

在宅ワークとフリーランスの仲介を2004年から続けてきた中で、ノーコードの道具を使った仕事を長く続けている人には、共通する傾向があります。それは、道具の操作を覚えることより、依頼する側の困りごとを聞き出すことに時間を使っている点です。

Googleサイトの操作そのものは、この記事の手順をなぞれば数時間で覚えられます。依頼する側から見ると、操作ができる人はほかにもいます。それでも継続して声がかかる人は、「この情報はどの部署の誰が探すのか」「更新は誰が担当するのか」「公開範囲はどこまでにすべきか」を先に確かめ、作った後に依頼者が自分で更新できる形で引き渡しています。手順書を1枚添える、権限の設定を説明しておくといった小さな配慮が、次の依頼につながっています。

もう1つは、仲介の手数料が乗らない直接のやり取りの価値です。社内ポータルの整備のような小さめの仕事は、予算が大きくないことが多く、間に入る手数料の割合が重いと、依頼する側は頼む範囲を削り、受ける側は手取りが薄くなります。直接取引の形なら、同じ予算で依頼する側はより多くの作業を頼め、受ける側の手取りも厚くなります。小さな仕事を積み重ねて信頼を作る段階ほど、この差は大きく効きます。

Googleサイトの作り方を覚えたら、まずは自分の制作物や活動を紹介するサイトを1つ公開してみるのが近道です。作ったサイトそのものが、情報を整理する力を示す実例になります。ウェブやアプリの制作の仕事に広げたい場合は、アプリケーション開発のお仕事で、求められる技術と仕事の種類を確かめておくと、次に学ぶことが決めやすくなります。

よくある質問

Q. Googleサイトは本当に無料で使えますか?

Googleアカウントがあれば、サイトの作成と公開は無料で行えます。公開されるアドレスは「sites.google.com/view/」で始まる形になります。自分で取得したドメインで公開したい場合は、ドメインの取得費用が別にかかります。職場や学校のアカウントでは、管理者の設定によって使える機能が制限されていることがあります。

Q. スマートフォンだけでGoogleサイトを作れますか?

Googleの公式ヘルプでは、サイトはスマートフォンやタブレットでも表示できますが、編集にはパソコンが必要と案内されています。スマートフォンは、公開したサイトの見え方を確かめる用途で使い、ページの追加や文字と画像の配置はパソコンのブラウザで行う前提で準備します。

Q. 公開したサイトを特定の人だけに見せることはできますか?

共有アイコンの公開済みサイトの設定を「制限付き」にし、閲覧してほしい人のメールアドレスを追加すれば、その人だけが閲覧できます。閲覧する人はGoogleアカウントでログインする必要があります。検索エンジンに表示しないようにする設定もありますが、確実に見せない方法ではないため、共有の設定で閲覧者を絞ります。

Q. 間違えて削除したページを元に戻せますか?

右上のその他アイコンから変更履歴を開き、戻したい版を選べば、サイト全体またはそのページだけを以前の状態に復元できます。変更履歴を見るには、そのサイトの編集権限が必要です。大きく書き換える前に、版に名前を付けておくと、戻したい時点を見つけやすくなります。

この記事について

@SOHO
編集部

監修:@SOHO編集部

2004年よりフリーランス・在宅ワーク向けサービスを運営。生成AIで作成した下書きを、一次情報と照らし合わせて確認したうえで公開しています。

公開:2026年8月3日最終更新:2026年10月18日
@SOHO編集部

この記事を書いた人

@SOHO編集部

フリーランス・在宅ワークの専門メディア

@SOHOは2004年から続く、日本のフリーランス・在宅ワーク向け案件サイトです。記事は生成AIで下書きを作り、数値・固有名・出典を一次情報と照らし合わせる確認の手順を経て公開しています。

@SOHOで仕事を探してみませんか?

手数料0%・登録無料のクラウドソーシング。フリーランスの方も企業の方も、今すぐ始められます。

関連記事

カテゴリから探す

クラウドソーシング入門

クラウドソーシング入門

クラウドソーシングの基礎知識・始め方・サイト比較

職種別ガイド

職種別ガイド

職種・スキル別の案件獲得方法と単価相場

副業・在宅ワーク

副業・在宅ワーク

副業・在宅ワークの始め方と対象者別ガイド

フリーランス

フリーランス

フリーランスの独立・営業・実務ノウハウ

お金・税金

お金・税金

確定申告・節税・経費・ローンなどお金の知識

比較・ランキング

比較・ランキング

サービス比較・おすすめランキング

AI活用

AI活用

職種別にChatGPT・生成AIを活用して業務効率化・収益化するノウハウ

最新トレンド

最新トレンド

市場動向・法改正・AIなど最新情報

発注者向けガイド

発注者向けガイド

クラウドソーシングで外注・人材探しをする企業・個人向け

転職・キャリア

転職・キャリア

転職エージェント・転職サイト比較・キャリアチェンジ

看護師の転職・求人

看護師の転職・求人

看護師の転職・派遣・単発バイト・副業など働き方のガイド。診療や医学の情報は扱いません

薬剤師の転職・求人

薬剤師の転職・求人

薬剤師・登録販売者の転職・派遣・パートなど働き方のガイド。診療や医学の情報は扱いません

介護職の転職・求人

介護職の転職・求人

介護職・介護福祉士・ケアマネジャー・訪問介護員の転職・派遣・夜勤など働き方のガイド

保育士の転職・求人

保育士の転職・求人

保育士・保育補助・幼稚園教諭の転職・派遣・パートなど働き方のガイド

医療職の転職・求人

医療職の転職・求人

医師・産業医・リハビリ職・歯科衛生士・管理栄養士・医療事務の転職や働き方のガイド。診療や医学の情報は扱いません

保険

保険

生命保険・医療保険・フリーランスの保険設計

採用・求人

採用・求人

無料求人掲載・採用コスト削減・人材募集の方法

オフィス・ワークスペース

オフィス・ワークスペース

バーチャルオフィス・コワーキング・レンタルオフィス

法律・士業

法律・士業

契約トラブル・士業独立開業・フリーランス新法

シニア・50代

シニア・50代

シニア世代のキャリアチェンジ・副業・年金

セキュリティ

セキュリティ

サイバーセキュリティ・脆弱性対策・情報保護

金融・フィンテック

金融・フィンテック

暗号資産・決済・ブロックチェーン・金融テクノロジー

経営・ビジネス

経営・ビジネス

経営戦略・ガバナンス・事業承継・知財

ガジェット・機材

ガジェット・機材

フリーランスに役立つPC・デバイス・周辺機器

子育て×働き方

子育て×働き方

子育てと在宅ワークの両立・保育園・時間管理

補助金・助成金

補助金・助成金

個人事業主・フリーランスが使える公的補助金・助成金・給付金の申請ガイド

M&A・事業売却

M&A・事業売却

会社売却・事業承継・事業譲渡を考える経営者向け。売却の流れ、税金、従業員への伝え方、仲介会社の選び方

アウトソーシング・外注ガイド

アウトソーシング・外注ガイド

SNS運用・経理・広告など、業務のアウトソーシング(外注)を検討する企業・個人向け。費用相場・依頼の流れ・失敗しない選び方