SEOの対応、プラグイン情報、カスタマイズ方法を解説します。2015/08/01Webサイトを高速化する意義WordPressを高速化しましょう。理由は↓こんな感じです。Webサイトは、ユーザにとって快適なサイトであるので、Googleはそれをプラス評価しますよ、と言う話ですね。PVが増えていきますよ、と言う話ですね。PVは伸び悩みますよ、と言うことですね。Googleの評価対象になっているわけですが、つい最近の記事としては、スマホの検索ページには「このサイトは遅いよ!」とマークを表示することを実験中だということも確認できています。Webサイトは上位表示にも影響があり、表示されてもクリックされにくくなるというダブルパンチの状況になるワケですね。(日本の場合は、モバイルの通信スピードは固定回線と変わらないスピードを実現していますが、世界的に見た場合そんな環境は稀有だということですね。.htaccessやサーバの話を書いていますので、WordPressユーザに限らず役に立つはずです。スピードアップの直接的なメリットちなみに、サイト表示の高速化のメリットはもっと直接的なところにもあります。この記事で紹介したような対策をしたところ、AdSenseからの評価も高まりました。AdSenseからの評価が高まったことで、実際の広告収入の増加につながったかどうかは分かりません。広告収入に関しては不確定要素が多すぎるためですが、少なくとも順調には増えている!という状況ではありませんので...また、SEOだけではなく、広告を出す場合も高速化のメリットがあります。リスティング広告の落札額に影響してくるからです。リスティングの広告を出す際の単価計算には、広告から流入させるサイト(ページ)の品質によって単価を変える仕組みが存在しています。その品質の中には「表示スピード」も含まれているからです。そのため、サイトの表示を高速化することは、サイトの品質が高いと見なされ、広告単価を引き下げる要因になるのです。WordPressサイトのスピード測定です。高速化すると言っても、自分のサイトの表示スピードがどのような評価を受けているかを知らないと、対策を行ってもどう変わったかが分かりません。Webサイトのスピード測定するサイトです。2つのツールが有名なところです。Insights」の方が上です。SEO的には何の問題もありません。time」のように、毎回大きく変わる項目もありますので、結果そのものに一喜一憂するというよりも、提案される改善提案を一つ一つ確実に実行していくという姿勢が大事になってきます。WordPressサイトのスピードアップ方法それでは、これ以降は実際にスピードアップのための改善案を書いていきます。プラグインを入れるだけで簡単に対応出来るものから順番に書いていきますので、上から順番に対応していくといいんじゃないでしょうか。WordPressのスピードアップのために使われるプラグインは、いくつかのパターンに分けられます。Optimizer」は画像ファイルを圧縮して高速化するプラグインです。Webページの中で、画像ファイルはテキスト(文字)より圧倒的にファイル容量が大きなものですので、そのファイル容量を圧縮することでサーバからブラウザに情報を送信する部分のスピードアップを図ろうとする仕組みのプラグインです。Optimizerで画像の圧縮でWordPressを高速化」に記事を書いていますが、使い方は簡単です。インストールするだけで、アップロードする画像ファイルは自動的に圧縮してくれるようになります。一括で圧縮してくれるのはメディアを使ってアップロードしたファイルのほか、テーマが利用しているファイルも圧縮してくれるという優れものです。私の場合は、編集する画像を作成する段階からファイル容量を気にして高圧縮のファイルを作成していましたので、このツールは期待したほどの効果はありませんでしたね。68」という「+1」の程度でした。Optimizer」のプラグインに頼る前に、そもそも画像ファイルは作成時からファイル容量に気を付けながら作成する方がいいワケですが、それについて「WordPress、Webサイトの表示高速化!画像を軽くする基本的な考え方」に記事を書きましたので、参考にしてください。jQueryの仕組みとして提供されているものです。解説すると、先にも説明しましたが、テキストよりも画像ファイルは容量が大きいため、表示しない画像は最初に読み込まず、表示する段階になって読み込みをしましょう。することによって、最初の画面が表示される段階では読み込む画像を減らすことができるので、画面が表示されるまでの時間を短縮することができます。WordPressにも多くのプラグイン作られています。Load」と言うプラグインがあります。それぞれ下記に記事を書いていますので、参考にしてください。Load画像が多いサイト、少ないサイトなどサイトとの相性がありますので、一概に「これがいい」とは言えません。いずれもインストールして有効化するだけで効果の確認ができますので、3つともインストールしてみて、それぞれ切り替えながらどれが一番速いかを確認してから選ぶといいと思います。Insights」での実測結果は以下の通りでした。Load」が圧倒的な結果を出しましたのでそれを選んでいます。Load」を紹介しました。Load」のどちらかを選ぶ方がいいでしょう。2つは性格が大きく違います。Load」は、ページ表示のスピードダウンになる要素を画像だけではなく、iframeなども含め総合的に対策することでスピードアップを試みています。.jsファイルも軽く、小さくなるものを選択して作られています。言え、あれこれ考えるよりも実測してみることが手っ取り早くてハッキリします。Load」を「遅延読み込み」「遅延ロード」と表現されることが一般的になりつつありますが、「遅延」という表現がしっくりこないんですよね。Load」は「遅らせている」ものなので、その微妙なニュアンスの違いは表現すべきだと思うわけです。いえ、語彙力が足りずにそれをどう表現していいか分からないのですが、このサイトでは「事後読み込み」と表現しています。「Lazy」の意味を残すため「事後」としていますが、プラグインの意味だけを考えると、「適時読み込み」といった方がより正しく意味を伝えていそうな気がしますね。排除するJavaScriptを縮小するCSSを縮小するHTMLを縮小するの事項の対応を行うためのプラグインです。CSSは個別に圧縮することはできますが、投稿した記事も含めて圧縮してもらうためにはプラグインを使った方が便利です。プラグインをインストールして各設定を行うことで、ファイルは圧縮され、最適な配置となります。Autoptimizeの設定方法については「Autoptimizeで簡単設定!HTML、JS、cssを圧縮しWordPress高速化!」に記事を書いていますので参考にしてください。負荷が高いプラグインを調べるWordPressは、プラグインを利用することで多様な機能拡張ができることも魅力の一つです。プラグインを入れていくとだんだんと処理が重たくなっていくのも事実です。そのため、使わないプラグインは消してしまうことはもちろんのこと、処理が重たいプラグインも消すか、同様の機能を持つ処理が重たくないプラグインに乗り換えることを検討すべきでしょう。Profiler)」が活躍します。Profiler)」は、どのプラグインがどれくらいの負荷になっているかを調べてくれるプラグインですので、表示された内容を確認しながら、負荷が高いプラグインから順番に取捨選択の検討をしていけばいいでしょう。Profiler)で負荷が高いプラグインを調査」に記事を書いていますので参考にしてください。ちなみに、無効化しているからと安心せず、可能な限り削除することをおススメします。無効化されていてもインストールされているプラグインは管理されていますので、更新情報のチェックなどの際に処理が実行されています。「不要なファイルはサーバから消す」というのはセキュリティを考えるうえで必須の話ですが、同じくプラグインもセキュリティ面から残しておくべきではありません。削除しても必要になったならばまた入れれば済む話ですから。データベース内の不要なデータを削除するWordPressには「リビジョン」という履歴保存の機能が付いています。10回保存すると、10倍のデータベースの領域を使っていることになってしまいます。そのため、データベースが重たくなり、スピードに影響が出てきてしまいます。10MBのエクセルファイルを開くのとでは画面が表示されるまでにかかる時間が違うと思いますが、それと同じことなので、使わないと判断したリビジョンのデータは削除して減らしておくこともページ表示の高速化につながります。Revision」がオススメです。WordPressのリビジョンを削除する方法」に詳しい記事を書いていますので、参考にしてください。Revision」の方をオススメします。リビジョンは数百くらいに増えてきたら消す、と言った感じでいいんじゃないでしょうか。ちなみに、数百件くらいの情報を消してもスピードへの影響は誤差範囲内です。数百件くらいでスピードに影響が出てくるなら、数百件の記事を登録してもスピードに影響が出てくるわけで、それくらいで影響が出てくるシステムならこれほどまでに用途が広がるとは思えません。4.7MBに減らすことができましたが、体感的にスピードが変わったとは思えませんでしたね。データベースの容量を減らすことができますので、バックアップの処理にかかる時間を大幅に減らせるというメリットの方が大きいかもしれません。Webサイトで実践できるスピードアップ方法を紹介していきます。WordPressのサイトでも同じように実践すれば効果が出ます。Insights」では、スピードが遅い場合にどのような対策を行えばいいかも提案してくれます。Optimizer」を使うことや「WordPress、Webサイトの表示高速化!画像を軽くする基本的な考え方」で説明しているそもそもの画像を小さく作ることで対応します。mod_deflate、mod_expiresの設定をすることで対応を行います。gzip圧縮し転送する仕組みを提供するモジュールです。HTTP転送が圧縮されることで画面表示スピードが速くなります。mod_expiresを記述してキャッシュを有効化mod_expiresは、Apacheのモジュールで、ブラウザキャッシュの設定を送信するための仕組みを提供するモジュールです。.htaccessに記述することで画像やフォント、JavaScriptなどがブラウザにキャッシュされることで画面表示スピードが速くなります。mod_expiresを設定するソースコード上記で説明した「mod_deflate」と「mod_expires」を有効にする設定のソースは以下の通りです。.htaccessに記述します。Insights」で実測してみた結果は以下の通りです。思っていたほどの効果がなかったのは残念です。そのため、.htaccessで設定する必要はありません。.htaccessで細かく設定を変えながら試してみるのもいいでしょう。Highlighter」が劇的に処理が重いことでした。Highlighter」を違うものに替えようと言う考えがでたわけですが、じゃぁ実際に違うシンタックスハイライト(ソースコードを綺麗に編集してくれるツール)に乗り換えるならどれがいいか、と言うことを検討したものが下記の記事になります。Prettify、SyntaxHighlighterの個別の使い方について書いた記事になります。highlight.jsの設定方法を解説。Prettifyの設定方法を解説。Highlighterから乗換え、高速化にも最適SyntaxHighlighterの設定、カスタマイズ方法を解説。Crayonから乗換え、高速化にも最適プラグインを使わずに実装する方法を書いていますので、WordPress以外のサイトでも利用できます。広告を減らす広告のバナー画像などは、外部のサーバにあり、それを読み込んで表示を行っています。mod_expiresによる設定は、自分のサーバの中にあるものが対象となり、外部のサーバをリンクして処理しているものがは対象外となります。そのため、そもそも処理が遅くなる原因になります。バリューコマースのバナーはさらに重たい処理が実施されているようで、バナーを外すだけでかなりのスピード改善につながります。詳しくは「ブラウザのキャッシュを活用するの対策!広告バナーを消して表示を高速化」に書いていますので参照してください。Optimizer」を使うことで簡単に対応できます。WordPressではなくても「WordPress、Webサイトの表示高速化!画像を軽くする基本的な考え方」で説明したように画像作成の際に意識しておくと小さくすることもできます。PNGだけですが、下記のサイトで圧縮してくれるサービスもあります。https://tinypng.com/https://tinyjpg.com/Webサービスとしては、アナログ的に対応していく必要がありますが、APIも用意されていますので、プログラムを開発することで、一括して圧縮することもできるでしょう。高速なサーバに乗り換えるこのエス技研ブログは、現在(この記事を書いている時点では)ロリポップサーバで運営しています。WordPressを使ってブログを始めるときには非常にありがたい存在なのですが、サーバのスピードという点においてはお値段相応の内容になっています。下記のサイトに仕様やサンプルプログラムを使っての実験が載っています。http://bazubu.com/how-to-choose-wp-server-22864.htmlhttp://rs-hikaku.com/サイトの立ち上げにおいては懐に優しいサーバなのですが、ある程度のアクセス数が増えてきて、スピードアップをすることでよりアクセス数の増加が見込めると判断できる状況にあるならば、サーバに対してもう少し費用を追加して、スペックが高いサーバに乗り換えることを検討する必要があると言えます。詳細は「実測比較・レンタルサーバスピード選手権!WordPressが速いのは?」に記事を書いていますが、多くのサーバには試用期間が設定されていますので、実際に契約をして試用期間で実際にブログを移してみて、サーバの使い勝手やスピード感を確認してみるといいでしょう。実際にこのサイトのブログの移して動作を試してみるとスピードが速くなったことが確認できましたからね。詳細は、「実測比較・レンタルサーバスピード選手権!WordPressが速いのは?」を見ていただくとして、結果は下記のようになりました。--/--イメージしていたほどロリポップは悪くないな、という印象です。X-Serverに乗り換える予定です。Serverに乗り換えるのかは詳しく述べていませんが、下記の記事ではその理由を明確に書いています。ロリポップからX-Serverに引越し。mod_pagespeedの存在がありました。5~15%ほど高速化するのです。mod_pagespeedをよりよく使っていくためのカスタマイズ方法の記事も書いていますので、あわせて参考にしてみてください。Serverはそもそもの考え方が違いますので、設定するべきポイントも違ってきます。その違いを明確にして間違いがない設定方法について解説しています。Serverへの引越しの注意点まとめ。Cache」などについて言及していません。これらを使うとかなり高速化するそうですが、先にも書きましたがキャッシュは多様な仕組みが存在します。参考サイトhttp://tokkono.cute.coocan.jp/blog/slow/index.php/wordpress/comparison-and-selection-of-wordpress-cache-plugin/また、下記の様によく分からない状態で使うと不具合が起こることも報告されていますので、今回はいろいろ試すことができ、ダメなら簡単に元に戻せる方法を紹介しています。Optimizer」は画像ファイルを直接圧縮処理をしますので、プラグインをオフにしても完全に元には戻りませんが、その他の解説したものもプラグインをオフにすることで元に戻すことが出来るものばかりです。そのため、それぞれ自分で試してみて、良さそうだと実感できたものだけ試してみるのもいいと思います。Insights」「GTmetrix」でスピード測定をしていますが、最終的な目的はアクセス数アップです。それも、検索エンジンからの流入量のアップです。WordPressの基本設定GoogleAdwordsGoogleAdwords最後までお読みいただきましてありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト下記の空欄を埋めてください。date*日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)※入力いただいたコメントは管理者の承認後に掲載されます。外観のテーマのための関数の並び順WordPressのカスタマイズの際にテーマのテンプレートを編集しますが、そのテーマファイルの並び順の解説です。sitemap.xmlを生成する方法を説明しています。FC2からWordPressに引越しの際のデータ加工方法の解説FC2からWordPressに引越しの際にデータを加工する必要がありますが、その加工方法の詳細を解説。秀丸の正規表現による置換を使い作業時間も軽減する方法や加工のポイントも解説。WordPressのSEOタイトル、キーワード、ディスクリプション編集解説ヤフーやグーグルの検索結果を見ながらSEO視点でタイトル、ディスクリプションを書く際の基準を解説!スマホ対策も解説!FC2からWordPressに引越。インストールなど必要な全てを解説FC2からWordPressへの引越し解説。内容は引越しメインではなくこれからWordPressでブログを構築する方向けのブログ構築の解説記事です。WordPressのアップグレードの英語版と日本語版の公開のタイムラグは?WordPressのアップグレードの英語版と日本語版の公開のタイムラグについて説明しています。WordPressのサイドバー(サイドナビ)はウィジェットで編集サイドバー(サイドナビ)を編集するウィジェットの利用方法の解説です。カテゴリ一覧、アーカイブ、リンク集などを設定する方法を解説しています。Slugを使う理由と設定方法の解説をしています。WordPressのメディアの設定解説・uploadsフォルダの変更方法メディアの設定に関する解説。管理画面から変更できなくなったuploadsフォルダの変更方法についても解説。画面が真っ白になる不具合があった場合の対応の一つWordPressで画面が真っ白になる不具合があった場合の対応方法の説明です。PHPでエラーが起こっている場合がほとんどですがその対処方法です。SMTPで対応GoogleAdwords購読する最近の投稿2016.01.12WordPressの一覧ページのテンプレートの種類とファイルの設定ファイル名に従って一覧ページのテンプレートは選択される。ルールに従ってファイル名を付けることで任意のカテゴリ、タクソノミーごとのテンプレートを指定可能。2016.01.12get_categories、get_termsでカテゴリとタクソノミーのターム一覧の編集方法get_categories()関数やget_terms()関数を使ってタクソノミーのタームを取得し検索処理の部品を作るプログラム作りその解説をしています。2016.01.12タクソノミーの一覧をショートコードで編集・ソート機能付き・wp_list_categoriesカスタムタクソノミーのターム一覧をショートコードで編集する方法の解説です。Orderを利用してソート機能を追加したバージョンです。Orderの紹介です。自サイト内の記事にショートコードで自動リンクを設定する関数のソースコードを提供。ID、slugで指定でき、アンカーリンクを設定する場合も対応。カスタムフィールドを設定する最高のプラグイン。設定できる項目を全て網羅して解説。投稿の項目だけではなく、カテゴリやユーザ情報の項目を増やすことにも使えます。Fieldsは現時点でカスタムフィールドを設定する最高のプラグイン。それで入力した情報を取り出す方法を全て網羅して解説しました。2015.08.05WordPressプラグイン開発・ショートコード内でincludeするときにはob_start、ob_get_contentsWordPressのプラグインやショートコードの関数作成でテンプレートをincludeする際に利用するob_start関数、ob_get_contents関数を紹介。Templateでカスタムフィールドをフル活用カスタムフィールドを簡単に設定するプラグイン。簡単にカスタムフィールドが管理で来て作業効率が数倍にアップします!2014.07.17BackWPupでバックアップ・リストア(復元)の具体的手順BackWPupその9。バックアップファイルからのリストア(復元)の手順です。Web開発・運用に役立つ記事を中心に紹介しています。SEOの対応、プラグイン情報、カスタマイズ方法を解説します。