質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.45%

  • HTML

    11925questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • WordPress

    9162questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • CSS

    7828questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • CMS

    178questions

    CMS(Content Management System)は複数のユーザーでコンテンツを編集することが可能なWebサイトの管理/構築用のプラットフォームを指します。また、会社単位で運用管理するものはECMと呼びます。

  • Movable Type

    63questions

    シックス・アパートが開発・提供する,ブログで用いられることの多いCMS製品

WebサイトをCMSで作るかHTML&CSSで作るか?

受付中

回答 6

投稿

  • 評価
  • クリップ 2
  • VIEW 1,235
退会済みユーザー

退会済みユーザー

SEOやユーザビリティを考慮するとHTML&CSSで構築するのが一番良いのではと思います。
皆さんの意見を聞かせていただきたいです。

今回対象にするWebサイトとは情報発信系のもので、SNSなどのサービスではないです。

CMSの場合、制作者である我々は楽に作れると思います。色々プラグインとかサイトの記事を記述するエディタなど用意されているからです。

ですが、HTMLやCSSなどのコードを自分で圧縮(空白やインデントを除去)したりすると、読み込み速度など向上するかなと思います。それによってSEOにもプラスになると思います。

またCMSのカスタマイズ以上にカスタマイズしやすいかと思います。それだけ制作者の負担は増えますが。

制作者のことを考えるならCMS。
ユーザ&SEOを考えるならHTML&CSSをガリガリかく、という風に思います。

皆さんの意見を是非お聞かせください!

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 6

+3

SEOやユーザビリティを考慮するとHTML&CSSで構築するのが一番良いのでは

CMSで良いです
現代のCMSはSEOに対応できます。

とくにブログのように際限なくページが増えていくコンテンツは、
制作コストを減らすために、HTML手打ちよりCMS一択です。

それにじつは、SEOだけとっても、CMSの方が有利だと見ています。
なぜなら、CMSは更新しやすいので、テキスト量や更新頻度を多くでき、
それが結果的に検索エンジンに評価されるだろうからです。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/09/19 16:39

    「静的ジェネレータ」を忘れてましたが、CMSと同列の扱いです。
    たんに「サーバの外で動くCMS」という位置づけで捉えています。

    キャンセル

+3

私は第三の選択として、静的サイトジェネレータをお勧めします。

静的サイトジェネレータというのはクライアントで動くCMSのようなものです。たとえば、ブログサイトであれば、日々のブログはMarkdownで作成することになります。静的サイトジェネレータで変換を行うと、HTMLが作成され、その日のブログだけでは無く、目次やカレンダーなども自動的に再生成されます。これらはすべてクライアントでの作業です。あとは、同期アップロードでサーバにアップするだけです。

下記の利点があります。

  • CMSのようにサーバにデータベースやCMS自体をインストールする必要がありません。データベースやPHPが使用できないようなサーバでも使用できます。
  • サーバにあるの静的なコンテンツですので、高速です。
  • 連続する空白等を削除する圧縮(minify)等もコンテンツ生成時に自動的に行うことができます。
  • Markdown、PugやSass、TypeScriptなどが使用できる場合があります。
  • ライブプレビューも用意されているため、テキストエディタとWebブラウザだけで開発ができ、高価なWebオーサリングツール(Dreamweaverやホームページ・ビルダー等)が不要です。

ただし、欠点もあります。

  • 静的サイトジェネレータを構成する言語について知識が無いと、使いこなすことは難しいです。

「静的サイトジェネレータ」で検索すれば、いくつか解説サイトが見つかりますので、一度見てみてください。汎用的な物で有名なのはHugoとMiddleman、ブログ作成で有名なのはJeykll、Octopress、Hexoでしょうか。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+1

自分でガリガリ書くと手間がかかりますので、CMSでいいと思います。
CMSを使っても、ソースを圧縮したりすることはできます。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+1

情報発信系のサイトということで、
更新頻度が高くページ数も多くなると予想されるのでCMSでいいと思います。

SEOに関してもしっかり考えてテンプレートを作れば大丈夫です。<あくまでコード上の話で

ソースコードの圧縮に関しては体感できるほどの差はないかと…
体感できるレベルのコード量なら見直したほうがいいです。
更新のとき大変なことになるので。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+1

SEOやユーザビリティを考慮するとHTML&CSSで構築するのが一番良いのではと思います。

関係ないと思いますよ?SEOやユーザビリティは、コーダーやプログラマー、デザイナーのスキルレベルに左右されると思います。

頻繁に更新されるサイトであればCMSを導入した方が、コンテンツの管理が楽になると思います。ただ、CMSを導入した場合、CMSの管理コストもあるので、その辺りはプロジェクトの予算とか考慮して導入するのがよいと思います。ウェブサイトやウェブサービスは、作る→公開→ゴールではなくて、公開してからが本番ですからね。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+1

更新頻度が高い情報発信サイトであればCMS一択じゃないでしょうか。(静的サイトジェネレーターも含め)
動的に生成するCMSサイトがインデックスされにくかったのははるか昔の話です。
ちゃんと作っていれば今はその辺は気にしなくても大丈夫ですよ。
SEOを考えるならそれよりコンテンツの質と量の両方が重要です。
いちいちHTML書かなくても更新ができるCMSの方がその点で手運用より確実に有利ですよね。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.45%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • HTML

    11925questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • WordPress

    9162questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • CSS

    7828questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • CMS

    178questions

    CMS(Content Management System)は複数のユーザーでコンテンツを編集することが可能なWebサイトの管理/構築用のプラットフォームを指します。また、会社単位で運用管理するものはECMと呼びます。

  • Movable Type

    63questions

    シックス・アパートが開発・提供する,ブログで用いられることの多いCMS製品