Googleサイト
基本的な使い方
Webサイト公開での考慮事項
Wix(参考)
Googleドライブへのログイン
既にGoogle検索にログインしている場合は引き継がれる
Google サイトの新規作成
新規作成の初期画面
テンプレートの使用
テンプレートで作成
新規で作成
画像の埋め込み方法の選択
アップロードでの埋め込み
画像選択での埋め込み
ドライブからの埋め込み
ドラッグ&ドロップでの埋め込み
埋め込み後
左から2番目のボタンでサイズ自動調整
レイアウトの設定
画像の埋め込みとと文章の入力
複数画像のドラッグ&ドロップ
複数画像の一括埋め込み結果
一括埋め込み後の追加
文章入力
テキストレイアウト設定
文章入力
ドキュメント挿入
挿入結果
スライド挿入
挿入結果
挿入した結果のページ表示
ドキュメント,スライド,スプレッドシート,フォーム,グラフ等はリンクなのでサイトを変更しなくてもドライブ側を変更するだけでサイトの内容に反映されるので便利
別ページでの表示
別ページでの表示結果
ページの追加
メニューバーとページに追加
該当ページをホームに設定
ページのコピー
コピーでのページ作成
コピー結果
サブページの追加
サブページの追加結果
独自ドメイン設定
独自ドメインなしでの公開
公開後のブラウザ表示
https://sites.google.com/view/pet-desioをURLに設定すれば公開したサイトにアクセスできる
これを見てもらいたい人に教えれば他の人もアクセスできる
ドライブファイルの表示権限
ドライブに格納されているファイルを表示するには共有の設定が必要
共有方法
共有設定
共有完了
共有ファイルの表示確認
Webサイト考慮事項
GoogleサイトとWixでドメインを利用しないときは先の無料公開の様なURLになる
独自ドメインを有料で取得した場合のURL
サブドメンインを取得取得した場合のURL
メール転送は必須ではないがあればフリーメールがバレない(プロバイダによっては有料)
最近はブラウザからHTTPS接続が必須であるため絶対に必要(プロバイダによっては有料)
サブドメインを使って分割
小さい情報サイトでは必要ないがある程度の規模になるとサブドメイン毎にWebサイト情報を分割できるため管理しやすくなり様々な自由度が増し追加/削除が容易になる
メインページからそれぞれのサブドメインへのリンクを作成の例
Googleサイトとサブドメイン
サブドメイン毎にGoogleサイトのファイルを分ける事でサイトを分割してページ毎の権限設定ができない欠点の一部を埋める
ドメインの新規取得
Google Domainsでの新規取得例
取得済みドメイン
ドメインの概要
サブドメインの設定例
ドメインとWebサイト
SSL/TLS証明書例
ドメインとサブドメインのセキュリティ証明書確認
これがないとHTTPSでアクセスできないので安全ではないサイトと表示される(プロバイダによっては有料)
参考のためにWixの編集とテンプレート画面を以下に記載します
WixはGoogleサイトと同じでプログラミングなしてサイトを構築でき専用サーバー不要です
WixはGoogleサイトと同じでプログラミングなしてサイトを構築でき専用サーバー不要です
Wixのページ編集画面
Googleサイトより細かくて複雑な設定が可能で非常に綺麗で魅力的なサイトを作成できます
但し、慣れるまでに一定の時間が必要で複雑過ぎるサイトを作ると後の追加や変更などが大変になるのでサイト作成の目的を明確にして凝り過ぎないことが重要です
Wixのテンプレート
数百のテンプレートがありテンプレートを選ぶだけでも大変ですがマッチしたものが見つかれば良いサイトが作れる可能性が高くなります
既にCSS,HTMLや他のビルダーツールで作成経験がある方はWixが最適だと考えますが初めて作成する方は先ずはGoogleサイトで公開して慣れてきたらWix等に変更した方が無難です、簡単なGoogleサイトが作れない方は絶対にWixでは無理です
簡単に言えばGoogleサイトは個人やスタートアップで時間とお金がない方でWixは人も時間も少し余裕があり管理作業を誰かにある程度任せられる方向けと思います
費用についてもGoogleサイトはドメイン取得だけで後は全て無料ですがWixは2〜3千円/月必要で年払いです。また、公開後のサイト分析もGoogleは無料で利用できますがWixは別料金ですので全体的に必要な費用を事前調べる事が重要です
最後にGoogleサイトは世界的なネットワークを持っているだけありサイトの反応も悪くないのですがWixはサイトが凝っていることもあり反応が遅いとも言われています