見出し画像

完全無料ノーコードでウェブサイトを作る-googleサイトでも魅力的に見せる5つの秘密-

どうも、【高校生が運営する社会課題コミュニティ】X-gene代表のこういちです。今日は完全無料で作られたX-geneウェブサイトとそれを魅力的にする5つの工夫をお話しします。

どうやって完全無料でつくったか

僕みたいに団体を立ち上げたり、それこそ会社を作ったり、自治会や仲間と始めたバンドなどウェブサイトを作りたい場面は以外と日常のなかで訪れます。巷には有料のサイト作成アプリやソフトが溢れていますが無料で作れたら最高ですよね?

さあ、そんな完全無料でサイトをつくる方法をお伝えしていく訳ですが結論からいうと使ったのは「googleサイト」です。そしてX-geneのウェブサイトがこちら。

無料の割にはしっかりとしたサイトになっているのではないでしょうか。
googleサイトはgoogleの個人アカウントを持っている方ならだれでも無料で利用できます。下から作成とアクセスが可能です。

googleサイトでも魅力的なページをつくる5つの秘密

ここまでgoogleサイトについか書いてきましたが、「googleサイトは知ってるけど、どうしても”googleサイト感”が出てダサいんだよな」って思っている人もいると思います。しかし!!ここでお話しする5つの秘密をすると”googleサイト感”をなくして魅力的なページにできます!!

1.トンマナやフォントを決める

トンマナとは「トーン&マナー」の略で、色使いなどの決まりを作ると言うことです。X-geneではロゴにも使っているオレンジと緑をトンマナとしていてカラーコードまで決めています。(green:#07b554)(orange:#ffa500)

団体ロゴタイプ

フォントはそのままで、固定のフォントを定めておくことです。
こうすることで統一感と、みた瞬間に「あの会社、団体だ」と想起させることができます。これらはgoogleサイト右上の「テーマ」からそのサイトないのデフォルト設定ができます。

2.写真や画像を多く使う

文字ばかりのサイトは読みづらい上に、おしゃれじゃありません。このおしゃれじゃないというのが”googleサイト感”を増幅させてしまいます。メンバー紹介は画像を添えて、SNSリンクには最近追加された機能”ソーシャルリンク”を使って積極的に写真、画像のあるおしゃれなサイトにしていきましょう。

3.見出しのタイプを「カバー」にする

”googleサイト感”のあるUIをかき消すため、見出しの設定から見出しタイプを「カバー」にします。サイトを開いた時に最初に目にする場所なのでサイトで訴えたいことがよく伝わる画像を見出しに設定しておきましょう。

4.カルーセル高速表示で動きをもたせる

「画像カルーセル」というものがあります。これはスライドショーのように設定した画像を自動でめくるように表示できる機能です。これをカルーセルにある設定ボタンから最速の設定にして動くを持たせ、サイト閲覧者の興味を惹きましょう。

5.スマホで表示されることはを意識する

これは ”googleサイト感”をなくすといいより、全てのサイトに共通して言えることかもしれませんが、スマホ表示を意識しましょう。
今はほとんどの人がスマホを持っている時代です。サイトの右上プレビューボタンからスマホやタブレット表示にして確認、調整しましょう。

具体的にチェックするポイントは2つです。

  1. 見出しの画像が切れていないか→画像を小さくして調整

  2. コンテンツブロックの順番

コンテンツブロックとは右側に出てくる画像を入れられる枠のことです。

これは左から右に、そして次の行にという順番で認識されてスマホ版で表示されます。

PC版
スマホ版

正直優秀なメンバーいたから成立したかも

ここまで色々書いてきましたが、X-geneのサイトは個人ブログを書いているメンバーや、デザインが得意なメンバーと一緒に作成、改善を繰り返してきました。正直、こういったメンバーがいなければここまで作れなかったと思います。

だからこそ、困ったら周りを探してみましょう。自分でできないようなデザインや、コードの埋め込みも友達や知り合いには得意な人がいるかもしれません。やはりチームの力は絶大です。

SEOを考えずにgoogleサイトを使えた理由

ここからは結構深い話になるのでスキップしても大丈夫です!


SEOとは

インターネット上の検索エンジンで特定のキーワードを検索した結果リストにおいて、その上位に表示されるようにウェブサイトの構成や内容を調整すること、また、その手法。

コトバンク 日本大百科全書(ニッポニカ)より引用

のことで、簡単に言えばgoogleなどで検索したときに上に出やすくする方法のことです。調べるとgoogleサイトでも少しはSEO対策をできなくはない(?)ようですが、SEOという視点から見るとgoogleサイトは強くなさそうです。

しかし!!
よく考えてみてください。私たちは、google検索で新たな会社、団体、バンドを見つけるでしょうか?SNSで流れてきて認知することが多くありませんか?私たちは、検索でひっかかるよりも

SNSで認知される→団体のハブとなるウェブサイトに飛ぶ→YouTubeや今あなたが読んでくれているnoteへの流入

という流れを期待しています。なのでSEOの心配はせずにgoogleサイトを使うことができたのです。第一、今のSEO市場は大企業が莫大なお金をかけて競い合っている世界なので勝ちようがありません。レッドオーシャンに飛び込まず、本質的にサイトでやりたいことを追求した結果がこれでした。多分唯一の欠点は検索で出てきづらいのは相手からの信頼に欠ける場合があるといことですが、ここまでメリットがあるので目を瞑りました。

みなさんが作りたいサイトも、検索で上位表示されなければいけないでしょうか?SNSに載せたリンクや、名刺につけたQRコードからアクセスしてもらえれば十分ではないでしょうか?ブログを書きたいならnoteを使えばサイトのSEOは考えなくていいはずです。

無料だから一度作ってみて損はない!

いかがでしたか?簡単、気軽に変更できて、完全無料で作成できるgoogleサイト。無料なので作ってみて損することはないはず、ぜひ一度作ってみてください!

多分これまでで最も長いnoteになってしまいました汗
もっと短くできるように頑張ります
ではまた!

この記事が気に入ったらサポートをしてみませんか?