Googleサイトは、無料のWebページを作成するのに最適なオンラインツールの1つです。個人のポートフォリオページや簡単なビジネスサイトを公開するための手軽な方法として、多くの方が利用しています。特別なウェブデザインスキルやコーディングの知識は必要ありません。

この記事では、Googleサイトの使い方と、Googleサイトを使った簡単なホームページ作成方法をご紹介します。

Googleコラボレーションプラットフォーム（Googleサイト）は何ですか？

長年にわたり、Googleのサイトは、機能性に関してはかなり安定しています。googlesitesclassic（現在ではそう呼ばれています）は、実際のサイトのスタイルという点では制限されています。

ほとんどのGoogleサイトのスタイルは、他のサイトと比較して非常に古く見えます。現代のサイトには、ダイナミックなナビゲーションメニューやきれいなレイアウトなどの要素があります。

Google Sitesで作成されたページの多くは、静的なナビゲーションメニューと雑然としたレイアウトになっています。1990年代のウェブデザインスタイルに通じるレトロな雰囲気があるのです。

2016年、GoogleはGoogle Sitesをアップデートし、より新鮮でモダンなウェブサイトを作成できるようになりました。

すぐにバージョンアップを実感していただけると思います。以前のGoogle Site Editorツールは、オブジェクトを配置できる場所や方法が非常に限られていました。新しいエディターは、とても自由なデザインツールです。ページ要素やウィジェットを自由にドラッグして配置し、サイズを変更することができます。

Googleサイトの作成方法

Googleサイトを一から作成する場合は、Googleサイトの新規作成ページにアクセスし、Googleアカウントでログインしてください。右下の赤い「＋」ボタンを押す。

デフォルトの「Simple」テーマで白紙のページが表示されます。

エディターレイアウトは非常に使いやすく、いくつかのセクションで構成されています。

• 右のコントロールパネル：オブジェクトやウィジェットを含む**メニューの3つのエリアです。サイトの新しいページやサブページを作成するページメニューがあります。また、テーマメニューが表示され、編集中のページのテーマを選択することができます。
• トップメニュー：ここでは、サイトの名前をつけたり、編集中のページをプレビューしたり、サイトをウェブに公開したりすることができます。また、ここで他の人とサイトを共有することもできます。
• デザインウィンドウ：ページのデザインやコンテンツに関する作業を行う中心的なエリアです。

まず、ヘッダースタイルは3種類から選ぶことができます。非常に大きなバナー、中程度のバナー、あるいはバナーを使用せず、ページタイトルのみを表示することも可能です。

タイトルとコンテンツの作成

また、サイト名やロゴをページ上部に追加したり、ナビゲーションメニューの左側に配置することも可能です。

Googleサイトの良さは、好きな場所にオブジェクトを配置できることです。

例えば、プロフィールページを作成する際に、バナー画像の上部にプロフィール写真を追加したい場合、CSSマジックやPHPプログラミングの知識は必要ありません。メニューの「**」で画像オブジェクトを追加し、ページ上の任意の場所にドラッグするだけです。

見出しの下には、クリックするだけで新しいセクションを追加できるページがあります。各セクションに背景色を設定したり、任意のオブジェクト**を配置したり、あるいはただ文字を入力することもできます。

Googleサイトでは、手軽さと柔軟性で得られるものは得られ、選択肢は失われます。

選択したサイズに応じて、ヘッダー（H1）、ヘディング（H2）、サブヘッダー（H3）の3つのスタイルが利用可能です。

しかし、背景コードの調整方法を知っていれば、「その他」アイコン（3つの点）をクリックして編集し、必要に応じてスタイルを調整することができます。

ページタイトルとバナーをレイアウトし、セクションの見出しを作成したら、あとはページコンテンツの作成に専念するだけです。

ウェブサイトデザインとナビゲーション

右側のナビゲーションバーにある「テーマ」というメニュー項目をクリックすると、6つのテーマが一覧で表示され、その中から好きなものを選ぶことができます。これらは主に、横線、フォントのサイズとスタイル、見出しのスタイルなど、要素の配色を変更するものです。

新しいウェブサイトのページを作成し、これらのテーマで遊んでみて、どれが一番好きかを確認するのが賢い方法です。ただし、選択した場合は、サイト内のすべてのページで一貫して使用するようにしてください。

右側のナビゲーションバーにある「ページ」メニュー項目をクリックすると、ここに新しいページやサブページを追加することができます。

新しいページが追加されるたびに、各ページのヘッダーにあるトップナビゲーションメニューに新しい項目が追加されます。

メニューリンクは、ページ名を変更するたびに自動的に更新されるので、管理する必要はありません。

また、各ページの上部にある固定メニューに縛られることもありません。これでは古すぎると思われる方は、画面左側の歯車のアイコンをクリックして、サイドナビゲーションを選択すればよいのです。

これは、訪問者がページの左上隅にあるメニューアイコンをクリックしたときにのみポップアップする動的なサイドバーメニューを生成します。

これは、あなたのGoogleサイトを非常にモダンでプロフェッショナルな外観にする、とてもクールな方法です。

ウィジェットの追加

Google Sitesがもたらすもののひとつに、ページに機能的な要素を簡単に埋め込むことができることがあります。この機能により、サイトにインタラクティブ性を持たせることができ、WordPressでサイトを立ち上げるよりも簡単なオプションが得られます。

単純なテキストボックスやビデオだけでなく、以下のようなコンテンツをページに直接埋め込むことができます。

• グーグルドキュメント
• Google スライドショー Slideshow
• Googleワークシート スプレッドシート
• Googleフォーム
• あらゆる表計算ソフトでGoogle Chartsを利用可能
• グーグルマップ
• Googleカレンダー

これらの要素は、ドラッグ＆ドロップでページ上の好きな位置に移動させることができます。

カレンダーウィジェットをクリックし、カレンダーを抽出したいGoogleアカウントを選択します。

これらの要素を並べたり、ページ内で移動させたり、サイズを変更したりして、ページ上で思い通りの見栄えになるようにします。

これは、誰でも美しいWebページをデザインできる簡単なレベルです。

Google Sheetsを埋め込む。スプレッドシートを使えば、わずかな労力で読者に情報を整理して伝えることができる。

この利点は、ウェブページを編集する必要がないことです。ウェブページに埋め込まれたテーブルは、ソースのGoogleテーブルが更新されると同時に、自動的に更新されます。

任意の数のチャートを含むGoogleシートを選択し、ウェブページに埋め込む特定のチャートを選択することができます。

スプレッドシートの更新が頻繁に必要なダッシュボードを作成する仕事であれば、スプレッドシートのすべてのチャートをウェブページに埋め込むことで、上司に好印象を与えることができます。

そして、上司に報告書を渡す時には、URLリンクを渡せば、上司はGoogleのアカウントでアクセスできるようになります。革新的な社員であることを語る

ウェブサイトの完成と公開

ページを構成するすべての要素が揃ったとき、それはとても美しいことです。これで、潜在的な顧客にスケジュールを示す情報満載のコンタクトページを作成することができます。

お問い合わせフォームや、会社の住所があれば地図も掲載できます。柔軟性の高いGoogleフォームを使って、データを集めてみてください。

新しいウェブサイトとその中に含まれるすべてのページの作成が完了したら、公開の準備が整いました。

ページ上部の公開ボタンを押すだけで、Google Sitesの下にサイトのサブページ名をリクエストすることができます。

独自ドメインが必要な場合は、ドメイン名を登録してから、このURLにリダイレクトすることができますので、ご安心ください。ドメインをリダイレクトすると、訪問者には、閲覧しているページがGoogleのサイトではなく、実際にそのドメインであるかのように見えるのです。

Google サイトはあなたに合っていますか？

Googleサイトを使って無料でホームページが作れるというのは、可能性が広がりますね。

• プライベートな社内ページを作成し、仕事の報告書を作成することができます。
• プロフェッショナルなポートフォリオページを作成し、新しい潜在顧客と共有することができます。
• Googleサイトを利用すれば、シンプルで効果的なビジネスページを立ち上げることができます。

新しいバージョンのGoogle Sitesは、より使いやすくなっていることにご賛同いただけると思います。よりモダンなサイト作りに役立てることができます。しかし、Googleのサイトがあなたに合わない場合は、数分でサイトを作成するのに役立つ静的サイトビルダーが常にあります。