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

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

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

必要なもの:

G Suite アカウント

10 分

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

1.1

サイトの作成

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

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

新しいサイトを作成
1.2

サイトに名前を付ける

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

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

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

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

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

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

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

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

  1. ページを追加するには:
    1. 右上にある [ページ] > ページを追加アイコン サイトにページを追加する をクリックします。
    2. ページに名前を付け、[完了] をクリックします。
  2. ページを並べ替える、またはネストするには:
    1. [ページ] をクリックします。
    2. ページを並べ替えるには、そのページをリストの上下にドラッグします。
    3. ページをネストするには、そのページを別のページの上にドラッグします。
    4. (省略可)ページのネストを解除するには、そのページをリストの下部にドラッグします。
    注: ページをネストできるのは、1 階層までです。また、トップページとして設定されているページをネストすることはできません。
  3. ページの設定を選択するには:
    [ページ] の下でページを選択し、横にあるその他アイコン をクリックして次のいずれかを行います。
    • トップページとして設定します。
    • ページ名を変更します。
    • サイトからページを削除します。トップページとして設定されたページを削除することはできません。
ページを追加、並べ替え、ネストする
1.5

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

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

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

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

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

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

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

このセクションの内容:

2.1

コンテンツの追加

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

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

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

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

編集オプション:

タイトルと見出し

タイトル

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

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

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

標準テキスト

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

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

その他のオプションが表示されます。

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

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

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

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

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

画像を編集する

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

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

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

画像を切り抜くには:

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

画像を置き換えるには:

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

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

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

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

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

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

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

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

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

共有と共同作業

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

このセクションの内容:

3.1

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

サイトを共有するには:

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

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

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

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

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

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

コンテンツを共有する
4

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

新しいサイトを公開する前にサイトをプレビューできます。準備ができたら、サイトを組織のみ、または全世界に公開できます。

このセクションの内容:

4.1

サイトをプレビューする

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

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

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

サイトを初めて公開する

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

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

  1. 公開 をクリックします。
  2. URL の末尾に名前を追加します。「support」や「admin」など、一部の単語は使用できません。
  3. [サイトにアクセスできるユーザー] の下で、サイトを表示できるユーザーを選択します。
    • ドメイン内のすべてのユーザー
    • ウェブ上のすべてのユーザー
  4. (省略可)サイトを検索結果に含めるには、[検索結果にサイトを表示することを許可する] チェックボックスをオンにします。この設定を有効にしていない場合でも、一部の検索エンジンでは検索結果にサイトが表示される可能性があります。
  5. 公開 をクリックします。サイトの URL にアクセスし、サイトが正しく公開されていることを確認します。

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

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

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

サイトを公開する
4.3

サイトの URL を変更する

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

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

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

サイトの公開を停止する

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

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

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

サイトの公開を停止する

次のステップ

今すぐ試す

トレーニングを続ける

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

サイトのヒントを見る