お問いあわせフォームからスパムメールがたくさん届いてしまって、大切なメールを見落としていませんか？

放置しておくと、かなり厄介なことになりますよね。

そこでこの記事では、お問いあわせフォームなどへBOTによるスパム対策に有効なプラグイン【Invisible reCaptcha】のご紹介です。

海外在住でWordPressをお使いの方には、このプラグインを特におススメします。
その理由もちゃんと説明していきますので、是非さいごまでご覧くださいね。

Invisible reCaptcha for WordPress とは？

Invisible reCaptcha は,Googleが提供する認証システムで自動で人間かBOT（ロボット）を判断してスパムをシャットアウトするプラグインです。

実は、このサイトでは別のかなり有名なスパム対策プラグインを長い間使用していました。
だけどお問いあわせフォームからのスパムメールが毎日届いてしまうんですね。

確かに日本からのスパムメールは来ていないのに、外国からのスパムメールが届いている。

ですが、WordPressとX－Serverの両方で外国からのアクセスを許可しないと、自分で自分のサイトにアクセスできなくなってしまいます。

そこでより良いスパム対策プラグインを探して見つけたのが、reCaptchaでした。

でも、私はreCaptchaに対して2つの懸念がありました。

reCaptchaへの2つ懸念

１．正直言って、私はロボットではありませんがとても苦手です。
認識されている間（グルグル~としている間）なんで待たされるのかなぁ～
↓　↓　↓　↓　↓

2.　そして画像認識も面倒で嫌いでした。
↓　↓　↓　↓　↓

どうやら今やこの画像認証さえ最近のBOTは問題なく突破してしまうようです。

一番迷ったのは、自分が嫌いな認証を自分のサイトに導入することです。
これって絶対に間違っているよね！っておもいませんか？

Invisible reCaptchaのメリットとデメリット

invisible reCaptcha for WordPressのメリット

• ロボット認証や画像認証が不要
• デザインがスッキリしているので邪魔にならない

invisible reCaptcha for WordPressのデメリット

突然画像認証が表示される場合がある

それぞれお使いのフォームに注意書きを入れておくことをおススメします。

reCaptcha紹介ビデオ

それでは、公式サイトが発行している紹介ビデオのリンクを貼っておきますので、ご覧になってください。

reCaptchaV3 の紹介ビデオです。
↓　↓　↓　↓　↓

それではさっそく、インストールから使い方までを解説していきますね。
図解を入れて解説していきますので、この通リに進めていただければ問題なくお使いになれると思います。

Invisible reCaptcha for WP　インストールから設定までの手順

reCaptchaの公式サイトにアクセスし、APIキーを取得します。

• ラベル：あなたの分かりやすい名前を付けて下さい（例えばあなたのブログ名）
• reCaptchaタイプ：reCaptcha v3を選択
• ドメイン：ドメイン名を記載（〇〇〇.com➡https:又はwww.は不要です）
• オーナー：あなたのGoogle accountに登録しているe-mailアドレスが記載されています
• 全て入力したら「送信ボタン」をクリックします

画面は、サイトキーとシークレットキーが記載された画面へと変わります。
この2つのキーが必要となりますので、画面はそのまま閉じないでくださいね。
↓　↓　↓　↓　↓

Insivible reCaptcha for WordPressのインストールから設定まで

Invisible reCaptcha for WordPressをインストール

「ダッシュボード」「プラグイン」「新規追加」をクリックします。
「Invisible reCaptcha for WordPress」を検索窓に記入します。
「今すぐインストール」をクリックします。
「有効化」ボタンをクリックします。
↓　↓　↓　↓　↓

reCaptchaとWordPressの接続

• 「ダッシュボード」→「設定」→「reCaptcha」をクリックします。
• reCaptcha 公式サイトで取得した「サイトキー」と「シークレットキー」（APIキー）をそれぞれコピペします。
• バッジ位置は「インライン」を選択してください。
• 設定後は「変更を保存」ボタンをクリックします。

↓　↓　↓　↓　↓

WordPressの保護設定

「変更を保存」をクリックした後、設定タブの下にある「WordPress」をクリックします。

ここでWordPress保護設定をおこないます。

• ログインフォーム：WordPressにログイン時
• 登録フォーム：登録フォーム
• コメントフォーム：記事のコメントフォーム
• パスワード再発行フォーム：パスワードを再発行する時

お問いあわせフォーム（Contact Form 7）の保護

設定タブの下にある問い合わせフォームをクリックし、Contact Form 7をクリックしてください

設定完了後は、お問いあわせフォームにこのようにreCaptchaが設定されています。
↓　↓　↓　↓　↓

まとめ

この記事では、スパム対策のプラグインInvisible reCaptcha v3について解説しました。

おさらいの意味を込めて、ポイントと手順を再度まとめていきたいと思います。

Invisible reCatpchaのデメリットでも解説しましたが、ユーザーが送信ボタンを押した時に突然画像認証が表示される場合がありますので、各フォームにその旨を記載されておくことをおすすめします。

それでは先ず、【DNUI】の設定方法から解説していきますね。
使用時の注意点も合わせて記載しておきますので、是非参照してください。

それではさっそくですが、DNUIのインストールから設定までを見て行くことにしましょう。

DNUI（ディーエヌユーアイ）をインストール

「ダッシュボード」「プラグイン」「新規追加」をクリックします。
検索窓にDNUIと記入します。

その後今すぐインストールボタンをクリックします。
↓　↓　↓　↓　↓

画面は、プラグインを「有効化」にかわりますので、有効化ボタンをクリックします。
↓　↓　↓　↓　↓

これで設定は完了しました。

DNUI使いかたと注意点

「ダッシュボード」「ツール」「DNUI Delete not used image」をクリックしてDNUIを開けます。

画面は以下のようになります。
↓　↓　↓　↓　↓
一応注意事項が記載されています。（特に問題になる様な事は書かれていません）

万が一を考えてバックアップを取っておきましょう。

「OPTION」（オプション）タグをクリックします。
↓　↓　↓　↓　↓
下の画面にここにチェックを入れます！とあるのが見えると思います。
この箇所にチェックを入れてください。
その後、「Create backup folder」（バクアップフォルダを作成する）ボタンをクリックします。

上記と同じ画面ですが、「Create backup folder」が緑色の「Backup Folder exist」に変わります。
これは、「バックアップフォルダーが作成されました」と言う意味です。

不要な画像リストを1ページにどの位表示するか？というものです。
デフォルトでは50件となっています。
私は、かなり画像が多くあるので、150件に変更しました。
これはお好みで変更してください。

表示に関する設定となります。

Show used image (使用している画像を表示）は、チェックをせずそのままで良いです。

Show ignored sized （不要なサイズを表示する）は、チェックを入れてください。
This can clean the view, i.d, I will show you only images that need o be deleted.
（デフォルトでチェックが入っているはずです）

これで初期設定は完了しました。
それでは、次に画像を削除する手順について解説していきます。

「images」（画像・イメージ）ボタンをクリックします。
↓　↓　↓　↓　↓

以上でプラグイン【DNUI】を使用した不要な画像の削除方法の解説は終了となります。

使用していない画像を削除する方法

[ダッシュボード」→「メディア」→『ライブラリ―」

すべてのメディアの横にあるプルダウンをクリックし、未添付を選択し、「絞り込み」ボタンをクリックします。
↓　↓　↓　↓　↓

未使用の画像が表示されますので、ここで削除してください。

まとめ

WordPressがサイズの異なる画像を自動生成を防止する方法は、WordPress 異なるサイズの画像自動生成を初心者が簡単に阻止する方法の中で詳しく解説していますので、是非こちらの記事をご覧ください。

そこでこの記事ではすでに生成されてしまった不要な画像を削除する方法と未使用の画像を削除する方法を解説しました。

数が少ない場合は、メディアライブラリーから「未添付」画像を抽出する方法でも良いと思いますが、
かなりの量の画像の場合は、プラグインを使用して簡単に削除した方が時間の節約にもなるのでおススメですね。

また別の方法としてサーバーのuploadファイルから不要な画像を削除する方法もあります。
こちらも別途記事にしていきますので、よろしければまたサイトへお越しくださいね。

WordPressを運営してからしばらくすると必ずやって来るスパムコメント！

1件ずつ対応するには、時間の無駄だし、放置しておくのはなんだか怖いし・・・こんな経験をしたことありませんか？

そこでこの記事では、スパムと思われるコメント・トラックバックそしてお問いあわせまでを自動判定してくれるプラグインの紹介をしていきます。

そのプラグインの名前は、「Akismet Spam Protection」

それではさっそくインスロールから設定まで順番に解説していきましょう。

Akismet Spam Protection インストール

「ダッシュボード」「プラグイン」「新規追加」をクリックします。
「キーワード」入力欄に「Akismet Spam Protection」と入力します。
「今すぐインストール」ボタンをクリックします。

[有効化」ボタンをクリックします。

これでAkismet Spam Protectionのインストールは完了です。
ここからは、設定方法について解説していきます。

Akismet APIキーの設定

英語の箇所もありますが、全て順番通りに進めて行けば全く問題はありませんので、安心して作業を進めてっくださいね。

AkismetのAPIキーを取得

「ダッシュボード」→「設定」→「Akismet Spam Protection」をクリックします。

「Akismet アカウント設定」をクリックします。

Akismet　「APIキーを取得」をクリックします。

「Activate Account(アクティベイト アカウント）」をクリックします。

WordPressで使用しているアカウントの「メールアドレス」「ユーザー名」「パスワード」を記入します。

ここまででWordPressでの設定は終了となります。
続いて、APIキーの取得へ移ります。

一番左側 「Name Your Price（ネーム ユア プライス）」を選択します。
これをクリックすると無料で使用が可能となります。

次にこのような画面になります。
赤い←箇所ををごらんください。

\4500のボタンが自由に移動できますので、左端のゼロになるまで移動させます。

画面は以下の様に変わりますので、必要事項を記入していきます。

• Personal Site URL: URLを入力
• I don’t have ads on my site にチェック
  (私のサイトには広告を掲載していません)
• I don’t sell products/services on my site にチェック
  (私のサイトでは商品を販売していません)
• I don’t promote a business on my site にチェック
  (私のサイトではビジネスを宣伝していません)
• First Name： 名前を入力
• Last Name: 名字を入力

「Continue with Personal Subscription」をクリック
↓　↓　↓　↓　↓
Akismet API キーが表示されますので、これをコピーします。
これでAkismet　APIキーの取得は完了となりました。

WordPressとAkismetを接続させる

WordPressへ戻りAPIキーの入力をし、接続します。

このような画面になれば設定は完了となります。お疲れさまでした。

Akismet 詳細設定

APIキーを入力し、赤枠の通りに設定し、変更保存をクリックしてすべて完了となります。

まとめ

インストールから設定までは大丈夫でしたか？

ここでおさらいの意味もこめて、再度手順を書き出しておきますので是非参照してください。

一度設定すれば、後は何もすることはありませんので、スパム対策の面からも是非このプラグインをインストールすることをおススメします。

その他のプラグインについては、こちらの記事でご紹介しています。
↓　↓　↓　↓　↓
Cocoonに必要なプラグインはどれ？

この記事は、WordPressプラグイン「WP Multibyte Patch」について初心者向に詳細に解説しています。

WordPressを使うなら、このプラグインは必須アイテムとなります。

このプラグインWP Multibyte Patchの優れている点は、機能だけではなく「インストール」→「有効化」をすればそれですべて完了、本当にそれだけで文字化けを防止してくれるプラグインですので、
必ずインストールして欲しいと考えています。

まず最初にWP Multibyte Patchの優れた機能からお話ししていきましょう

WP Multibyte Patchの機能とは？

添付ファイル名の文字化け防止

画像やファイルをアップロードした時に、ファイル名がマルチバイト文字の場合は文字化けしてしまう事があります。
それを防止してくれるのがこのプラグインとなります。

マルチバイト文字とは,コンピューターの文字コードで計算します。（ここではなぜ日本語がマルチバイトなのか？だけ分かれば十分です）
半角英数字：1バイト
全角文字：2バイト
半角文字 :1バイト

WordPressは英語を基準に作成されているので、日本語（全角）の場合はマルチバイト文字となり文字化けしやすくなってしまいます。

それを防いでくれる機能を持っているのが、プラグインWP Multibyte Patchとなります。

検索時に全角スペースを使える

全角スペースは、全角文字と同様にマルチバイト文字としてコンピューターに認識されます。

サイト内検索窓にキーワードと全角のスペースを入力した時に、このプラグインを導入していないサイトでは、エラーとなり検索する事ができません。

なので、ユーザビリティーの面からもこのプラグインは必要です。

トラックバック機能の文字化け防止

ブログ記事内に、引用した文章を掲載する事ありますよね？
参考にしたサイト管理者へ「リンクを貼りました」と言う報告する機能があります。
この通知をトラックバックと言うのですが、トラックバックを文字化防止をしてくれます。

ピンバック利用時のバグ防止

トラックバック機能と同様に引用したサイトへ知らせる機能。

トラックバックとの2つの違いは？

トラックバック：記事内容を送信・手動で送信
ピンバック：記事内容は送信されない・自動で送信

文字数カウントを正確にする

記事の中には、全角文字・半角文字・全角スペース・半角スペースが混在しています。

それらをすべて正確にカウントする機能が備わっています。

日本語メール送信時の文字化け防止

日本語メールをWordPressから送信時に、文字化けして相手側が読めない状況を防止します。

WP Multibyte Patch　インストール

「ダッシュボード」「プラグイン」「新規追加」をクリック
「キーワード」入力箇所に、WP Multibyte Patchと記入
「今すぐインストール」ボタンをクリックします。

「有効化」ボタンをクリックします。

これでWP Multibyte Patchのインストールは完了しました。
あとは、更新を怠らずに実行すれば問題ありません。

その他のプラグインについては、こちらの記事でご紹介しています。
↓　↓　↓　↓　↓
Cocoonに必要なプラグインはどれ？

この記事は、WordPressプラグインを初心者向にインストールから簡単なカスタマイズまでを解説していきます。

是非この機会にあなたのお好みのコンタクトフォームを作成してくださいね。

それでは、早速インストール方法から解説していきましょう。

「Contact Form 7」をインストールする手順

①「ダッシュボード」→「プラグイン」→「新規追加」→「検索窓」にContact Form7と入力

②下の画面が出てきますので、「今すぐインストール」をクリック

③有効化をクリックします。

④Contact Form 7がプラグインにインストールされました。

Contact Form 7 の設定方法

①「お問いあわせフォームを追加」と言う画面になります。
「お問いあわせ」の編集画面がでますが、何も触らずに「保存」をクリックします。

②画面上部に「コンタクトフォームが作成されました」と言うメッセージが出ます。
その下をみると、「ショートコード」が表示されますので、そのコードをコピーしてください。

お問いあわせフォーム作成

①「ダッシュボード」→「固定ページ」→「新規追加」
「タイトルを追加」欄に、「お問合わせ」と入力します。

②先ほどコピーした「ショートコード」を本文に貼り付けます。＊テキストモードで入力します。

テキストモードに変更するには、テキストタブをクリックします。
下に見えている画面の画像は、ビジュアルモードです。

テキストモード画面は、このようになります。

↑　↑　↑　↑　↑
ここの本文入力箇所に「ショートコード」を貼り付けます。

③「更新」ボタンをクリックします。

④「固定ページを更新しました。」と言うメッセージが出たらOKです。

自動返信メールの設定

「メール」のタグをクリックすると上記のような画面になります。

スクロールダウンして「メール（2）を使用」前のチェックボックスにチェックを入れます。

これで自動返信メールの設定を進めることができます。

自動返信メール内容を編集

初期設定（デフォルト）の場合、ユーザーからの問い合わせがそのまま返信されてしまいます。

これではユーザビリティーもよくありませんので、問い合わせへのお礼や、返信にかかる日数などを書くと共に、自動返信で送付されている旨を伝える事が良いと思います。

送信完了ページ（サンクスページ）の作成

Contact Form7にて作成したお問いあわせフォームは、送信ボタンを押してもメッセージ「ありがとうございます。メッセージは送付されました」と表示されるだけです。

これでは味気ないと思われるかたは、送信完了時に表示されるサンクスページを固定ページで作成することをおススメします。

この目的は、ユーザーにお問いあわせの送信完了をお伝えする事が目的ですので、内容は簡単なもので問題ありません。

↓　↓　↓　↓　↓
メール送信後に、このようなシンプルなページへ移動させることも可能です。

固定ページで作成したこのページは、記事の内容がないので、検索エンジンにはインデックスさせない＝「nonindex」に設定します。

私は、カスタマイズは不要なのでやっていませんが、ご興味のあるかたは、こちらのサイトが一番詳しくそして
分かりやすいと思いましたので、ご紹介させていただきます。
↓　↓　↓　↓　↓
【2021年版】Contact Form7（コンタクトフォーム7）の使い方・カスタマイズ方法

コンタクトフォームをフッター・サイトバーに設置する方法は、こちらの記事で解説していますので、是非ごらんください。
↓　↓　↓　↓　↓
Cocoon のフッター・サイドバーにお問い合わせを設定

その他のプラグインについては、こちらの記事でご紹介しています。
↓　↓　↓　↓　↓
Cocoonに必要なプラグインはどれ？

ブログ記事を検索上位に表示させるためには、ユーザビリティ向上が欠かせません。

この記事は、ＷordPressプラグイン「Fastest Cache」のインストールから設定までをブログ初心者でも分かりやすく解説しています。

ではさっそっく始めましょう。

Fastest Cache とは？

Fastest Cacheは、「キャッシュの有効化」を図りサイトの表示速度を高速化するプラグインとなります。

設定方法もとても簡単なので、ブログ初心者でも問題なく設定できますし、日本語にも対応していることから、とても人気の高いプラグインとなっています。

Cache（キャッシュ）とは？

Webサイトを訪問した時の情報をある一定期間端末に保存することで、次に訪問した時に迅速にそのサイトを表示する仕組みを言います。

Fastest Cache インストール

「ダッシュボード」→「プラグイン」→「新規追加」をクリックします。
検索窓（キーワード）に WP Fastest Cacheと記入します。
「今すぐインストール」ボタンをクリックします。

次に「有効化」ボタンをクリックします。

これでWP Fastest Cacheのインストールは完了しました。
これからは、設定に移っていきます。

WP Fastest Cache 設定方法

基本設定

以下の通りにチェックを入れて頂ければ問題ありません。
↓　↓　↓　↓　↓

まず最初に言語を「日本語」にし、「変更を保存」ボタンをクリックします。
これにより全て日本語で表示されますので、理解もしやすいかと思います。

チェックを入れる項目リストは以下の6つです。

• キャッシュ
• ログインユーザー
• モバイル
• 新規投稿
• Update Post
• ブラウザキャッシュ

各項目の簡単な解説

キャッシュ：WP Fastest Cache全体の機能を有効化する設定となります。

ログインユーザー：常に最新の状態を確認する必要があるので、必ずチェックを入れます。

モバイル：パソコンでアクセスしたユーザーには、PC版キャッシュを、スマホでアクセスしたユーザーには、スマホ版のキャッシュを使うための設定となります。 ↓　↓　↓　↓　↓

新規投稿：新規投稿した時に、古いキャッシュを削除します。

Update Post: 記事を更新した時に、古いキャッシュを削除します。

ブラウザキャッシュ：ユーザーのブラウザにもキャッシュを生成します。

ここまでの設定で完了となります。

ここからお話しする設定は、WP Fastest Cacheをインストールしてから今まで一度も使用したことのない箇所となります。

細く情報程度にとらえて置いて頂ければと思います。

キャッシュの削除

Ｃlear All Cache：古いサーバーキャッシュを全て削除します。

画像の最適化：プレミアムのみ使用可

プレミアム：プレミアムの内容と金額について

除外する：除外するページなどを詳細に設定します。

CDN:　他国のユーザーがアイルにアクセルする時間を最小限に抑えるシステム（一部プレミアムのみ使用可）

DB:プレミアムのみ使用可

まとめ

WP Fastest Cacheは使い勝手も良く、サイトのスピードアップを図ってくれるプラグインとし数あるプラグインの中でも優秀なものだと言われています。

注意して欲しいのは、他にプラグインを導入している場合は、ファイルの圧縮にチェックを入れてしまうと、不具合が起こってしまう場合があります。

ですから、その点をしっかりとご理解していない方は、こちらでご紹介した6箇所だけにチェックを入れておいていただければと思います。

チェックを入れる項目リストは以下の6つです。

• キャッシュ
• ログインユーザー
• モバイル
• 新規投稿
• Update Post
• ブラウザキャッシュ

その他のプラグインについては、こちらの記事でご紹介しています。
↓　↓　↓　↓　↓
Cocoonに必要なプラグインはどれ？

この記事は、ブログ記事投稿・更新情報を迅速にGoogle 検索エンジンに通知するWordPressのプラグイン
WebSub/PubSubHubbubの効果と設定方法についてブログ初心者にも簡単にわかるように解説しています。

SEO対策を考えているあなたには、必須のＷordPressプラグインと言えますので、未だの方は是非この機会に
WebSub/PubSubHubbubをあなたのブログにインストールしましょう。

WebSub/PubSubHubbubとは？

なんだか妙に長い名前で、早口言葉を言わされているような？そんな感じですよね。
それぞれの言葉には、意味があるようですが、そこまでお話しするとかなり技術的で高度な話になってしまうので、ここでは割愛します。

それよりもWebSub/PubSubHubbubがどんなものなのか？の方がきっと興味を持っていただけると考えています。

検索エンジンにあなたが投稿した記事・更新記事の情報をいち早く、迅速に通知するプラグインがWebSub/PubSubHubbubです。

WebSub/PubSubHubbubが検索エンジンに通知するとあなたのブログ記事は、
認識＝インデックスされ始めて検索エンジン結果に表示されるようになります。

WebSub/PubSubHubbub2つの効果

WebSub/PubSubHubbubを使う大きな効果は2つあります。

迅速にインデックスされる

さきほどもお話ししましたが、検索エンジンにインデックスされてはじめて検索結果に表示されるようになります。

検索結果に表示されるのがより早いほど、ユーザーの目にも留まるようになりますので、是非導入してください。

スクレイピングの防止

もう一つの効果であるスクレイピングとは？

簡単に言ってしまうと、サイトの情報から必要な情報を収集、加工して新しい情報を作り出すプログラムの事を言います。

でも、これって完璧とは言わずにも複製ですよね。コピーは自由ですよ！と言われていない限り、不正コピーとなります。

でもこんなサイトが氾濫しているのが、現実問題のようです。

そこで自分の記事を迅速にインデックスさせることで、検索エンジンに「オリジナル記事」だと認識させ、後続の重複されたサイトを不正とみなし、検索結果で上位にはこれなくする予防線を張る事ができるんです。

WebSub/PubSubHubbubのインストール

「ダッシュボード」→「プラグイン」→「新規追加」をクリックし、検索窓にWebSub/PubSubHubbubと記入します。

「今すぐインストール」ボタンをクリックします。

注意）類似した名前のプラグインが多数ありますので、このアイコンを目印にしてください
↓　↓　↓

次は、「有効化」ボタンをクリックします。

WebSub/PubSubHubbub設定

通常プラグインは、インストール後に設定が必要となります。

ですが、WebSub/PubSubHubbubは、「インストール」「有効化」が終わると同時に設定も完了しているかなり優秀なプラグインなので、これで完了となります。

まとめ

WebSub/PubSubHubbubをインストールする事であなたのブログ記事も迅速に検索エンジンにインデックス＝認識されるようになり、さらにはスクレイピングを防ぐことであなたのサイトの価値をより高くすることが可能となります。

ですが、検索エンジンにインデックスされるだけでは、検索結果上位には表示されません事をよく覚えておいてくださいね。

ユーザビィリティ向上（検索エンジン・ユーザー）こそが検索結果上位に表示される肝となります。

どこまでもユーザーに有益な情報を提供する・ユーザー目線で使いやすいサイトを構築する！これらを忘れずに実行していってください。

この記事があなたのユーザビリティ向上に少しでもお役に立てれば光栄です。

ユーザビリティ―向上で少しでも疑問や不安などがあるかたは、お気軽にご相談ください。

その他のプラグインについては、こちらの記事でご紹介しています。
↓　↓　↓　↓　↓
Cocoonに必要なプラグインはどれ？

この記事は、自動で画像を圧縮するＷordPressのプラグイン【Imagify WebP & Image Compression 】のインストールから設定そして使い方までをブログ初心者にもわかりやすく図解入りで解説しています。

画像の圧縮化を破壊、スピードアップをすることは、ユーザビリティーと検索エンジンの両方に利点がありますので、是非お試しください。

それではさっそくはじめましょう。

WordPress プラグインImagifyのインストール

Imagify インストール

「ダッシュボード」→「プラグイン」→「新規追加」をクリックします
検索窓に【Imagify】と入力し、「今すぐインストール」ボタンをクリックします。

インストールできたら、「有効化」ボタンをクリックします。

Imagify APIキーを取得

有効化が完了しました。
Imagifyの設定画面が開きますので、ここでアカウント登録をしてAPIキーを取得します。
それでは、【1】の「SIGN UP, IT’S FREE」ボタンをクリックしてください。

下の画像の「今ここ」になります。
↓　↓　↓　↓　↓

次にAPIキーを受け取るためのemailアドレスを記入し、「SIGN UP」ボタンをクリックします。
↓　↓　↓　↓　↓

登録したemailアドレス宛に、APIキーが送られて来ますので、大切に保管しておいてくださいね。
↓　↓　↓　↓　↓

Imagify API キーを挿入

届いたメールの中に記載されているAPIキーを入れて接続していきます。

「I HAVE MY API KEY」ボタンをクリックします。
下の画像【2】の今ここになります。

APIキーを入力する画面が表示されますので、先程届いたAPIキーをコピペします。
コピペしたら、「CONNECT　ME」ボタンをクリックします。

画面が以下のようになったら、接続成功ですので、「OK」ボタンをクリックします。
↓　↓　↓　↓　↓

Imagify 設定

Imagifyの設定に移ります。
「Go TO SETTINGS」ボタンをクリックします。
下の画像【3】今ここになります。

Imagify 一般設定

1. 画像最適化レベル：画像の圧縮度を「NORMAL」「AGGRESSIVE」「ULTRA」の3段階から選びます。デフォルトのまま「AGGRESSIVE」でOKです。
2. 自動最適化：アップロードした画像を自動で圧縮する様、チェックをいれていおきましょう。
3. 元の画像をバックアップ：元の画像をサーバーに保管します。私はチェックをはずしました。
4. EXIFデータの保管：EXIFデータは、画像に含まれるさまざまな情報（撮影した場所・カメラの種類・日時などの全ての情報です）を言います。チェックを外しておくことで、この情報は自動的に消去されます。
   個人情報を守るためにチェックは外しておきましょう。

Imagifyの設定方法

WebP（ウェブピー）は、Google が開発した画像形式ですが、Apple, Safariなどに対応できていないので、チェックは外しておきましょう。

Imagify Mecia Library

ここの設定で画像の横幅の上限を決めます。これにより、大きすぎる画像を小さくしてくれます。
デフォルトのまま2048pxでOKです。

次にWordPressで自動作成されたサムネイルのサイズを圧縮するか？決めていきます。
サムネイルは画像が小さいので、私は全てチェックを外しています。

注）画像サイズを追加すると毎月の使用量にも影響がでますので、ご注意ください。

表示オプション

ここにチェックを入れておくと、WordPress画面の上部にImagifyへのショートカットキーが設置されます。

設定内容を確認後「変更を保存」ボタンをクリックしてください。

これで設定は完了しました、大変おつかれさまでした。

Imagifyをおススメする理由

最後になってしまいましたが、Imagifyをおススメする理由を書いておきたいと思います。

以前は、「Compress JPEG & PNG images」「EWWW Image Optimizer」「Tiny PNG」などをいろいろと試した結果「Imagify」にたどり着きました。

圧縮率が高いのに、圧縮後の画像が鮮明であることをネットで知り、早速使ってみたのが1年以上前の事になります。本当に画像鮮度が落ちないのに、画像サイズは縮小されているので、おススメします。

月25MBまでは無料で使用する事が可能です。

上限まで到達してしまった場合は、画像の圧縮化を翌月まで待つか有料版に切り替えてストレスなく画像の圧縮化をするか？となります。

お知らせ

ＷordPressの画像圧縮プラグインの中でもかなり優秀な「Imagify」ですが、どうやらブログ初心者の方には、英語のみと言うのが難点なようです。

この記事の手順でそのまま進めて行けば、問題なくインストールから設定まで出来ると思います。

ですが、不安の残る方や、よくわからないと言う方はメールまたはチャットやLINEなどの通話を通じてご相談を受けていますので、どうぞ遠慮せずにお知らせくださいね。

その他のプラグインについては、こちらの記事でご紹介しています。
↓　↓　↓　↓　↓
Cocoonに必要なプラグインはどれ？

この記事は、ブログ記事内に設定したリンクが何らかの理由でリンク切れになってしまった場合に、即座に知らせてくれる便利なプラグインとなっています。

リンク切れの放置は、ユーザビリティーの悪影響を及ぼし、結果的に検索エンジンでも悪評化を受けてしまいますので、出来るだけ早急に対処したい事案となります。

そこで今日は、ＷordPressのプラグイン「Broken Link Checker」のインストールから設定方法までをこの記事で解説していきたいと思います。

Broken Link Checkerとは？

Broken Link Checkerは、WordPress のプラグインで、ブログ記事内のリンク切れを自動検知→通知してくれます。

• リンクの記載ミス（URLのスぺルミス)があった場合
• リンク先のサイトが閉鎖・削除などの場合
• ブログ記事のリライトで古い記事を削除→リンクを変更し忘れた場合

上記のような場合に、リンク切れをお知らせしてくれます。

Broken Link Checker インストール

「ダッシュボード」→「プラグイン」→「新規追加」の順にクリックし、「Brocken Link Checker」を入力します。

つぎに「今すぐインストール」をクリックします。

「有効化」をクリックします。

これでBroken Link Checerのインストールは終了しました。次は設定へ進みます。

Broken Link Checker 設定の詳細

一般設定タブ

変更後は、必ず「変更を保存」ボタンをクリックしてください。

一般設定　私が変更した箇所は、赤文字に変更しておきましたので、参照してください。

含まれるリンクを探すタブ

チェックするリンクの対象を設定します。　デフォルトのままでOKです。

変更後は、必ず「変更を保存」ボタンをクリックしてください。

含まれるリンクを探すタブ　デフォルトのままでOKです。

プロトコル＆APIタブ

ちぇくする手段を設定します。　デフォルトのままでOKです。

変更後は、必ず「変更を保存」ボタンをクリックしてください。

プロトコル＆APIタブ　デフォルトのままでOKです。

高度な設定タブ

この設定タブでは、「バックグラウンドで1時間ごとに実行する」のチェックを外します。

サーバーに負担を掛けるのを避けるためですので、チェックは外しておいてくださいね。

変更後は、必ず「変更を保存」ボタンをクリックしてください。

高度な設定：「バックグラウンドで1時間ごとに実行する」のチェックを外す以外はデフォルトのままでOKです。

リンクエラーがあった場合

リンクエラーがあった場合、「ダッシュボード」→「ツール」→「リンクエラー」に数字が表示されます。

「リンクエラー」をクリックすると画面は、リンクエラー一覧ページが表示されます。

表示される内容は：

• URL: リンク先のURL
• ステータス: リンクエラーの原因
• リンクテキスト: リンクのアンカーテキスト
• ソース: リンクエラーが生じている記事

エラー修正方法

該当するURLにマウスをあて、「URL編集」をクリックします。
編集以外の場合は：「リンク削除」「リンクエラーでない」「無視」「再確認」から選択してください。

↓　↓　↓　↓　↓

画面は、リンク修正画面に変わりますので、ここでリンクを修正してください。

最後に「変更」ボタンをクリックして完了です。

まとめ

Broken Link Checkerは、ブログサイトのリンク切れを自動で検知・通知してくれるプラグインです。

設定は、ほぼデフォルトのままで大丈夫ですが、サーバーに負担を掛けてしまう箇所は、事前に変更しておくことをおススメします。

その他のプラグインについては、こちらの記事でご紹介しています。
↓　↓　↓　↓　↓
Cocoonに必要なプラグインはどれ？

この記事は、HTMLサイトマップの作成を自動で行うPS Auto Sitemapと言うプラグインの導入から設定方法までを初心者向に詳しく解説していきます。

まず最初に2つのサイトマップの違いをしっかりと確認してくださいね。
↓　↓　↓　↓

PS Auto Sitemap とは

まず最初にPS Auto Sitemap（ピーエス　オート　サイトマップ）はあなたのサイトに訪れたユーザーにサイトの記載内容が簡単にみつかるサイトマップを自動で作成するプラグインとなります。

PS Auto Sitemap　インストールから設定まで

PS Auto Sitemap インストール手順

「ダッシュボード」→「プラグイン」→「新規追加」→「PS Auto Sitemap」→
「今すぐインストール」の順番にクリックします。

「有効化」ボタンをクリックします

↓　↓　↓　↓　↓

これでプラグインは無事インストールが終了しました。

PS Automap Sitemap 設定方法　（固定ページ）

「PS Auto Sitemap」を使ってHTMLサイトマップの自動生成方法
「ダッシュボード」「設定」「PS Auto Sitemap」をクリックします。

↓　↓　↓　↓　↓

「PS Auto Sitemap」の設定画面が開きますので、画面一番下のご利用方法までスクロールダウンします。

↓　↓　↓　↓　↓
<!– SITEMAP CONTENT REPLACE POINT –>
↑　↑　↑　↑　↑
このコードを全て< から＞までコピーします。

この後、公開ボタンをクリックして固定ページでの作業は完了となります。
↓　↓　↓　↓　↓

PS　Auto Sitemap 設定　（プラグインサイド）

あともう一息で全ての設定が終わりますので、頑張ってくださいね。

「ダッシュボード」→「固定ページ」→「固定ページ一覧」

「固定ぺージ一覧」の中から「サイトマップ」を見つけます。

サイトマップ　　　　　　　　　　　　　　　　　　　　　　　　　　　　公開済み　　　37

上記からIDをコピーします→　今回私の場合のサイトマップIDは、「37」となっています。

再びPS Auto Sitemap設定画面へ戻ります。
「ダッシュボード」→「設定」→「PS Auto Sitemap」をクリックします。

「PS Auto Sitemap」の設定画面が開きます
サイトマップを表示する記事の空欄にさきほどのサイトマップページのID「37」を記入します。
↓　↓　↓　↓　↓

これで「PS Auto Sitemap」の設定は全て完了しました。

まとめ

ユーザビリティ―にかかせない項目の1つがサイトマップとなります。

サイトマップには、2種類あることをお伝えしました。

1. XMLサイトマップは検索エンジンにあなたのサイトを見つけてもらうためのプラグイン
2. HTMLサイトマップはサイトに訪問してくれたユーザのためのプラグイン

この記事では、後者No.2のHTMLサイトマップの作成について解説してきました。
おさらいの意味を込めてここでもういちどインストールから設定までの手順を書いておきますので、参照願います。

インストールから設定までの手順

1. 「ダッシュボード」→「プラグイン」→「新規追加」→「PS Auto Sitemap」→
   「今すぐインストール」の順番にクリックします。
2. 「有効化」ボタンをクリックします。（これでインストールは終了です）
3. 「ダッシュボード」「設定」「PS Auto Sitemap」をクリックします。
4. 「PS Auto Sitemap」の設定画面からコードをコピーします。
5. 「ダッシュボード」→「固定ページ」→「新規追加」で開いた固定ページ「テキスト画面」に4のコードを貼り付けます
6. 「公開」ボタンをクリックし、固定ページID番号を取得します。
7. 「PS Auto Sitemap」の設定画面で固定ページ番号を所定の場所に貼り付けます。

これで全ての作業は完了します。

HTMLサイトマップの作成は、ユーザビリティの面だけではなく、検索エンジンにも効果的ですので、是非設定しておいてくださいね。

その他のプラグインについては、こちらの記事でご紹介しています。
↓　↓　↓　↓　↓
Cocoonに必要なプラグインはどれ？