あずきです🐥
WordPressブログにおける、「AFFINGER」系専用プラグイン…
LazyLoad SEO
について、ブログ初心者さん向けに1から解説していきます
具体的には、2ステップです
- 「LazyLoad SEO」の導入手順（アップロード＆インストール＆有効化）
- 「LazyLoad SEO」の基本的な設定方法
注意
今回の手順については、プラグイン「LazyLoad SEO」の購入と、そのあとに行う「ダウンロード＆解凍」までが済ませてある前提となります
-
WordPressプラグイン「LazyLoad SEO」とは？購入手順と、ダウンロード＆解凍方法【AFFINGER系専用】
続きを見る
さっそく見ていきましょー🐥
2020年1月から毎日コツコツ作ってきたワードプレス初心者ガイド、
・役に立ちました！
・わかりやすかったです！みたいな大変ありがたいお言葉を頂けるケースが最近増えてきたので、改めて載せておきますhttps://t.co/QJohn2MGlF
— あずき@ブロガー (@azuki_rinrin) July 13, 2020
注意
プラグインを使用することで、ご利用中のWordPress環境などによっては不具合が生じてしまう可能性があります。 プラグインの使用に際しては、あらかじめデータやファイルをバックアップされたうえで、ご自身の責任にて行ってください
目次
WordPressにおける、AFFINGER系専用プラグイン「LazyLoad SEO」の導入＆設定方法
【ステップ①】導入手順（アップロード＆インストール＆有効化）
まずは、WordPress管理画面から…
↑ プラグイン ＞ 新規追加 をクリックします
つづいて…
↑「プラグインのアップデート」をクリックし…
↑「ファイルを選択」をクリックしましょう
ファイルの選択画面になるので、STINGER STOREでダウンロードした圧縮フォルダ「LazyLoad SEO」を自身で解凍した展開先（保存した場所）を開きます
※解凍とは、 圧縮フォルダを「右クリック」 ＞ 「すべて展開」 を選択することです
解凍後のファイルは、「st_lazyload_seo_file」というフォルダ名になってます
ちなみにこの解凍したファイルが保存してある場所は、（特に自分で指定していなければ）通常は…
↑「ダウンロード」という場所のなかに…
↑ このようにフォルダが入ってます
※画像例は、Windows10の場合です
この「解凍について」や「どこに保存したか」がわからないという方は、こちら♪
-
WordPressプラグイン「LazyLoad SEO」とは？購入手順と、ダウンロード＆解凍方法【AFFINGER系専用】
続きを見る
見つけたら、この「st_lazyload_seo_file」というフォルダをWクリックで開きましょう
すると…
↑ なかにもう1つ、同じ名前のフォルダが入ってると思います
このフォルダをまたWクリックで開くと…
↑ このように…
- 「st-lazy-load.zip」というまた圧縮フォルダ
- 「必ずお読みください.txt」
という2つのデータが入ってるので、「st-lazy-load.zip」というフォルダをクリックしましょう
クリックしたら、右下の「開く」をクリックします
すると…
↑ このように、選択したフォルダ名が表示されるので、右側の「今すぐインストール」をクリックしましょう
プラグインのインストールが始まるので、10秒ほど待ちます
無事インストールが完了すると…
↑ このように「プラグインのインストールが完了しました」と表示されるので、その後「プラグインを有効化」をクリックしましょう
また10秒ほど待つと…
↑ このように、「プラグインを有効化しました」と表示されます
これで、プラグイン「LazyLoad SEO」のアップロード・インストール・有効化まで完了です🐥
ただし、このプラグインを機能させるには「いくつかの設定」を行う必要があります（次パートへ！）
【ステップ②】基本的な設定方法【AFFINGER管理から】
ここでは、プラグイン「LazyLoad SEO」の基本的な設定方法を解説していきます♪
まずは、WordPress管理画面から…
↑「AFFINGER5 管理」をクリックしましょう
つづいて、左側メニュー一覧から…
↑「その他」タブをクリックします
「その他」タブが開けたら、そのなかの…
↑【遅延読み込み (サイト全体)】という欄を見てみましょう
ここが、「LazyLoad SEO」に関する設定ができる場所です
まずは、このプラグイン「LazyLoad SEO」自体の機能をONにしていきます
機能自体をONにするには…
↑「遅延読み込みする」にチェックを入れればOK
ちなみにその下の項目については、任意のカスタマイズになります
一般的な設定としては…
↑「画像とiframeを遅延読み込みする」を選択すればOK（初期設定ですでに選ばれてたら、そのままでOK）
特にこだわりがなければ、ほかは触らなくて大丈夫です
ちなみに「iframe」とは、画像以外でブログに埋め込む…
- YouTube動画
- Google Map
などを指します
ということで、設定が済んだら、1番下の「保存」を忘れずにクリックして完了です
補足
➀ WordPressの各種設定が反映されない場合、ブラウザキャッシュ（＝ブラウザ側に一時保存される、以前の読み込み情報）が影響している可能性があります
ブラウザキャッシュの干渉を受けずに最新のページを表示させるには、「スーパーリロード」という方法がおすすめです
- Windows → 「Ctrl＋Shift＋R」 ※もしくは「Shift＋F5」
- Mac → 「Command＋Shift＋R」
② 上記の方法でも反映されない場合、ページキャッシュ（＝サーバー側に保存される、以前の読み込み情報）が影響している可能性があります
ページキャッシュを自動生成するプラグイン（例 WP Fastest Cache / Autoptimize ）を導入している場合、そのなかの「キャッシュ削除」ボタンを試してみてください
関連：WordPressプラグイン「Autoptimize」の設定方法と使い方【コードの最適化で表示スピードを高速化／ページキャッシュの生成＆削除】
今回の記事はこちらの章に属しています
＼ 本気で成果にこだわるなら ／
―― 効果のある広告やリンクを徹底解析 ――
「AFFINGERタグ管理マネージャー3 + PVモニター」
プラグインセット
✔ 広告やリンクの「表示回数・クリック数・クリックされたページ・日時」などを自動計測！
✔ アフィリエイトコードやよく使う文章などを、テンプレート（ショートコード）化できる！
✔ 元データの修正だけで全ての挿入箇所に「一括反映」されるため、広告の差し替えも一瞬！
「WING AFFINGER5」及び「WING STINGER PRO2」専用プラグイン
※「STINGERタグ管理プラグイン3」のデータはそのまま使用できます
About me
- 専業ブロガー・フリーランス -
あずき
独立4年目 / 元アパレル → 歴10年
20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます。 普段はTwitter（@azuki_rinrin）にわりといるので、覗いてもらえると嬉しいです^^