メインコンテンツに移動

ホームページ制作・Web運用

実案件でどう判断したか。設計の意図とトレードオフの記録。

ホームページ制作の維持費を抑えるCMS化の仕組みと費用比較

更新するのは新着情報だけなのに、WordPressの保守費を払い続けていませんか?静的HTMLとCMSを組み合わせる「部分CMS化」について、5年間の維持費の試算、セキュリティ上のメリット、向いている企業や導入時の注意点を解説します。

続きを読む :ホームページ制作の維持費を抑えるCMS化の仕組みと費用比較

サイトが遅いと言われたら|PageSpeed改善の実測値と100点にしない判断

自社サイトの表示速度を58点から61点へ改善した実測記録です。Font Awesomeの自社設置、Google Fontsのウェイト削減など実際の作業と数値を公開します。あわせて、100点を目指さなかった判断とその理由を解説します。

続きを読む :サイトが遅いと言われたら|PageSpeed改善の実測値と100点にしない判断

JavaScriptを使わないヘッドレスCMS|SSIで検索にもAIにも届く仕組み

Googleクローラーは必ずしもJSを実行しません。ヘッドレスCMSがSEOに弱いのではなく、JavaScriptで描画する方式が弱いのです。配信前にHTMLを完成させるSSI方式なら、データと表示を分離したまま検索エンジンにもAIにも通常のHTMLとして届きます。

続きを読む :JavaScriptを使わないヘッドレスCMS|SSIで検索にもAIにも届く仕組み

静的HTML・自社CMS・Drupalを1つのサイトで併用する設計|3つの仕組みをどうつなぐか

静的HTML・自社CMS・Drupalを1つのWebサイトで併用する構成を実例で解説。SSIやHTML断片を使って、会社案内・新着情報・ブログをそれぞれ適した仕組みで管理する方法と、そのメリット・注意点を紹介します。

続きを読む :静的HTML・自社CMS・Drupalを1つのサイトで併用する設計|3つの仕組みをどうつなぐか

静的サイトとCMSを併用すると起きる「共通パーツのズレ」|二重管理をやめる方法

静的HTMLとDrupalを併用した自社サイトで、古いCSSや旧SNSリンク、異なるボタン実装など5つのズレが発生。共通パーツを二重管理することでなぜ不具合が起きるのか、原因と改善方法を実例で解説します。

続きを読む :静的サイトとCMSを併用すると起きる「共通パーツのズレ」|二重管理をやめる方法

WordPressのように更新できるのに公開サイトは静的HTML|CMSと表示速度・セキュリティを両立する仕組み

当社のサイトは、WordPressのような管理画面から更新できますが、公開されるのは静的HTMLです。更新時だけHTMLを生成し、閲覧時は完成したファイルを配信する仕組みと、そのメリット・デメリットを解説します。

続きを読む :WordPressのように更新できるのに公開サイトは静的HTML|CMSと表示速度・セキュリティを両立する仕組み

Web制作でデザインを決める前に決めておくこと6つ|CMS・HTML・CSS設計

配色やフォントより先に決めておくことがあります。CMSが出力するHTMLの形、更新箇所の線引き、文字数の幅、CSSの共有範囲。自社サイトで実際につまずいた箇所を含めて6つ挙げました。

続きを読む :Web制作でデザインを決める前に決めておくこと6つ|CMS・HTML・CSS設計

静的HTMLとDrupalを1つのドメインで運用する方法|コーポレートサイトの構成例

静的HTMLとDrupalを1つのドメインで運用する構成を、実際のコーポレートサイトを例に紹介。更新頻度に応じて仕組みを分ける理由や、SSI、シンボリックリンク、CSS共有のメリット・デメリットを解説します。

続きを読む :静的HTMLとDrupalを1つのドメインで運用する方法|コーポレートサイトの構成例

RSSで購読