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」の基本的な設定方法【ブログに必須なバックアップ】

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

―― 検証と改善を重ねた唯一無二のテーマ ――

WING AFFINGER5

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

About me

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

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

あずき

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

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

このブログのWordPress環境

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における各種設定は、反映までに時間がかかる場合があります。 すぐに反映させたいときは、次の「2つの方法」を試してみてください

 

① WordPressキャッシュのクリア

② パーマリンク設定の更新

 

具体的な手順はこちら ↓

WordPressで、設定内容が反映されないときにまず試したい2つの対処方法 アイキャッチ
WordPressで、設定内容が反映されないときにまず試したい2つの対処方法【キャッシュの削除/パーマリンク設定の再保存】

続きを見る

 

おしまい♪

あずき🐥

About me

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

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

あずき

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

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-WORDPRESS

© 2020 あずきのぶろぐ