とある事情により、静的サイトを作ることになりました。
静的サイトって、動きの無いサイトですか？
静的でも、見た目に動きのあるサイトは作れるよ。見た目じゃなくて、中の話ですね。
静的の対義語は動的。したがって、静的サイトと言うと『動きのないサイト』と思われることがありますが、実はそうではありません。静的サイトにもスライド、アニメや動画などを使って動きを作ることは可能です。
たとえばWordPressは動的サイト。今ではサイト作成と言えばWordPressがかなりの割合を占めているのではないでしょうか。WordPressはページにアクセスした時にデータを読み込み、プログラムによってhtmlファイルを吐き出して表示するという仕組みです。
一方、静的サイトは最初からhtml形式のファイルをサーバーに置くという仕組み。したがって、データを読み込んだり組み合わせたりするサーバー側の処理が省けます。
そんな静的サイトをもう一度見直してみましょう！
というお話です。本記事では、静的サイトを利用することで得られるメリットや、静的サイトの作り方について紹介します。ぜひ、今後のサイト作成の参考にしてみてください。
静的サイトのメリットとデメリット
WordPressなどの動的サイトは多くの利用者があり、日に日に進化しているという印象があります。しかし、進化し続けているからこそ、多くのデメリットがあるのも事実です。実は、静的サイトには動的サイトのようなデメリットがありません。
では、どのようなメリットがあるのでしょうか。メリットと共にデメリットについても考えてみましょう。
静的サイトのメリット
静的サイトの主なメリットは次の4点です。
- 表示速度が速い
- データベースが不要
- システムの更新が不要
- 攻撃の対象となりにくい
それぞれについて、もう少し詳しく解説しましょう。
静的サイトは爆速！SEOでも有利！
前述したように、静的サイトはhtmlで記述されたものをそのまま表示するだけなので、表示速度は動的サイトよりも速くなります。もちろん、表示させる画像・動画ファイルが大きい場合や通信速度の問題はありますが、その他の要因での速度遅延は少ないでしょう。
昨今はサイトの表示速度も検索エンジンの評価対象となっているので、表示速度が速いことはSEOという点においても有利です。
静的サイト構築にはデータベースが不要！サーバー料金がお得！
たとえばWordPressを設置しようとすると、データベースの利用できるサーバーを契約する必要がありますしかし、静的サイトを構築する場合にはデータベースが不要なので、データベースの利用できないサーバーでも問題ありません。
つまり、レンタルサーバー料金の大幅な節約が可能。たとえば、ロリポップの料金を見てみると・・・
月額99円で利用可能です。ドメインを取得しても、月額に換算すると200～300円で利用ができることになります。実は私はロリポップとXserverを利用しているのですが、どちらもデータベースありなのでかなり高額です。
静的サイトだけを作成するのなら、ロリポップのエコノミーがおすすめ。ロリポップの詳細については下記よりご覧ください。
静的サイトはわずらわしいシステムの更新作業が不要！
WordPressを利用している方は日々感じているのではないでしょうか。
また更新の通知が来てるよ・・・
昨日も更新したのに！
本当に多いですよね。WordPressの場合、セキュリティリスクも多いのでシステムの更新が非常に多いという印象です。また、WordPress本体のプログラムが変更されると、それに伴ってプラグインの更新をしなければなりません。
したがって、多くのプラグインを使用している場合には、ほとんど毎日更新というイメージを持つことになります。しかも、中には重大なセキュリティに関するプログラム修正も含まれているので、放置するわけにもいかない状況です。
しかし、静的サイトの場合にはシステムの更新が不要です。なぜなら、何のシステムも利用していないから。したがって、システムの更新を考えなくても良いだけでも大きなメリットと言えるでしょう。
静的サイトはセキュリティリスクが低い！
ホームページにはさまざまなセキュリティリスクが存在します。主に考えられるのはデータの改ざんなどです。中にはサイト内にウィルスを挿入するケースも。しかし、近年において問題となっているのはほとんどがWordPressなどのCMSです。
特に不正ログインの被害は多く、対策をおこなっていない場合はサイトの大小にかかわらず標的にされます。一度、あなたのサイトがどれくらい攻撃されているのかをプラグインで確認してみてください。どれほど攻撃を受けているのかを知って衝撃を受けるかもしれません。
その点、静的サイトはログインすることもできないのでセキュリティリスクが低く、動的サイトとは比べ物にならないくらい安全です。
でも、静的サイトにもデメリットがありますよね？
静的サイトのデメリット
もちろん、静的サイトにもデメリットはあります。最も大きなデメリットはサイト作成が難しいという点でしょう。しかし、htmlテンプレートを使用したり、サイト作成ソフトを使ったりすることで対策が可能です。
ただし、WordPressのように初心者が全て無料で作成できるような環境がほとんど無いのが現状。かつては世の中のほとんどが静的サイトだった頃と何ら変わっていないという印象です。
もちろん、無料で作成する方法もありますが、残念ながら今風のデザインに仕上げるのは困難と言わざるを得ません。かの有名な阿部寛さんのサイトのような爆速サイトなら無料で簡単に作れるのですが・・・
静的サイトを作成する良い方法は無いのでしょうか・・・
静的サイト作成に役立つツール
実際に静的サイトを作るにあたり、次の3つの方法を検討しました。
- 静的サイトジェネレータ
- htmlテンプレート
- サイト作成ソフト
順に実践してみた結果と感想を伝えたいと思います。
初心者には無理？静的サイトジェネレータは難しすぎ！
ブログを作成する感覚でサイトを作成できるのが静的サイトジェネレータです。豊富なテーマも無料で使用できるので、感覚的にはWordPressと大差ない・・・と考えていたのですが、一筋縄では使えませんでした。
静的サイトジェネレータには多くの種類があり、その中から人気がありそうなものを順に使ってみました。
- Hexo
- Hugo
- Gatsby
まず最初に挑戦したのがHEXO。最初ということで、かなり戸惑いながらのサイト作成でしたが、結局作成できずに断念。パソコン環境も良くなかったのかもしれません。
続いてHugoです。HugoはHexoよりも簡単な印象で、ある程度のサイト作成ができたのですが、自分でカスタマイズをしようとすると上手くできずに断念しました。
最後に取り組んだのがGatsbyです。3つの中では最も簡単な印象で、サイトもサクッと作成することができました。ある程度自分の思い通りのサイトが作成できたので喜んでいたのですが・・・
いざファイルを書き出してサーバーにアップロードしようとすると上手くいかずに断念。良い方法があるのかもしれませんが、時間の無駄と思って諦めました。
結果、静的サイトジェネレータは初心者には難しいという印象です。使い方を調べてみても、理解し難い専門用語が並べられています。もう少しわかりやすく解説して欲しいですね。
静的サイトジェネレータは約3日間格闘の末に断念し、htmlテンプレートによるサイト作成をすることにしました。
htmlテンプレートは5ページまでが限界か・・・
実際に購入したhtmlテンプレートがこちらです。
クラウドナインというデザイン会社から1980円で購入しました。もちろん、無料でも多くのお洒落なテンプレートがあります。しかし、無料の物は規約上クレジット表示が消せないものがほとんどなので、若干抵抗がありました。
簡単に消すことはできますが良心の呵責に苛まれたので、ちょっとだけお金を払って購入。
実際にサイトを作成してみたのですが、ページが増えるとかなり大変という印象です。5ページくらいまでの静的サイトなら、作成も苦にならないと感じましたが、それ以上は大変。しかし、最初にきちんとサイト設計をするということを考えると、計画的に作成できるので良いかもしれません。
ただし、後からページを追加する際にはリンクを自分で修正しなければならないという点もデメリットと言えます。しかも、htmlがある程度わかっていないと作成は難しいでしょう。
ページ数の少ないサイトを作るにはおすすめですが・・・初心者が簡単に作れるレベルではないかもしれません。
初心者にもおすすめ！サイト作成ソフト
最終的にたどり着いたのが、サイト作成ソフトです。有名なものでは「ホームページビルダー」や「SIRIUS」ではないでしょうか。どちらも購入すれば２万円前後のソフトです。
もちろん、どちらも優秀なソフトで、初心者でも安心して利用できます。SIRIUSは少し古臭いイメージが否めないという印象があったのですが、ここへ来て販売終了の知らせが・・・
そんな時に知ったのが、アッチューマでした。１年間使用できるライセンスが8,800円ということで、比較的リーズナブルです。
また、買い切りの場合は21,450円となっているので、3年間使用すると考えれば買い切りの方が断然お得。詳しくは公式サイトをご覧ください。
SEOを意識するなら静的サイトがおすすめ！
今回は静的サイトについて改めて考えてみました。WordPressでサクッと簡単にサイトが作成できるようになり、サイト作成のハードルはかなり下がったという印象です。
しかし、静的サイトには「速い」「サーバー代が安い」「SEOにも強い」という大きなメリットがあります。
ただし、今風の静的サイトを作ろうと思うと、サイト作成ソフトの使用が必要不可欠。したがって、コストダウンになるか否かは微妙なところですが、WordPressの有料テーマを購入するのと同じようなものと考えれば納得です。
一度検討してみてはいかがでしょうか。とは言うものの、やはり時代の流れは動的サイトということに変わりありませんが・・・