THOR」へ変更しました。構築方法プラグインオウンドメディアここあです。アップデート(スモールアップデート)上記に書いてないスモールアップデートまで含めると...ここ3ヶ月で合計8回のアルゴリズムアップデートが行われています。サーチコンソールでみるとご覧の通り、表示回数激減(泣)というのも、これまで何の問題もなくサイト運営ができていたしそれこそサーチコンソールの表示回数は毎月うなぎ登りに上昇していたので初めての激減だったんですね...^^;なぜ私がそこまで焦ったかと言うと...PV数の減少理由が全く分からなかったからです。サイト評価が下がるような心当たりがあれば話は別ですが、私の場合は特にサイト評価が下がるようなこともしていないのでGoogleのアルゴリズムがアップデートされたという事実が分かるまで、本当にワケが分からずただ悶々とした日々を過ごしていました...^^;今でこそ、それが分かっているので素直にアップデートの現実を受け入れられるしPV数は若干減ったものの、平均順位は爆上がりしていてアクセス数(訪問数)やユニークユーザー数自体は以前と変わらない状況に落ち着いているので単なる取り越し苦労だったか...と思いつつもやはり、常に良質な記事を着実に増やしながらサイト運営していかないといつ何が起こるか分からないという恐怖を改めて実感しました...^^;そんな状況になったことで表示回数の減少には必ず何か原因があるに違いないと、それをきっかけに私もいろいろと自分のサイトを探ってみたんですね。結局のところ、PV数(閲覧数)の減少理由は、9月のBirthdayアップデートとは直結しませんでしたがそれでもPV数の減少理由を探ったことで私のサイトは表示速度が「ヤバいぐらい遅い!」ということに気付いたのです...^^;47点って...。WordPressを高速化させる6つの方法!まとめサイトの表示速度を上げるメリットとは?そもそも、なぜWordPressを高速化しなければならないのかを先にご説明致します。サイトの表示速度を上げるメリットは以下の2つ。×マークをクリックしてページを閉じた...。私は何度もあります(笑)つまり、表示速度が遅いサイトというのは記事を読んでもらうどころかサイトすら見てもらえないんですね...^^;それを裏付ける理由としてGoogleが公式に発表しているこんなデータがあります。読み込みにたった5秒かかるだけで※とは言っても、5秒の体感時間はかなり長く感じます...直帰率が90%もアップしてしまうというとんでもないデータが出ています...^^;このデータから「サイトの表示速度がいかに大事か?」ということがお分かりいただけますよね...。ユーザビリティが悪いということになるワケです。2)表示速度が速いとSEOにも効果があるサイトの表示速度が上がることでユーザビリティが向上すれば当然のことながらSEO効果は高くなります。検索ユーザーは表示速度が遅い人よりも速い人のサイトを優先的に開こうとしますからね...。SEO効果が上がるというのはそういった人間の行動心理によるものだけではありません。以下、Googleの公式サイト「ウェブマスター向けガイライン」でもページの読み込み時間を最適化します。表示の速いサイトはユーザーの満足度を高め、ウェブ全体の質を向上させます(特にインターネット接続速度が遅い場合)。ツールを使用してページの読み込み速度をテストすることをおすすめします。Google公式「ウェブマスター向けガイドライン」より引用このように、表示速度の速いサイトはユーザーの満足度を高めるとはっきりと書いてありさらに、Googleの「ウェブマスター向け公式ブログ」には...検索ユーザーはできるだけ早く質問に対する回答を見つけたいと考えています。研究(英語)では、ユーザーはページの読み込み速度を非常に気にかけていることがわかっています。シグナルとして使用されていましたが、それはデスクトップ検索を対象としていました。月よりページの読み込み速度をモバイル検索のランキング要素として使用することを本日みなさんにお伝えしたいと思います。「Googleウェブマスター向け公式ブログ」より引用PCにしろスマホにしろWebサイトの検索ランキングにもサイトの表示速度を評価の対象にするということが、明確に発表されているんですね。SEO対策と聞くと...必死にキーワード選定をして記事を上位表示させなきゃなんて考えている人も多いと思いますが検索ランキングに反映されるのは何もキーワードや記事の質だけではありません。がんばって記事を書いてもサイトの表示速度が遅いというだけで記事を読んでもらえる可能性すら低くなるのでサイトの表示速度も意識しながらユーザビリティの高いオウンドメディアを構築していく必要があります。逆に、表示速度が遅いだけでサイトが見てもらえないなら重視すべきは、むしろ、記事の質よりもサイトの表示速度の方かもしれませんね...^^;サイトの表示速度をチェックしてみよう!それではまず、サイトの表示速度をチェックしてみましょう。オウンドメディアの運営に慣れている方には今さら説明するまでもありませんが...まだオウンドメディアの運営を始めたばかりの初心者さんはご存知ないかもしれません。いうことで、以下2つのサイトにアクセスしてあなたのサイト表示速度を計測してみましょう。Insightsではサイトの表示速度を測定・評価してくれるだけでなく...何をすれば高速化できるかも教えてくれます。日本語にも対応しているので、非常に分かりやすいです^^使い方も至って簡単。InsightsへGTmetrixこちらの「GTmetrix」も非常に利用者が多い人気のツール。時間帯によっては分析までに300件待ちなど...少し時間がかかる場合があるのでもしも混んでいる場合は少し時間をずらしてアクセスしてみてください。Insightsにはない情報も教えてくれるので片方のツールだけで分析せずに、これら両方のツールを上手く使って分析することをお勧めします。Insightsと全く同じで...GTmetrixにアクセスするあなたのURLを入力するAnalyzeをクリックするこれだけです^^あなたのURLを入力して、Analyzeをクリックするとこのように分析結果が表示されるので分析結果は全て英語ですが...とりあえずあなたのサイト表示速度をチェックしてみてくださいね。上記2つのツールでサイトの表示速度をチェックして私のように「げっ!やばい!」という結果が出たあなたは引き続き、WordPressの高速化を目指してサイトの表示速度を改善していきましょう^^私が実際に行った表示速度の改善方法は以下の5項目です。画像のファイルサイズ(容量)を圧縮するプラグインを見直して変更するWordPressを高速化するプラグインを新たに追加するPHPのバージョンを見直す(エックスサーバー)サーバーの高速化機能を設定する(エックスサーバー)WordPressテーマを変える順番に説明していきますね。WordPress高速化対策1:画像ファイルの圧縮ブログの運営には、読者の気を惹くアイキャッチ画像や記事の補足となる写真画像は欠かせません。私は7月〜8月にかけて全ての記事をリニューアルしつつ、アイキャッチ画像も全て変更。その上、photoshopを使って高解像度の画像をブログに反映しているためファイルサイズ(容量)の圧縮は必須でした。それにも関わらず、私はひとまず記事がリニューアルできてからでいいやと画像のファイルサイズを圧縮せずに放置していました。TinyPNGで全て再圧縮(手作業です)※作業は丸2日かかり、超面倒でした...(笑)パンダが可愛いTinyPNGのサイト。TinyPNGへTinyPNG使い方は至って簡単。圧縮したい画像をドロップするだけ。Optimizerで圧縮した時点での画像のファイルサイズは全部で320MBだったのですが...TinyPNGで圧縮したことで225MB。Optimizerで圧縮してもサイトの表示速度にはそれほど影響しないということを知っていたので今回、プラグイン以外で画像を圧縮する方法を実行したんですね。普段画像を圧縮せずにそのままライブラリにアップしているという場合は先にTinyPNGで圧縮してからライブラリに登録することをかなりおすすめします^^ただし、画像ファイルをTinyPNGで圧縮する場合は1回につき(ドロップ可能な)ファイル数は20枚までドロップできる画像の容量は5MBまでという制限があります。無料で画像を圧縮できるのは1ヶ月で500枚までという制限があります。画像を圧縮する枚数は1ヶ月で500枚を超えると501枚目以降は、1枚につき個別に利用料がかかるので※クレジットカード情報を登録していない場合は500枚に達した時点で画像の圧縮が行われなくなります。1ヶ月間で500枚もアップするという方はさすがあまりいないと思いますが...^^;それでも「登録が面倒だ」という場合は私のようにチマチマと時間をかけて圧縮してみてください(笑)※サイトからの圧縮は月間の枚数制限はありません。2018とフォルダを辿れば、画像ファイルが見つかります。※上記はエックスサーバーを利用している場合FTPソフトFileZillaの使い方はこちらをご確認ください。FTPソフトFileZilla(ファイルジラ)のインストール方法と使い方WordPress高速化対策2:プラグインを見直して変更するあなたはWordPressにどんなプラグインを導入していますか?また、プラグインに関してはどこまで調べましたか?私の場合はWordPrsssを始める時にたくさんのサイトを見て、おすすめのプラグインをいくつかピックアップしつつ必要最低限なプラグインを導入しているつもりでした。調べ直してみると面白いもので...自分が導入するのが当たり前だと思っていたプラグインが実はそれほど良くなかったり、サイトの表示速度を落としてしまう重いプラグンもあったんですね^^;なので、私はこれまで当たり前のように入れていたプラグインを見直して入れ替えることにしました。Postsこれらのプラグインはサイトの表示速度を遅くする要因にもなり得るので似たような機能があなたのテーマに実装されている場合は、まずプラグインを無効化することを検討しましょう。Anti-Spamに関しては...プラグインが重いということだけでなくスパムを防止する効果がありません。Anti-Spamのスパム防止効果はスパムコメントやスパムメールを自動で振り分け、視界に入れなくすると言うものです。reCaptcha」を採用しました。reCaptcha両方採用しています。reCaptchaというのはコレです。reCaptchaは...スパム機能の防止だけでなく、過去の端末操作やサイトのサクセス履歴を元に、操作を行っているのが人か、ロボットかを自動的に判別する機能まで備えています。reCaptchaの認証機能を採用していれば、ほぼ全てのスパムコメントは防止(投稿を防ぐ)することができるようになるんですね。私はコメント欄を閉じていますがお問い合わせフォームの方でバッチリこのreCaptchaを採用しています。※ユーザビリティは下がりますが、スパムからサイトを守ることはかなり大事です。reCaptchaを導入してみてください。Postsを外す代わりに無駄なデータをキャッシュしないよう設定だけ変更しました。Postsは不要です。Postsを導入してデフォルトのまま、特に細かい設定をしていない場合は設定を見直すことでWordPressを高速化できることもありますのでぜひチェックしてみてくださいね。Postsをクリックし以下、ツールをクリックすると設定画面が開きます。ちなみに、私が行った設定は以下の通り。閲覧を記録する対象者:訪問者のみログ上限:データ保存期間30日ウィジェットをAJAX化:無効WPPキャッシュ期限ポリシー:キャッシュするキャッシュの更新感覚:1日データサンプリング:有効サンプル率:100私はこれまでログの上限を無効にしていたためログファイルがどんどん増えていました^^;なので、あまり過去すぎるログがあっても仕方がないので、上限は30日で設定しました。実際の設定画面はこちらさらにこれまでずっと貯めていた過去ログをリセットするため全てのキャッシュデータも削除しました。キャッシュデータを削除すると、これまで表示されていた人気ランキングが全て消えますのでご注意ください。※「データがまだありません」と表示されます。キャッシュデータを一度「全てリセットしても良い」という場合は設定画面の下にあるキャッシュを空にするすべてのデータを削除2カ所ともクリックしてください。しつこいようですが...^^;キャッシュデータを削除すると、これまで表示されていた人気ランキングが全て消えますのでご注意ください。※「データがまだありません」と表示されます。「これまでの人気ランキングは消えてOK!」という方だけ、キャッシュを削除してくださいね。キャッシュのクリアに関し、私は一切の責任を負いませんので必ず自己責任で進めてください。WordPress高速化対策3:プラグインを新たに追加するWordPressにはサイトを高速化するためのプラグインもたくさんあります。...画像ファイルのサイズ(容量)を圧縮する画像の読み込みを遅延させるプログラムコードを圧縮するブラウザキャッシュを活用するなど様々な便利なプラグインがあるんですね。プラグインの種類によってはあなたが使っているテーマと相性の悪いプラグインもありますのでプラグインを導入する前には必ずバックアップを取ってあなたのテーマの公式サイトで非推奨になっていないかも合わせて確認するようにしてください。Optimizer」というプラグインがおすすめです。気休め程度にしかならないかもしれませんがそれでも、何もしないよりはやっておくに越したことはありません。このプラグインはWordPressに画像をアップデートする時に自動で画像ファイルの容量を圧縮してくれるだけではなくすでにアップロードしてある画像も圧縮できるので便利です。Loadというプラグインはサイトページを開く時に全ての画像ファイルを一気に読み込まずスクロールに応じて必要な画像を読み込むプラグインです。最初に全てのデータを読み込まないので、その分だけページの表示速度が早くなるというワケなんですね。LoadはSTORKに限って言えば公式サイトでは非推奨なプラグンとして指定されていますが私は問題なく使えているので、採用しています。がって助かってます^^AFFINGER5にはデフォルトで画像の読み込みを遅延させる機能が実装されているのでこのプラグインは不要です。コードを圧縮できる人気プラグインAutoptimizeHTMLや、CSS、JavaScriptファイルの容量が重いとサイトの表示速度が遅くなります。ファイル容量だけでなく読み込むべきファイル数が多くなっても同じです。装飾系のプラグインとなると...複数のCSSやJavaScriptを読み込む必要があるためサイトの表示速度を遅くする原因にもなってしまいます。そんな複数のCSSやJavaScriptを結合してそれぞれを1つにしてくれたり、コードの余白部分や改行をなくしてファイルサイズを軽くしてくれるコードを圧縮するためのプラグインとして人気なのが、このAutoptimizeです。このプラグインを入れるだけでかなりサイトの表示速度が改善します^^※入れなきゃ損ですね...ただし、設定の仕方によってはJavaScriptが上手く機能せずサイトの表示が崩れたりもしたのでサイト表示が崩れた時は一度全ての設定をリセットして、1つずつ不具合が出ないか確認しながら設定し直してみてください。設定箇所はそれほど多くはありませんし効果はしっかりと出るので、導入しないよりはベストな設定を探す方が、今後の運営にはプラスになります。最悪は有効化しておくだけでも大丈夫なのでぜひ導入してみてくださいね^^ブラウザのキャッシュを活用できるプラグインWordPressにはブラウザキャッシュを活用できるプラグインがあります。ブラウザキャッシュを活用するというのはどういうことかと言うと...通常は、新しいWebページを開こうとするとサーバーから全てのデータを読み込んでくるのでサイトが表示されるまで時間がかかってしまいます。ブラウザキャッシュを活用することでユーザーが同じページを開こうとした時に直接サーバーからではなく、ブラウザに保存されたキャッシュデータから読み込んでくれるのでその分、表示速度が早くなるというワケなんです。私は以下2つのプラグインでブラウザキャッシュを活用しています。Cacheの方が設定画面もシンプルで簡単。WordPressの開発元であるAutomattic社製なのでひとまずはこちらのプラグインを入れて様子を見ています。Cacheは、SNSのカウント数を各サービス(TwitterやFacebookなど)に接続して読み込んでからユーザーに表示させるのではなくキャッシュしたデータをユーザーに表示させることで表示速度を改善するプラグイン。SNSのシェアボタンを活用していたり、シェア数を表示させている場合には、このプラグインは非常に有効です。※ただしその分、正確なシェア数の反映が遅いというデメリットがあります。WordPress高速化対策4:PHPのバージョンを見直すここからはサーバー上での設定となります。WordPressはPHPというプログラミング言語で動いてるので、サーバーで設定されてるPHPのバージョンによって処理速度は変わってきます。以下はエックスサーバーでの確認・変更方法になりますのでエックスサーバーを使用しているあなたはPHPのバージョンも確認してみてくださいね。場合によっては、PHPのバージョンを変えるだけで表示速度が変わる可能性がありますよ^^PHPのバージョンを変更する方法(エックスサーバー)まずはエックスサーバーのサーバーパネルに移動しましょう。Ver.切替をクリックしてください。Ver.切替をクリックするとドメインの選択画面に移動するのでPHPのバージョンを変えたいドメインを選択します。ドメインを選択すると、現在設定しているPHPのバージョンが分かります。続いて、変更後のバージョンの部分にあるプルダウンメニューから、最新の推奨バージョンを選択しPHPバージョン切替(確認)ボタンをクリックします。PHPバージョン切替(確認)ボタンをクリックすると...PHPバージョン切替(確定)ボタンに切り替わるのでPHPバージョン切替(確定)ボタンをクリックしましょう。最後に「PHPのバージョンを変更しました」という表示が出たらPHPバージョンの切り替えは完了です。「Xアクセラレーター」という何とも速そうな機能があります^^私もこの機能を設定してますが正直、ネットユーザー以上にオウンドメディアの運営者である私の方が体感速度の変化を実感できた機能といっても過言ではありません。エックスサーバーを利用している場合はぜひ設定してみてください。おすすめです^^Xアクセラレーターの設定方法Xアクセラレーターを使うにはまずエックスサーバーのサーバーパネルに移動します。エックスサーバーへサーバーパネルに移動したら画面下にある高速化という項目内のXアクセラレーターをクリックしましょう。Xアクセラレーターをクリックすると、ドメイン選択画面が表示されるので高速化したいドメインを選択してください。ドメインを選択したら、Xアクセラレータの設定画面が表示されるので、推奨設定である「ON[静的ファイル]」を選択して、設定変更(確認)をクリックしましょう。設定変更(確認)をクリックすると...再度確認画面が表示されるので設定変更(確定)をクリックして設定を確定させてください。最後に以下「変更しました」のメッセージが出ればXアクセラレータの設定は完了です。WordPress高速化対策6:ワードプレステーマを変更するこちらはある意味最終手段になります^^;私はここまで解説した上記5項目を試し、サイトの表示速度を改善しました。THOR(ザ・トール)」に変更しました。THOR」にはサイトの表示速度を速める最新の技術が多数実装されているテーマだからです。自分のサイトを高速表示できないかとWordPressテーマそのものを変更したわけですがテーマを変更したことで、自分でも驚きほどの表示速度に変わりました。THOR(ザ・トール)」の導入も検討してみてくださいね。その理由については以下の記事でご確認ください。THOR」に変更した理由WordPressを高速化させる6つの方法!まとめ今回私がお伝えしたWordPressを高速化させる方法はあなたが運営しているサイトのボリューム(記事の多さ)などによっても、当然、効果の出方は変わります。先にもお伝えした通りWordPressの高速化はユーザビリティの向上につながるGoogleのサイト評価にも影響するという2つの大きなメリットがあります。最近アクセス数が何となく減ってきたと感じている場合は、サイトの表示速度が遅くなってネットユーザーにアクセスすらされていないなんてことも考えられなくはありません^^;だから、記事の質はもちろん大事ですが...アフィリエイトバナーをたくさん貼っているCSSなどでブログのカスタマイズをガッツリしているなどの理由によりサイトの表示速度が下がっている可能性も十分あり得るのでぜひ一度サイトの表示速度をチェックしてみてサイトの速度評価が70点以下の場合は表示速度を改善するように努めてみてください。サイトの表示速度は速いにこしたことはありませんがさすがに記事すらない初期状態でないと...100点近くの数字を出すことは難しいので最低ラインとしては70点辺りを目安にしてみるといいと思います。THOR」へとテーマを変更した後の結果です。言え、私にはスマホ版の表示速度改善という課題が残っています。大事なのは、こうしていろいろなことを少しずつ検証しながら勉強し自分の知識として蓄えていくことが重要ではないでしょうか?なので、これを機にぜひあなたも一度サイトの表示速度をチェックをしてみて速度評価が悪い場合は、その原因を探りながらいろいろと改善策を練ってみてくださいね。一流の開発陣によって集客と収益に徹底的にこだわり開発された究極のテーマ「ザ・トール」。reCAPTCHAの導入方法!この記事を書いた人ここあデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。詳しいプロフィールはこちら人脈が成功への最短ルート!私がMonologueを勧める理由WordPress設置代行始めました!※設置代行はメルマガ読者限定です。THORSTORKここあデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。●20年サラリーマンをしてきてなぜ今になって脱サラしたのか?●安定を求めれば求めるほど不安定になる理由とは?●いくら知識があっても、あなたが絶対に成功できない理由など、無料メール講座本編では、決して表には出せない秘匿性の高い情報もたくさん提供していきます。※この無料メール講座は、私が有料セミナーで直接成功者たちから聞いた内容も多数含まれているため、予告なく募集を終了する可能性があります。印刷会社と取引がある制作プロダクションで様々な経験や実績を積み、2017年に独立。現在は、グラフィックデザインを生かしたWebデザインのビジネスを展開しながら、ネットを生かした情婦発信を行い、新しい働き方や楽しい人生の過ごし方についてもお伝えしています。