金風株式会社ブログ

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

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

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

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

ブログを26本公開してもGoogle検索にほとんど表示されなかった原因は、サイトマップに存在しないURLが出力されていたことでした。実際に起きた不具合をもとに、原因の切り分け方、確認方法、修正方法を解説します。

iPhone（iOS）でGoogleChromeアップデート後、Chromeでスクロールするとページが勝手に上へ戻る、ヘッダーの下にコンテンツが隠れるなどの症状を検証。Lenis、CSS、固定ヘッダー、JavaScriptを順番に切り分け、Webサイト側ではなくブラウザ側の問題と判断した実例を紹介します。

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

Webサイト、SNS、ネットショップなどに同じ情報を何度も入力していませんか？情報を一元管理し、APIを使って複数の媒体へ配信する仕組みを、具体例とメリット・デメリットを交えて解説します。

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

XServerにSSHで接続する方法を初心者向けに解説。SSHの基礎から、Windows・Macでの接続、configファイルの設定、公開鍵認証、基本コマンド、接続できない場合の確認方法まで紹介します。