HTMLとWordPressでWEBサイトを作るならどっちが良い？

今どきなぜ手書きのHTML・CSSでホームページを作るのか？

現在はホームページを作るための専用のタグを覚えなくても、簡単に更新ができるWordPressなどのシステムがあるのですが、HTML・CSSにしかないメリットがあります。

データベースが不要でサーバー料金もオトク

HTMLとCSSなら、WordPressを動かすのに必須のデータを保存するためのMySQLデータベースが不要なのでデータベースが使えないレンタルサーバーのプランでも問題ありません。 99円台のプランから使えるのでコストパフォーマンスがいいです。アクセスが増えてきたらさすがに表示が遅くなってくるので、その時は上位プランに変更もできます。
上位プランから下位プランへの変更はできないサーバーもあるので注意が必要です。

ロリポップの料金プラン — ロリポップサーバープラン料金例（2024年5月現在）

またサーバーへアクセスするたびに表示される内容が変わる動的なサイトと異なり、静的HTMLはそのままのファイルがサーバーから読み込まれるため、表示速度が速くSEOにも有利になります。表示速度改善がそのまま検索エンジン表示上位になるわけではないのですが、モッサリ遅いとすぐに離脱されてしまいがちです。

バックアップや引っ越しが楽

データをそのままサーバーからコピペしてダウンロードするだけなので、バックアップやサーバーのお引っ越しもシンプルで楽です。

システムの更新や保守管理が不要

WordPressはシステムが新しくなるため、外部からの改ざんなど、セキュリティなどの安全を考えて使うならアップデートが常に必要です。それに伴ってプラグインの更新や、PHPやMySQLデータベースのアップデートも常に気にしておかないといけません。

WPプラグイン多用のリスク — よくある更新通知が届いてアップデートが滞っているパターン。放置しておくとプラグインが使えなくなったり、セキュリティも悪くなり変な英語が書き込まれたり、見覚えのないファイルが増えるなどの改ざんされる確率も上がります。

HTML・CSSのサイトはシステム自体をそもそも使っていないので、メンテナンス作業を考えなくてもいいのがメリットです。
FTPもセキュリティのリスクはありますが、ローカルのデータを残していれば再設定は比較的しやすいです。

WEBデザインがしやすい

管理のしやすさの都合であまり使用しませんが、ページごとに異なるデザインも比較的やりやすいです。WordPressは基本１つのサイトに１つのテーマ（テンプレート）を使うので各ページのデザインが似通います。独立したページを作ってできなくはないですが、あまりテーマを使う意味がなくなってきます。

HTMLとCSSのデメリット

もちろんHTMLとCSSにもデメリットはあります。それは大量のページを作ろうとすると全部手動なので修正や更新がとても大変です。

そのため５-１０ページくらいまでの数ページの小規模なサイト作りに向いています。それ以上を超えると作業が苦ではない人以外は修正が大変になってくると思うので、やはりWordPressなどの更新システムが向いています。 PHPやJavascriptでパーツ化するとだいぶ楽なのですが、今回の趣旨と異なるのでここでは触れません。

初心者に優しくないように見える

スマホから編集やアップロードがしづらいのもマイナスです。またHTMLとCSSは初めての人は触るのが取っつきにくく見えるというのがハードルが高く感じられます。とはいってもタグを数個ほど覚えてしまえば画像やテキストの差し替えは問題なくできるのですが、そこに至るまでの興味をどう持ってもらえるかです。

まとめ

それぞれにメリットとデメリットがあるので、どちらが良いというわけではなく作るホームページに合わせて選んでいくと良いです。更新を全くしないのに何でもかんでもWordPressで作ると、後々のメンテナンスも大変になってきます。

更新やブログ、イベント情報など、更新を前提としている→WordPress・その他のCMS。
作った後はお知らせくらいしか更新しない→SNSで更新、またはHTMLでお知らせのみ更新システムを入れるなど。

という感じで私のほうはお客さんの希望に合わせて作るサイトを分けています。
CMSを入れるということはその後のメンテナンスが必須になるので、お客さんがメンテナンスがある程度できるのか？保守管理代行を希望されているかそうでないか？などをヒヤリングをしながら最適なものをご提案します。

HTMLでWEBサイトを作る場合は、一から作るよりHTMLのテンプレートを流用するのも便利です。よければ私が作ったテンプレートも合いそうでしたらお使いください。

[公開日] 2022年9月21日 / [最終更新日] 2024年5月9日 / カテゴリー：WEBデザイン

この記事を書いた人

ポポデザイン
西宮市在住のWEBクリエイター・グラフィックデザイナー・マーケター。ホームページの制作からディレクション、イラスト、SEOなど制作からユーザーのサポートまで幅広く、初心者のかたも分かりやすい対応を心がけております。(プロフィール)
Facebook｜X｜Instagram

この記事が気に入ったら
いいね！をお願いします

Follow @popodesign

最新情報をお届けします

同じカテゴリーの記事

Adobe Character AnimatorでVTuber！頭だけパペットの作り方
Adobe Character Animatorを使って、自分が作ったパペットと呼ばれるキャラクターを身振り手振りに合わ [続きを読む]
CyberduckのブックマークをMac間で移行する方法
Macで（Windowsも）手軽に使えるFTPソフトといえば「Cyberduck」ですが、複数のMacで使用する場合、こ [続きを読む]
ホームページに載せる写真を撮るおすすめカメラは何がいい？
ホームページに掲載する写真ですが、手持ちの資料が揃わないことも多く撮影が必要になることもあります。そんな時に撮影するカメ [続きを読む]
Adobeソフトをお得に安く買う方法！画像付きで解説【ヒューマンアカデミー版】
デザイナーが仕事するなら必須のAdobeソフトですが、普通に公式サイトで買うと年間７万円以上かかって高い！ので、少しでも [続きを読む]