メインコンテンツに移動

Webの豆知識

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

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を併用すると起きる「共通パーツのズレ」|二重管理をやめる方法

Google検索に会社のSNS投稿が表示された理由|WebサイトとSNSをつなぐエンティティ設計

Google検索で会社のSNS投稿が表示された事例をもとに、Webサイト・会社情報・SNSを同じ事業者として理解してもらうための考え方を解説。構造化データ、Googleビジネスプロフィール、プロフィール情報の整合性、Search ConsoleのPlatform propertiesまで、Web制作者の視点から整理します。

続きを読む :Google検索に会社のSNS投稿が表示された理由|WebサイトとSNSをつなぐエンティティ設計

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

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

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

Drupalを選んだ理由|WordPressや他のCMSを使わなかった理由

「自社でCMSを作っているのに、ブログは別のもので動いているんですね」

先日、そう言われました。

そのとおりです。

このブログはDrupalで動いていて、今回は弊社が開発している独自CMSを使っていません。

隠すような話ではないので、最初に書いておきます。

むしろ、自社製品を作っている会社だからこそ、なぜ別のCMSを選んだのかを説明できなければいけないと思っています。

続きを読む :Drupalを選んだ理由|WordPressや他のCMSを使わなかった理由

内部リンクを10本追加したらサイトリンクが出た|Googleにサイト構造を伝える方法

社名検索で主要ページが表示される「サイトリンク」は、こちらから直接指定できません。当社サイトで本体サイトからブログへの内部リンクを10本追加した数日後にサイトリンクが表示された事例をもとに、サイト構造をGoogleに伝える考え方と確認ポイントを解説します。

続きを読む :内部リンクを10本追加したらサイトリンクが出た|Googleにサイト構造を伝える方法

Xは流れるSNSではなくなった|それでも自分のWebサイトを持つ意味

Xは投稿を流すだけでなく、長文コンテンツやおすすめ表示によって情報を発見してもらえる場所になっています。それでも自分のWebサイトを持つ意味はあります。X・ブログ・Webサイトの役割と、コンテンツを資産として残す方法を整理します。

続きを読む :Xは流れるSNSではなくなった|それでも自分のWebサイトを持つ意味

RSSで購読