• 作成日 : 2024年8月9日

Googleサイトとは？おしゃれテンプレや変更方法・使い方を解説

Googleサイトとは、Googleが提供する無料のWebサイト作成ツールです。HTMLやCSSの知識がなくても、簡単にプロフェッショナルなWebサイトを作成できます。テンプレートを選び、画像やテキストをドラッグアンドドロップするだけで、美しいサイトを構築可能です。

この記事では、Googleサイトの特徴や使い方、テンプレートギャラリーの種類にくわえて、Googleサイトをおしゃれに仕上げるポイントを解説します。

Googleサイトとは？

Googleサイトとは、Googleが提供するWebサイトを無料で作成できるツールです。

複数のテンプレートから基本のデザインを選び、画像やテキストをドラッグアンドドロップで配置して作成できます。HTMLやCSSの知識がなくてもWebサイトを作成できます。

Googleドライブに保存されたスプレッドシートやGoogleドキュメントなどもコンテンツとして追加可能です。レスポンシブデザインにも対応しており、多機能なスマホ対応のサイト作成を実現できます。また、独自ドメインを設定でき、ブランドのサイトなど、認知度アップを目的とした使い方にも便利です。

Googleサイト作成にはGoogleアカウントが必要です。

Googleサイトの使い方・作成手順

Googleサイトを作ってから公開するまでの手順は、いたってシンプルです。ここでは、Googleサイトの使い方を、作成手順とあわせて解説します。まずはおおまかな流れをつかみ、Googleサイトの運用をイメージしてみましょう。

出典：サイト ヘルプ「Google サイトの使い方」

Googleサイトの作成

最初に、Googleサイトの基礎を作成し、新規サイトを立ち上げます。パソコンで新規のGoogleサイトを開き、画面上部にある「新しいサイト」の「テンプレートギャラリー」から、任意のテンプレートを選びます。

テンプレートを使わずに自分でデザインしたい場合は、「空白」を選びましょう。

コンテンツの追加

新規のGoogleサイトを立ち上げた後は、必要に応じてコンテンツを追加しましょう。追加できるコンテンツには、テキストや画像、ページ、動画などがあります。他には、GoogleのファイルやYouTubeの動画なども挿入できます。

コンテンツを追加するには、作成した新規サイトを開き、編集画面の右側にあるメニューから項目を選んで作業しましょう。

たとえば、テキストを挿入する場合は、メニューの「挿入」タブから「テキストボックス」を選択し、任意のテキストを入力します。既存のテンプレートですでに入力されたテキストを編集したい場合は、編集したいテキストをクリックすると入力し直せます。

画像やGoogleファイルを挿入・編集したい場合も同様に、右側のメニューから各項目を選択し、それぞれのコンテンツを追加しましょう。追加したコンテンツは、後からドラッグアンドドロップで移動でき、画像は差し替えやトリミングも可能です。

トップページ以外のページを追加する場合は、メニューから「ページ」タブを選択し、下部に現れるプラスのアイコンにカーソルを合わせます。カーソルを合わせた場所に「新しいページ」の項目が現れるので、クリックしてページを追加します。

サイトの公開・共有

必要なコンテンツを追加したら、サイトを公開もしくは共有して、他の人から見てもらえる状態にしましょう。公開は一般的なWebサイトと同様、誰にでもアクセスしてもらえる状態にする方法です。一方、共有は管理者に閲覧権限を付与されたユーザーのみがアクセスできる状態にします。公開も共有も、画面上部のメニューから作業します。

公開設定の手順は、次の通りです。

また、共有は次の手順で行います。

サイトを共有するには、あらかじめサイトを公開しておきましょう。

Googleサイトのテンプレートギャラリーの種類

Googleサイトのテンプレートギャラリーには多数のテンプレートがあります。以下に、Googleサイトのテンプレートの一覧をまとめました。

出典：Google サイト「テンプレートギャラリー」

テンプレートのカテゴリは「個人用」「仕事用」「小規模ビジネス」「大企業」「説明」の5つに分類されています。

それぞれのテンプレートには「家族の近況」「イベント」「プロジェクト」などのテンプレート名が設定されており、サイトの目的に適したテンプレートを選びやすくなっています。シーンやテーマに応じてテンプレートを使い分けるとよいでしょう。

Googleサイトをおしゃれに仕上げるポイント

Googleサイトの作成自体はむずかしくはありません。ただし、おしゃれに仕上げるにはポイントを押さえる必要があります。ここでは、Googleサイトをおしゃれに仕上げるポイントを紹介するため、おしゃれなサイト作りにチャレンジしてみてください。

カスタムテーマを使用する

Googleサイトのカスタムテーマとは、背景や文字の書式などのデザインを一括でサイトに反映できる機能です。カスタムテーマは、作成するGoogleサイトにインポートして使用します。

カスタムテーマでカスタマイズできる項目は次の通りです。

自分で作ったデザインをカスタムテーマとして作成しておくと、新たにサイトを作った際にデザインを簡単に反映できます。いくつかカスタムテーマを作成し、比較しながらよりよいデザインを模索しましょう。

余白を有効活用する

コンテンツをぎっしり詰め込みすぎると、読み手にごちゃごちゃした印象を与え、読みにくいサイトになります。サイトのデザインをすっきりさせるには、余白を有効活用したレイアウトを心がけましょう。

適切に余白を入れることで、サイト全体をすっきりおしゃれに仕上げられます。メインのフレーズや画像を引き立てれば、コンテンツの読みやすさも向上します。適切な余白の取り方は、自分がおしゃれだと感じるサイトや、作りたいデザインのイメージに近いサイトを参考にするのも1つの方法です。

理論に基づいて余白を取りたいのであれば、8の倍数ルールを取り入れてみましょう。8の倍数ルールとは、画像やテキスト、余白など、サイト上に存在する要素を8の倍数ピクセルに設定する手法です。Webデザイン業界では、ポピュラーな手法だと言われています。

統一感を意識する

サイト全体のデザインに統一感を持たせると、おしゃれなサイトに仕上がりやすくなります。サイト内の各ページや同じページ内のデザインがバラバラだと、見た目が不揃いでおしゃれには見えません。各ページで使われているフォントや色、見出しのつけ方などは統一させておきましょう。

サイト全体に統一感を持たせるには、トンマナ（トーン＆マナー）を意識するのが有効です。トンマナを意識してサイトを作成すると、サイト自体のデザインだけでなく、サイトのテーマやコンテンツとデザインにも統一感を持たせられます。おしゃれな上、サイトの内容のイメージと一致したデザインに仕上げられるでしょう。

Googleサイトを活用するメリット

Googleサイトを活用するメリットは次の通りです。

Googleサイトのメリットは、Googleアカウントがあれば気軽にサイト運営ができ、簡単な操作で多様な機能を利用できる点です。

Googleサイトを活用するデメリット

Googleサイトのデメリットは次の通りです。

Googleサイトに搭載できる機能は限定的です。機能性より、手早く簡単にサイトを作成したい場合は、Googleサイトを活用するとよいでしょう。

Googleサイトならテンプレで簡単にWebサイトを作れる

Googleサイトは、無料で簡単にWebサイトを作成できる便利なツールです。直感的な操作で各種コンテンツを追加し、Googleサービスとも連携できます。初心者でもプロフェッショナルなサイトが作れますが、デザインの自由度は限られています。特に手軽さとコストパフォーマンスを重視する方に最適です。

多機能かつスマホ対応のWebサイトを手軽に構築し、ブランド認知度の向上や情報発信に役立てましょう。

• 監修：マネーフォワード クラウド

  マネーフォワード クラウド 業務効率化の基礎知識 編集部では、業務効率化や生産性向上のノウハウ、クラウドツールの使い方など、ビジネスシーンで役立つ基礎知識をご紹介しています。