新しい Google サイトでできること

社内プロジェクトの拠点、チームサイト、一般公開のウェブサイトなどを、デザイナー、プログラマー、IT スタッフの力を借りずに構築できます。

新しい Google サイトを使用すれば、簡単にウェブサイトを構築できます。コンテンツを必要な場所にドラッグするだけで、動画、画像、カレンダー、プレゼンテーション、ドキュメント、フォルダ、テキストなど、すべての重要な情報を 1 か所にまとめることができます。次のいずれかを行います。その後、組織全体または世界中のユーザーと簡単かつ安全にウェブサイトを共有できます。

必要なもの:

account_circle G Suite アカウント

schedule 10 分

注: 新しい Google サイトは、パソコンやモバイル端末のほとんどのブラウザで表示できます。ただし、現在のところ新しいサイトのコンテンツを編集できるのは、パソコンで Chrome または Mozilla® Firefox® ブラウザを使用する場合に限られています。

なし
1.1

サイトの作成

次のいずれかを行います。

注: Google サイトのすべてのファイルは、ドライブに保存されます。ドライブを使用してファイルを整理する方法について詳しくは、ドライブのスタートガイドをご覧ください。

新しいサイトを作成する
1.2

サイトに名前を付ける

新しいサイトを作成すると、他のドライブのファイルと同じように、そのファイルがドライブに追加されます。サイトのすべての変更内容は自動的に保存されますが、ユーザーがサイトを公開するまでサイトは公開されません。

サイトの各部に名前を付けるには:

  1. サイトのドキュメント名 - サイトを管理するために固有の名前を入力します。サイトのドキュメント名は、サイトの作成者にのみ表示されます。
  2. サイト名 - サイト名は、見出しに表示されます。サイトの公開後は、ウェブまたはモバイル ウィンドウのタイトルバーに表示されます。サイト名を表示するには、ウェブサイトに 2 ページ以上のウェブページが含まれている必要があります。
  3. ページのタイトル - サイト内の各ページには、ページの上部に表示されるタイトルがあります。ページのタイトルは、ナビゲーション メニューにも表示されます。
サイトに名前を付ける
1.3

背景画像、見出しのタイプ、テーマを選択する

サイトのテーマを選択します。各テーマには、背景、配色、フォントがあらかじめ設定されています。フォント、色、背景は後で調整できます。また、サイトの作成後でもテーマを変更できます。変更するには、元に戻すアイコン undo またはやり直すアイコン redo をクリックします。

  1. 背景画像を変更するには:
    1. Google サイトに移動し、サイトを開きます。
    2. 背景画像にカーソルを合わせ、
      画像を変更アイコン image をクリックします。
    3. [ギャラリー] から画像を選択するか、アップロードする画像を選択します。
    4. 選択 をクリックします。
    5. (省略可)元の背景画像に戻すには、リセット アイコン refresh をクリックします。
  2. 見出しのタイプを変更するには:
    1. 背景画像にカーソルを合わせ、見出しのタイプアイコン サイトの見出し をクリックします。
    2. 次のいずれかを選択します。
      • バナー(大)
      • バナー
      • タイトルのみ
  3. テーマとフォント スタイルを変更するには:
    1. 右上にある [テーマ] をクリックします。
    2. テーマを選択し、色を選択します。
    3. [フォント スタイル] をクリックし、スタイルを選択します。
背景とテーマを選択する
1.4

ページを追加、並べ替え、ネストする

コンテンツを増やす場合は、ページを追加できます。ページをネストすると、関連する情報をまとめられます。ネストしたページは、別のページのサブトピックとして表示されます。

1 ページを追加するには:
  1. 右上にある [ページ] > ページを追加アイコン サイトにページを追加する をクリックします。
  2. ページに名前を付け、[完了] をクリックします。
2 ページを並べ替える、またはネストするには:
  1. [ページ] をクリックします。
  2. ページを並べ替えるには、そのページをリストの上下にドラッグします。
  3. ページをネストするには、そのページを別のページの上にドラッグします。
  4. (省略可)ページのネストを解除するには、そのページをリストの下部にドラッグします。

注: ページをネストできるのは、1 階層までです。また、トップページとして設定されているページをネストすることはできません。

3 ページの設定を選択するには:

[ページ] の下でページを選択し、横にあるその他アイコン more_vert をクリックして次のいずれかを行います。

  • トップページとして設定します。
  • ページを複製します。
  • ページ名を変更します。
  • サブページを作成します。
  • サイトからページを削除します。トップページとして設定されたページを削除することはできません。
  • ページまたはサブページを非表示にします。トップページとして設定されたページを非表示にすることはできません。
ページを追加、並べ替え、ネストする
1.5

サイトのナビゲーションを設定する

サイトの訪問者は、ナビゲーション メニューを使用してページ間を移動します。デフォルトでは、ナビゲーション メニューはサイトの上部に表示されます。トップページの右上をクリックし、メニューを表示します。

必要に応じて、ナビゲーション メニューを左側に移動することもできますが、表示場所を変更するにはサイトに 1 ページ以上のページが含まれている必要があります。

ナビゲーション メニューの表示場所を変更するには:

  1. サイト名にカーソルを合わせ、ナビゲーションの設定アイコン settings をクリックします。
  2. ナビゲーションを配置する場所を選択します。
  3. 左側のメニューを表示するには、メニュー アイコン menu をクリックします。
  4. (省略可)ナビゲーション メニューのページを移動するには、ページを追加、並べ替え、ネストするをご覧ください。
サイトのナビゲーションを設定する
2

サイトの更新とカスタマイズ

次に、画像やインタラクティブなコンテンツでウェブサイトをカスタマイズする方法について説明します。

このセクションの内容:

2.1

コンテンツの追加

サイトにコンテンツを追加するには:

  1. コンテンツを追加するページを右側から選択します。
  2. [挿入] をクリックするか、コンテンツを追加するページ上の場所をダブルクリックします。
  3. 追加するコンテンツを次から選択します。
    1. テキスト ボックス - タイトルやテキストを追加します。
    2. URL を埋め込む - 写真、デザイン、その他の画像を追加します。
    3. 画像 - 音楽や動画などのコンテンツをウェブから直接追加します。
    4. アップロード - 写真、動画、PDF、その他のドキュメントを端末からアップロードします。
    5. コンポーネント -(横の)分割線をページに追加します。
    6. Google ドライブ - ドライブに保存されたあらゆるファイルやフォルダのコンテンツを埋め込みます。ドライブ内のファイルが変更されると、サイトにも同じ変更内容が自動的に表示されます。
    7. Google の埋め込み - YouTube の動画(商品広告や企業広告など)、カレンダー(チームや予定のカレンダーなど)、地図(オフィスの場所、予定の場所、カスタムマップなど)を追加します。
    8. Google ドキュメント - ドキュメント、スライド、スプレッドシート、フォーム、グラフから任意のコンテンツをサイトに追加できます。ソースファイルのコンテンツが変更されると、サイトのコンテンツも自動的に更新されます。
    9. ページをダブルクリックしてコンテンツを追加します。
サイトのコンテンツを挿入する
2.2

テキストとページを編集する

テキストやページのタイトルを編集するには、ボックス内をクリックして入力します。または、テキスト ボックスの上にあるツールバーで別の設定を選択します。

編集オプション:

タイトルと見出し

タイトル arrow_drop_down

あらかじめ設定された見出しを選択します。その他の書式設定を表示するには、[標準テキスト] を選択します。

format_align_left

テキストの配置を変更します。

link

選択したテキストのリンクを挿入します。

標準テキスト

format_bold format_italic

選択したテキストにボールドまたは斜体を適用します。

format_list_bulleted format_list_numbered

番号付きリストや箇条書きリストを適用します。

more_vert

その他の項目が表示されます。

code

Code テキスト スタイルを使用します。

strikethrough_s

選択したテキストに取り消し線を適用します。

format_clear

選択したテキストのすべての書式をクリアします。

セクションを編集するには:
セクションにカーソルを合わせ、変更します。

  • 各セクションの背景を変更するには: スタイル アイコン palette をクリックし、スタイルを選択します。画像アイコン image を選択して背景画像を追加することもできます。
  • セクションを移動するには: 新しいコンテンツを挿入すると、そのコンテンツは新しいセクションまたは既存のセクションに追加されます。セクションを上下に移動するには、セクションを移動アイコン サイトのセクションを移動する をクリックし、任意の場所にセクションをドラッグします。
  • セクションを複製するには: セクションのコピーを作成アイコン content_copy をクリックします。セクションをコピーして、サイト内の別のページに貼り付けることもできます。
2.3

画像を編集する

画像のサイズを変更するには:
画像を選択し、画像の端または隅をドラッグします。Shift キーを押したまま画像をドラッグすると、縦横比を維持できます。

画像を移動するには:
セクション内の別の場所か新しいセクションに画像をドラッグします。画像は、ハイライト表示された任意の領域に配置できます。

注: 現在のところ、画像をテキスト ボックス内に配置することはできません。

画像を切り抜くには:

  1. 画像を選択し、切り抜きアイコン crop を選択します。
  2. 点をスライドさせてズームを調整します。
  3. 表示する部分を変更するには、画像をドラッグします。
  4. 完了アイコン done をクリックします。
  5. (省略可)画像の切り抜きを解除するには、アンクロップ アイコン crop_free をクリックします。

画像を置き換えるには:

  1. 画像を選択します。
  2. その他アイコン more_vert > [画像を置換] > [画像を選択] をクリックします。
  3. 新しい画像ファイルを選択し、選択 をクリックします。

画像に代替テキストを追加するには:
代替テキストは、ユーザーがサイト内の画像にカーソルを合わせたときに表示されます。

  1. 画像を選択し、その他アイコン more_vert > [代替テキストを追加] をクリックします。
  2. 説明を入力して [適用] をクリックします。

ロゴを追加するには:
ロゴは、上部のナビゲーション バーのサイト名の横に表示されます。

  1. ページヘッダーにカーソルを合わせ、ロゴを追加アイコン image をクリックします。
  2. アップロード アイコン file_upload または画像の選択アイコン image をクリックします。
  3. ロゴを選択し、[開く] または 選択 をクリックします。
  4. (省略可)ページヘッダーの色を変更するには、[背景] の下にある下矢印アイコン arrow_drop_down をクリックし、色を選択します。
  5. (省略可)ロゴを基にテーマの色を選択するには、[ロゴの編集] ウィンドウでテーマの色を選択します。

注: ロゴファイルに指定できるファイル形式は .jpg、.png、.gif です。最適な結果を得るには、ロゴの高さを 112 ピクセル以上にしてください。

画像を編集する
2.4

他のウェブサイトからコンテンツを追加する

次を埋め込むことができます。

  • ウェブサイト
  • Google Apps Script や App Maker を使用したウェブアプリ
  • Google データスタジオのレポート

追加するウェブサイトの種類によっては、そのサイトを自分のサイトに表示する方法をカスタマイズできる場合があります。また、プレビューや動的に更新されたコンテンツを表示する設定を利用できる場合もあります。更新を確認するには、コンテンツを追加した後で再ログインが必要となる可能性があります。

他のウェブサイトからコンテンツを追加するには:
  1. サイトを開き、右側にある [挿入] > [URL を埋め込む] をクリックします。
  2. 埋め込む URL を入力するか、貼り付けます。
  3. [ページ全体] か [プレビュー] を選択し、[挿入] をクリックします。
注: コンテンツを追加できない、またはプレビューできない場合はウェブサイトのオーナーにお問い合わせください。
コンテンツを移動する
2.5

コンテンツを移動、サイズ変更する

挿入したコンテンツはすべて、キャンバス グリッドにコンテンツの「タイル」として追加されます。タイルはグリッドに自動整列されるため、簡単に移動、配置、編集できます。

サイトのコンテンツを移動するには:

  1. 移動するコンテンツにカーソルを合わせ、移動アイコン open_with を表示させます。
  2. コンテンツをハイライト表示された領域にドラッグします。

サイトのコンテンツをサイズ変更するには:

  1. サイズ変更するコンテンツを選択します。
  2. 青い丸をドラッグし、サイズ変更します。

オブジェクトをグループ化、グループ解除するには:

テキスト ボックスと画像の上下配置をグループにまとめることができます。

  1. 写真やテキスト ボックスをサイトページに追加します。
  2. テキスト ボックスをオブジェクトの上半分または下半分にドラッグして、青い線を表示させます。
  3. テキストと画像のグループを解除するには、解除するグループをクリックします。
  4. グループから外すオブジェクトをクリックし、ドラッグしてグループから離します。
  5. グループ化したオブジェクトの表示位置を変更するには、変更するグループをクリックします。
  6. 位置を変更するオブジェクトをクリックし、キーボードの キーまたは キーを押します。
なし
3

共有と共同編集

サイトのカスタマイズが完了したら、そのサイトを組織内のユーザーと共有してコンテンツを共同編集してみましょう。

このセクションの内容:

3.1

サイトを共有して共同編集する

サイトを共有するには:

  1. 次のいずれかを選択します。

    • Google サイトからサイトを共有するには、編集者を追加アイコン person_add をクリックします。
    • Google ドライブからサイトを共有するには、ドライブでサイトのファイルを選択し、共有アイコン person_add をクリックします。
  2. サイトの共有相手を選択します。

    • 組織全体の権限を設定するには、[編集できるユーザー] で [変更] をクリックし、共有設定を選択して 保存 をクリックします。次に、サイトへのリンクをコピーし、メールやチャット メッセージに貼り付けます。
    • 個別のユーザーに権限を設定するには、[招待] ボックスに組織内のユーザーの名前かメールアドレスを入力し、送信 > 完了 をクリックします。
  3. ユーザーの権限を変更します。

    • 権限を付与するには、ユーザーの名前の横にある下矢印アイコン arrow_drop_down をクリックし、権限レベルを選択します。
    • 権限を削除するには、ユーザーの名前の横にある下矢印アイコン arrow_drop_down をクリックし、削除アイコン close をクリックします。
  4. (省略可)編集者による公開、サイトのアクセス権の変更、新しいユーザーの追加を制限するには、[編集者によるアイテムの公開、アクセス権の変更、新しいユーザーの追加を禁止します] チェックボックスをオンにします。

    • 変更を保存 > 完了 をクリックします。

注: サイトの公開後は、下矢印アイコン arrow_drop_down公開 の横にある)をクリックして [公開したサイトを表示] を選択し、そのサイトの URL を共有相手に送信することもできます。

コンテンツを共有する
4

サイトのプレビューと公開

新しいサイトを公開する前にサイトをプレビューできます。完成したサイトは、組織内のみに公開したり、広く一般に公開したりできます。

このセクションの内容:

4.1

サイトをプレビューする

モバイル端末でサイトを表示すると、コンテンツは画面に収まるように自動的に調整されます。さまざまな端末でサイトがどのように表示されるかをプレビューできます。

サイトをプレビューするには:

  1. プレビュー アイコン visibility をクリックします。
  2. さまざまな端末でサイトがどのように表示されるかを確認するには、次のいずれかを選択します。
    • スマートフォン
    • タブレット
    • 大画面
  3. プレビュー画面を終了するには、閉じるアイコン close をクリックします。
サイトをプレビューする
4.2

サイトを初めて公開する

サイトを初めて公開するときは、サイトの名前を追加してサイトの URL を完成させます。サイトの名前には、小文字、数字、ダッシュのみを使用できます。URL の先頭に含まれる組織のドメインは変更できません。

サイトを初めて公開するには:

  1. 公開 をクリックします。
  2. URL の末尾に名前を追加します。「support」や「admin」など、一部の単語は使用できません。
  3. [サイトにアクセスできるユーザー] で、サイトを表示できるユーザーを選択します。
    • ドメイン内の全員
    • ウェブ上のすべてのユーザー
  4. (省略可)[ウェブ上のすべてのユーザー] を選択しつつ、外部からの検索結果にサイトを表示したくない場合は、[一般公開の検索エンジンに自分のサイトを表示しないようリクエストする] チェックボックスをオンにします。
  5. 注: この操作を行っても、一般公開の検索エンジンにサイトが表示されなくなる保証はありません。あくまでも、自分のサイトが検索エンジンでインデックスに自動登録されないようリクエストするだけです。

  6. 公開 をクリックします。サイトの URL にアクセスし、サイトが正しく公開されていることを確認します。

公開したサイトを表示できるユーザーを変更するには:

  1. 公開 の横にある下矢印アイコン arrow_drop_down > [公開設定] をクリックします。
  2. [サイトにアクセスできるユーザー] で、サイトを表示できるユーザーを選択します。
    • ドメイン内の全員
    • ウェブ上のすべてのユーザー
  3. 保存 をクリックします。

注: サイトは公開後も編集できます。ただし、新しい変更を表示するにはサイトを再公開する必要があります。

サイトを公開する
4.3

サイトの URL を変更する

サイトの URL はいつでも変更できます。ただし、URL を変更すると、古い URL のブックマークが無効になります。

サイトの URL を変更するには:

  1. 公開 の横にある下矢印アイコン arrow_drop_down > [公開設定] をクリックします。
  2. 新しい URL を入力します。
  3. 保存 をクリックします。
公開設定
4.4

サイトの公開を停止する

サイトをオンラインで利用する必要がなくなったら、サイトの公開を停止できます。サイトのオーナーは、引き続きサイトのコンテンツにアクセスして更新できます。また、サイトを同じ URL や別の URL でいつでも再公開できます。他のユーザーが非公開のサイトにアクセスすると、エラー メッセージが表示されます。

サイトの公開を停止するには:

公開 の横にある下矢印アイコン arrow_drop_down > [公開を停止] をクリックします。

サイトの公開を停止する

次のステップ

今すぐ試す

トレーニングを続ける

チームサイトを作成したり、ファイルを埋め込んだり、Google アナリティクスを追加したりできます。