WORDPRESS

WordPressプラグイン「LazyLoad SEO」の導入手順と、基本的な設定方法【画像の遅延読み込み+SEO対策】

WordPressプラグイン「LazyLoad SEO」の導入手順と、基本的な設定方法 アイキャッチ
 

あずきです🐥

WordPressブログにおける、「AFFINGER」系専用プラグイン…

LazyLoad SEO

について、ブログ初心者さん向けに1から解説していきます

 

具体的には、2ステップです

  1. 「LazyLoad SEO」の導入手順(アップロード&インストール&有効化)
  2. 「LazyLoad SEO」の基本的な設定方法
 

注意

今回の手順については、プラグイン「LazyLoad SEO」の購入と、そのあとに行う「ダウンロード&解凍」までが済ませてある前提となります

WordPressプラグイン「LazyLoad SEO」とは?購入手順と、ダウンロード&解凍方法 アイキャッチ
WordPressプラグイン「LazyLoad SEO」とは?購入手順と、ダウンロード&解凍方法【AFFINGER系専用】

続きを見る

 

さっそく見ていきましょー🐥

 

注意

プラグインを使用することで、ご利用中のWordPress環境などによっては不具合が生じてしまう可能性があります。 プラグインの使用に際しては、あらかじめデータやファイルをバックアップされたうえで、ご自身の責任にて行ってください

 

関連:WordPressプラグイン「BackWPup」の設定方法を初心者向けに解説【ブログに必須な自動バックアップ】

WordPressにおける、AFFINGER系専用プラグイン「LazyLoad SEO」の導入&設定方法

【ステップ①】導入手順(アップロード&インストール&有効化)

WordPressブログ「完全初心者」ガイド 見出し a-01

まずは、WordPress管理画面から…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_1-01

↑ プラグイン > 新規追加 をクリックします

つづいて…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_1-02

↑「プラグインのアップデート」をクリックし…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_1-03

↑「ファイルを選択」をクリックしましょう

ファイルの選択画面になるので、STINGER STOREでダウンロードした圧縮フォルダ「LazyLoad SEO」を自身で解凍した展開先(保存した場所)を開きます

よくわからないという人は、このちょっと先まで読み進めてね!

※解凍とは、 圧縮フォルダを「右クリック」 > 「すべて展開」 を選択することです

解凍後のファイルは、「st_lazyload_seo_file」というフォルダ名になってます

ちなみにこの解凍したファイルが保存してある場所は、(特に自分で指定していなければ)通常は…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_1-04

↑「ダウンロード」という場所のなかに…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_1-05

↑ このようにフォルダが入ってます

※画像例は、Windows10の場合です

この「解凍について」や「どこに保存したか」がわからないという方は、こちら♪

WordPressプラグイン「LazyLoad SEO」とは?購入手順と、ダウンロード&解凍方法 アイキャッチ
WordPressプラグイン「LazyLoad SEO」とは?購入手順と、ダウンロード&解凍方法【AFFINGER系専用】

続きを見る

見つけたら、この「st_lazyload_seo_file」というフォルダをWクリックで開きましょう

すると…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_1-06

↑ なかにもう1つ、同じ名前のフォルダが入ってると思います

もう1つ同じのが入ってなかったら、そのまま次に進んでOK!

このフォルダをまたWクリックで開くと…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_1-07

↑ このように…

  • 「st-lazy-load.zip」というまた圧縮フォルダ
  • 「必ずお読みください.txt」

という2つのデータが入ってるので、「st-lazy-load.zip」というフォルダをクリックしましょう

クリックしたら、右下の「開く」をクリックします

すると…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_1-08

↑ このように、選択したフォルダ名が表示されるので、右側の「今すぐインストール」をクリックしましょう

プラグインのインストールが始まるので、10秒ほど待ちます

無事インストールが完了すると…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_1-09

↑ このように「プラグインのインストールが完了しました」と表示されるので、その後「プラグインを有効化」をクリックしましょう

また10秒ほど待つと…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_1-10

↑ このように、「プラグインを有効化しました」と表示されます

これで、プラグイン「LazyLoad SEO」のアップロード・インストール・有効化まで完了です🐥

ただし、このプラグインを機能させるには「いくつかの設定」を行う必要があります(次パートへ!)

 

【ステップ②】基本的な設定方法【AFFINGER管理から】

WordPressブログ「完全初心者」ガイド 見出し a-02

ここでは、プラグイン「LazyLoad SEO」の基本的な設定方法を解説していきます♪

まずは、WordPress管理画面から…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_2-01

↑「AFFINGER5 管理」をクリックしましょう

つづいて、左側メニュー一覧から…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_2-02

↑「その他」タブをクリックします

「その他」タブが開けたら、そのなかの…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_2-03

↑【遅延読み込み (サイト全体)】という欄を見てみましょう

ここが、「LazyLoad SEO」に関する設定ができる場所です

「演出」という見出しのなかにあるよ!

まずは、このプラグイン「LazyLoad SEO」自体の機能をONにしていきます

機能自体をONにするには…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_2-04

↑「遅延読み込みする」にチェックを入れればOK

ここにチェックを入れないと、プラグインは機能しないので注意!

ちなみにその下の項目については、任意のカスタマイズになります

一般的な設定としては…

WordPressプラグイン「LazyLoad SEO」の導入・設定方法_2-05

↑「画像とiframeを遅延読み込みする」を選択すればOK(初期設定ですでに選ばれてたら、そのままでOK)

特にこだわりがなければ、ほかは触らなくて大丈夫です

ちなみに「iframe」とは、画像以外でブログに埋め込む…

  • YouTube動画
  • Google Map

などを指します

動画とかGoogle Mapも、画像と同じく「遅延読み込み」させることでページ表示が高速化できるよ!
 

ということで、設定が済んだら、1番下の「保存」を忘れずにクリックして完了です

 

補足

➀ WordPressの各種設定が反映されない場合、ブラウザキャッシュ(=ブラウザ側に一時保存される、以前の読み込み情報)が影響している可能性があります

 

ブラウザキャッシュの干渉を受けずに最新のページを表示させるには、「スーパーリロード」という方法がおすすめです

  • Windows → 「Ctrl+Shift+R」 ※もしくは「Shift+F5」
  • Mac → 「Command+Shift+R」

② 上記の方法でも反映されない場合、ページキャッシュ(=サーバー側に保存される、以前の読み込み情報)が影響している可能性があります

 

ページキャッシュを自動生成するプラグイン(例 WP Fastest Cache / Autoptimize )を導入している場合、そのなかの「キャッシュ削除」ボタンを試してみてください

 

関連:WordPressプラグイン「Autoptimize」の設定方法と使い方【コードの最適化で表示スピードを高速化/ページキャッシュの生成&削除】

 

今回の記事はこちらの章に属しています

WordPressブログガイド 第4章「プラグイン」編 

あずきのWordPressブログガイド 総合TOP 

\ 本気で成果にこだわるなら /

AFFINGERタグ管理マネージャー3 01

―― 効果のある広告やリンクを徹底解析 ――

 

「AFFINGERタグ管理マネージャー3 + PVモニター」

プラグインセット

 

 ✔ 広告やリンクの「表示回数・クリック数・クリックされたページ・日時」などを自動計測!

 ✔ アフィリエイトコードやよく使う文章などを、テンプレート(ショートコード)化できる!

 ✔ 元データの修正だけで全ての挿入箇所に「一括反映」されるため、広告の差し替えも一瞬!

「WING AFFINGER5」及び「WING STINGER PRO2」専用プラグイン

公式:「超強力」なサイト改善と効率化!「AFFINGERタグ管理マネージャー3 + PVモニター」プラグインセット

関連:WordPressの「タグ管理」とは?どれだけブログに必須な機能か、3分で解説【一括修正が最強に便利】

※「STINGERタグ管理プラグイン3」のデータはそのまま使用できます

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

 

独立4年目 / 元アパレル → 歴10年

 

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます。 普段はTwitter(@azuki_rinrin)にわりといるので、覗いてもらえると嬉しいです^^

-WORDPRESS

© 2019 あずきのぶろぐ