Web制作全般

サイト表示速度改善のご依頼例

ホームページのSEO対策・サイト表示速度改善を現在検討しております。是非御社に見て頂いて効果的なSEO対策の見積もりをお願いします。

サイトにおいて、モバイル対応ページになっているのですが、モバイルサイトスピードチェックを掛けると、40パー程度しか対応になっていない?せいか、seo順位でも、PCサイトは一ページ目に当サイトが狙っているキーワードで表示されているにも関わらず、スマホページでは圏外だったりするので、このパーセンテージと言う物が上がっていないせいかと思いまして。ちゃんとしたスマホ対応サイトにしたいのですが、どのくらいの費用でして頂けますでしょうか。因みに画像の縮小や、分かること・出来ることはすべて致しました。よろしくお願い致します。

現在、こちらで運営しているWordpressで作成したWebサイト(30記事ほど)を以下の形で置き換え表示を高速化したいと考えております。

依頼要件
・元サイトをベースに別ドメインとして作成(完全に別サイト)
コピーサイトではあるが、あくまでも記事リライトを入れたサイトとして作成

・サイト構成は基本的には元サイトのまま、サイト表示を高速化する

・使っているWrodressのテンプレートは変更する

・記事については、書いている主旨は合わせた上で変更できるところは変更する
・記事タイトル
・ディスクリプション
・書き手の感想にあたるような文章(主観部分)
・記事内で使っているイメージ画像
(変えない/流用する部分)
・記事内で使用しているデータ情報
・記事内で訴求しようとしている内容

・トップページについても個別記事と同様に変更できるところは行う

実際にご依頼される際は、「表示が遅い」と感じたページをピンポイントで挙げたうえで、簡易診断→改善提案→作業実施という流れが一般的です。

サイト構成はWordPress、10ページ程度、写真を多く使用

「会社紹介ページを営業先に見せようとしたら、モバイルで表示されるまでに10秒以上かかった。サイトが重すぎて印象が悪い」

「SEO対策として表示速度改善が必要だとアドバイスされたが、何をすればいいかわからない。自分では手を出せない」

調査と課題発見

PageSpeed Insightsのモバイルスコア:27点(100点中)

原因の多くは以下の通り:

フルHD画像をそのまま掲載(圧縮なし)

スライダー機能に重たいJavaScriptを使用

未使用のCSS・JSファイルが複数読み込まれていた

実施した改善内容

画像のWebP化+サイズ圧縮

使用していないJSライブラリを削除し、必要な機能に限定

キャッシュ制御を導入(ブラウザキャッシュ、有効期限設定)

モバイル向けには画像遅延読み込み(lazyload)を適用

サーバー側でGzip圧縮を設定

調査結果と課題

GTmetrixのスコア:パフォーマンスF評価(50点台)

プラグインが20個以上有効化

外部読み込みフォントが複数種類あり、レンダリングを遅延

JavaScriptがすべてヘッダーで読み込まれていた

実施対応

不要なプラグインの整理・削除(特に重複機能のもの)

Google Fontsの読み込み最適化(フォントの統一・表示の遅延)

JS読み込みをフッターに移動し、レンダリングブロックを軽減

WordPressのキャッシュ系プラグイン導入

CDN導入により遠距離アクセスの高速化