あまり知られていない WordPress の画像管理の 3 つのヒント

<スパン>1. WordPress 画像管理の究極ガイド
2.現在読んでいる記事: WordPress でのあまり知られていない 3 つの画像管理のヒント
<スパン>3. WordPress 画像 SEO の間違いとその修正方法

WordPress での画像管理の究極ガイドの 2 番目の投稿へようこそ。最初の投稿は、正しいスタートを切ることについてでした。 JPG または PNG 画像形式をいつ使用するか (厳密な例はありますが)、およびストック画像を適切にアップロードするためのいくつかのヒントを学びました。

今日の投稿では、WordPress サイトでの画像の保守と管理のより技術的な側面をいくつか見ていきます。

サイトの URL を変更したり、サーバーを移動したりすると、画像はどうなりますか?
サイトに複数の作成者がいて、そのうちの何人かが外部画像にリンクしている場合はどうなるでしょうか?これらの画像をサーバーにホストするにはどうすればよいでしょうか?
誰かがあなたの画像をホットリンクするとどうなりますか?ところで、ホットリンクとは何ですか?

これらは、今日の投稿で答える質問の一部です。いつもの投稿シリーズと同様に、「なぜ」から始めて、次に「方法」に進みます。始めましょう！。

ヒント #1: サイト URL 更新による画像管理

これは、WordPress ユーザーによく見られる間違いの 1 つです。

WordPress サイトの URL はいつ変更されますか?

ただし、その前に、サイト URL がいつ変更される可能性があるかを理解する必要があります。以下に、最も一般的な 3 つのシナリオを示します。

1. 新しいドメイン名への移行

ドメイン名を変更すると、サイトの URL が更新されます。たとえば、Moz は以前は SEOMoz として知られていました。新しいブランディングでは、画像、PDF、アフィリエイトリンクなどの既存の URL をすべて seomoz.com から moz.com に更新する必要がありました。

2. WordPress インストールディレクトリの変更

WordPress インストールの場所を変更すると、サイトの URL も変わります。実際、これは最も一般的なケースの 1 つです。

WordPress は、ブログ という新しいデフォルトディレクトリにインストールされます。 WordPress を初めて使用する人の多くは、無意識のうちに WordPress をexample.com/blog にインストールしてしまいます。

後で、WordPress をルートドメイン、つまりexample.com に移動したいことに気づきました。 (あなたが製品会社またはサービス会社で、後の段階でコンテンツマーケティングを組み込んだ場合は、共感するでしょう。)

WordPress がルートディレクトリに移動されると、サイト URL は example.com/blog から example.com に変更されます。 画像、PDF (さらに言えばメディアファイル) は次のようになります。

旧: example.com/blog/ebook.pdf
新規: example.com/ebook.pdf

3. ステージングサーバーと実稼働 (ライブ) サーバー間の移行

これは、トラフィックの多いブログや電子商取引 Web サイトでよく見られ、エラーによってコンバージョンが低下します。 WPEngine や Flywheel などの管理対象ホストを使用している場合、ステージングサーバーとの間の移行は非常に簡単に行うことができます。 (ところで、私たち WPExplorer は 3 年連続で WPEngine を使用していますが、一度もダウンタイムに遭遇したことはありません。)

この問題は、誰かがステージングサーバーの URL を使用して画像や投稿へのリンクをアップロードしたときに発生します。サイトをライブサーバーに転送し直すと、ステージングサーバーの環境にアップロードされた画像には、ステージングサーバーのリンクが使用されます。したがって、これは理想的には避けるべきです。チームの誰かがステージング環境にコンテンツをアップロードした可能性があると思われる場合は、これから共有する修正を適用できます。

同様のことで、ステージングサーバーからのリンクを使用することに何の害があるのかと疑問に思う人もいるかもしれません。現在のライブサイトの帯域幅を節約できませんか?

そう考えるのは間違いではありません。しかし、実際には、このようなことが起こることはほとんどありません。その理由は次のとおりです。

ステージングサーバーは通常、より低いリソースで実行されます。サイトの速度が犠牲になり、ユーザーエクスペリエンスに悪影響を及ぼします。
多くの場合、ステージング/テストサーバーのルートリンクは変更され続けるため、大量のリンク切れが発生する可能性があります。壊れたスクリーンショットがあちこちにある 3000 ワードのチュートリアルを想像してください。それを聞いたらどう感じますか？
これは画像 SEO にも悪影響を及ぼします。 Google の画像検索は依然としてオーガニックトラフィックのソースであることを忘れないでください。画像がドメインに属していない場合、無料のオーガニックトラフィックと SEO ポイントを失うことになります。

私たちは何を解決しようとしているのでしょうか?

WordPress サイトの URL がいつ変更されるかがわかったので、エラーの潜在的な余地がある例を見てみましょう。自動的に生成されたリンク (アフィリエイトリンクなど) には問題はありません。ただし、投稿やページに手動で貼り付けられたリンク (内部リンク、画像リンクなど) は手動で更新する必要があります。

私たちは皆、投稿やページで画像を使用します。画像リンクの典型的な例は次のとおりです。

http://mywpsite.tld/wp-content/uploads/year/month/image-name.png

WordPress サイトのサイト URL が変更されると、すべての画像のソースリンクも次のように変更されるはずです。

http://newwordpressdomain.tld/wp-content/year/month/image-name.png

画像だけでなく、すべてのリンク (投稿間リンク、メディアファイル、PDF などを含む) を更新する必要があります。

さて、この問題については徹底的に議論したようです。次に、問題を完全に解決する方法を見てみましょう。いつものように、私たちは救出する WordPress プラグインを持っています。

ベルベットブルースの更新 URL

まず、Velvet Blues Update URL をダウンロードしてインストールします。
有効化したら、 WordPress ダッシュボードツール > URL の更新 ページに移動して、プラグイン設定を構成します。

WordPress での URL 置換 – Velvet Blues Update URLs プラグインの提供

Microsoft Word の検索と置換機能をどのように使ったか覚えていますか?そうですね、これがプラグインの本質的な動作です。ページまたは投稿コンテンツ内の古い URL を検索し、新しい URL に置き換えます。こうすることで、すべての投稿の画像リンクが更新されます。

さらに、プラグインの機能を拡張して、サイトリンク、抜粋、添付ファイル、カスタムフィールド、メタボックス内の URL を検索/置換することができます。

以下に、サイト内の古い URL の例をいくつか示します。

ステージングサーバーから移行していた場合、古い URL は次のようになります: hostname.com
ドメイン名を変更/更新する場合は、新しいサイト名を使用してください。
プロトコルとして「https」を使用した場合は、「http」を「https」に置き換えます。

この例では、古い URL を http://seomoz.com から https://moz.com に置き換えています。新旧の URL を入力したら、[今すぐ URL を更新] をクリックします。プラグインは投稿とページすべてをスキャンし、検索と置換の魔法を適用します。すべての URL が 新しい URL の値に更新されます。

注意事項: 複数の投稿やページをスキャンして置換すると、特に WordPress ブログに数百の投稿がある場合、リソースが大量に消費される可能性があります。すべてのスキャンオプション (サイトリンク、抜粋など) を選択した場合、リソースの使用量は大幅に増加します。サイト全体の URL 更新が多すぎると、リソースの過剰使用によりホスティングアカウントが一時的に停止される可能性があります。この問題は、共有ホスティングプロバイダーで最もよく発生します。したがって、プラグインを実行するときは少し注意することをお勧めします。

ヒント #2: WordPress への外部画像のインポート

外部画像とは、サーバー内でホストされていない画像です。このチュートリアルでは、すべての外部画像を独自の WordPress サイトに迅速かつ効率的にインポートする方法を学びます。

わかりやすくするために、適切なライセンスを使用して画像を使用していると仮定します（そうでないと、まったく別の議論に陥る可能性があります！）。

簡単にまとめると、WordPress サイトで外部画像を使用すべきではない 2 つの理由があります。

彼らは他の人の帯域幅を消費しますが、これはあまり公平ではありません。
画像のSEOスコアに悪影響を及ぼしました。

次の投稿を見てみましょう。投稿が外部画像を使用しているかどうかをビジュアルエディターで理解するのはかなり困難です。

WordPressビジュアルエディター

もちろん、WordPress エディターのテキストビューに移動しない限り。

WordPress エディターのテキストビュー。投稿コンテンツの HTML ソースコードが表示されます。

その画像は実際には、人気のある画像ホスティング Web サイトである imgur.com でホストされていることがわかります。これを修正するには、次のことを行う必要があります。

画像をダウンロードする
WordPressにアップロードする
投稿内のリンクを更新する

すべての投稿のすべての画像に対してこれらすべての手順を繰り返すことを想像できますか?すべての外部イメージを見つけるだけでも数日かかります。解決策があるはずですよね？それとも、私はあなたを失望させるためだけにこの話をしているのでしょうか？

もちろん違います！解決策はあります。いつものように、これは素晴らしい無料の WordPress プラグインです。

WordPress に外部画像をインポートする方法

このプラグインについて私が最初に気に入っている点の 1 つは、その名前そのものです。明確で、鮮明で、要点を押さえています。まず、外部画像のインポートプラグインをダウンロードしてインストールします。プラグインを有効にして、WordPress ダッシュボード > メディア > 画像のインポート に進みます。

次のようなオプションパネルが表示されるはずです。

外部画像のインポート WordPress プラグインオプション

右下隅に注目すると、プラグインが外部画像を含む投稿をすでに識別していることがわかります。

この例では、このプラグインをステージング環境で実行しました。そのため、投稿は 1 つだけで、外部イメージが 1 つあります。

あとは [今すぐ画像をインポート] をクリックしてプロセスを開始するだけです。完了すると、インポートされたイメージ全体についての同様の確認メッセージが表示されます。

オプションで、ドメイン名に基づいて画像を除外することも選択できます。これは、置き換えたくない特別な画像ダウンロードリンク (Photobucket などの有料の外部画像ホスティングサイトから) がある場合に役立ちます。

画像のインポートが完了した後、メディアギャラリーを確認すると、インポートされたすべての画像が表示されます。

画像は自動的にインポートされ、WordPress メディアライブラリに保存されます。

これで、画像が WordPress メディアギャラリーにインポートされました。投稿内容はどうでしょうか？彼らはまだ古い画像の URL を指しているのでしょうか?絶対違う！

また、プラグインは画像ファイルのリンクを新しい URL、つまりドメインのリンクに置き換えます。

インポート後、画像リンクも更新されます。

パフォーマンスへの影響: URL 更新プラグインで説明したリソース消費の問題と同様、WordPress に外部画像をインポートすると、サーバーリソースの相当な部分が消費されます。ありがたいことに、開発者はサーバーの使用を制御するための措置を講じています。プラグインは、呼び出しごとに最大 50 件の投稿をスキャンします (つまり、プラグインの設定ページにアクセスまたは更新するとき)。また、インポート呼び出しあたりの画像の最大数は 20 に制限されます。

ヒント #3: WordPress で画像のホットリンクを防ぐ方法

簡単に言うと、ホットリンクとは、他人の Uber 予約に乗って街をさまようことを意味します。考えてみてください。通勤用に Uber を予約すると、見知らぬ男がどういうわけかあなたの予約を盗み、思いのままに利用してしまいます。彼らの乗車料金はあなたが支払います。ここで、誰でもあなたの Uber の予約を受け取ることができ、好きなように、好きなだけ、好きなだけ利用でき、それに対してあなたにはどうすることもできない状況を想像してみてください。

まあ画像のホットリンクもある程度似ています。人々はあなたの画像を撮影し、自分のサイトで使用します。彼らは名声を得て、あなたは彼らの請求額を支払うことになります。そしてそれに対してできることは何もありません。

持続する！最後の行は真実ではありません。それについて何かできるのです。やっぱりWordPressですね！あなたはおそらく「ああ、スーラフは別のプラグインを導入するつもりだ」と考えているでしょう。バジンガ！そうではありません。

1. ホットリンク防止用に Web サーバーを構成する (Apache または NGINX)

Web サーバーは、他の人があなたの画像をホットクするのを防ぐのに十分です。最も一般的な 2 つの Web サーバーは、Apache と NIGNX です。 Web サーバーとして Apache を使用している場合は、.htaccess ファイルに数行のコードを追加することで、WordPress での画像のホットリンクを防ぐことができます。 2013 年に、私はこれに関する短いチュートリアルを書きました。これは現在でも応用できます。

ただし、NGINX を wes サーバーとして使用している場合は、次のコードスニペットを NGINX 構成ファイルに追加します。

location ~ .(gif|png|jpe?g)$ {
      valid_referers none blocked .yourwebsite.com;
      if ($invalid_referer) {
         return   403;
     }
 }

yourwebsite.com を実際のドメイン名に置き換えます。

簡単に言うと、このコードスニペットは、GIF、PNG、JPG/JPEG ファイルがホットリンクされるのを防ぎます。これらのファイルには、あなたのドメインだけがアクセスでき、他の人はアクセスできません。これら 3 つのファイル形式にホットリンクしようとすると、403 エラーが発生します。

ここでは、抜粋されたコードを 1 行ずつ簡単に説明します。

1 行目は画像フォーマットを定義します。ここにmp4などのビデオ形式を追加することもできます。
2 行目は、ドメインからのリクエストを許可する必要があることを NGINX に伝えます。他のドメインが要求した場合は、要求をブロックします。
3 行目は、リクエストが許可されていないドメインからのものである場合に何を行うかを NGINX に指示します。
行 4 は、行 #3 の条件が満たされた場合に HTTP 403 Forbidden エラーをスローするように NGINX に指示します。
5 行目と 6 行目でコードが適切に閉じられ、実行されるようになります。

同様に、ディレクトリ全体がホットリンクされないようにしたい場合は、そのためのコードスニペットもあります。

location /uploads/ {
      valid_referers none blocked .yourwebsite.com;
      if ($invalid_referer) {
         return   403;
     }
 }

/uploads/ を、ホットリンクを防止したいディレクトリに置き換えます。この例では、デフォルトの WordPress のアップロードディレクトリを選択しました。あなたが私たちのほとんどと同じであれば、デフォルトの WordPress アップローダーを使用してすべての画像、PDF、その他のメディアファイルをアップロードすると、ファイルは /uploads/ フォルダー内に配置されます。したがって、マスターフォルダーを保護することで、あらゆるアップロードがホットリンクされるのを防ぎます。

2. CDN を使用して WordPress での画像のホットリンクを防止する

驚いた？初めてそれについて読んだとき、私もそうでした。 CloudFlare が最高の無料 CDN の 1 つであることは誰もが聞いたことがあるでしょう。無料のホットリンク保護も提供していることをご存知ですか?

ホットリンク保護を有効にするには、CloudFlare アカウントのダッシュボードに移動し、続いて Scrape Shield に移動します。ボタンをオンに切り替えると設定完了です。

Cloudflareを使用している場合は、アカウントのScrape Shieldでホットリンク保護を簡単に有効にすることができます。 Cloudflareは完全なプロキシサービスであるため、オリジンサーバーでホットリンク保護を有効にすることを心配する必要はありません。

StackPath CDN や KeyCDN などのプレミアム CDN サービスを使用している場合、必要なのは、ゾーンリファラーに適切なルールを作成して適用することだけです。 KeyCDN にはこれに関する素晴らしいチュートリアルがあるので、読んでみる価値があります。

3. プラグインを使用します: オールインワン WP セキュリティ & ファイアウォールプラグイン

.htaccess コードと関わりたくなくて、ビジネスに対応できるプラグインがあればいいのにと思っているのであれば、それは幸運です。

All In One WP Security & Firewall プラグインをチェックしてください。 50 万以上のアクティブなインストールがあるこのプラグインには、WordPress の重要なセキュリティ機能が多数備わっています。

画像のホットリンク防止機能を有効にするには、次のことを行う必要があります。

All in One WordPress セキュリティプラグインを使用して WordPress で画像のホットリンクを防ぐ方法

プラグインをダウンロードしてインストールします。
それをアクティブ化し、WordPress ダッシュボード > WP セキュリティ > ファイアウォールに移動し、ホットリンクの防止をクリックします。
下部にある小さなチェックボックスをオンにして、[ 設定を保存] をクリックします。

以上です。今後、画像のホットリンクは禁止されます。

結論

この投稿の締めくくりとして、これまでに学んだことを簡単に振り返ってみましょう。

更新方法は、古い URL を新しい URL に置き換えます。解決策は、Velvet Blues Update URLs と呼ばれる気の利いたプラグインです。
次に、外部画像を WordPress にインポートする方法を学びました。ブロガー仲間の多くは、人生で少なくとも一度はこれを行ったことがあるでしょう。繰り返しになりますが、解決策は「外部画像のインポート」というプラグインにありました。
上記の 2 つのシナリオで説明したプラグインはどちらも、それに関連してパフォーマンスに影響を与えます。これらのプラグインは注意して実行する必要があります。
最後に、画像のホットリンクとは何かを確認し、それを防ぐ 2 つの方法を確認しました。 1 つは .htaccess プラグインに数行のコードを追加する方法で、もう 1 つはセキュリティプラグインを使用する方法です。

質問 – これらのヒントについてどう思いますか?何か役に立つものは見つかりましたか?もっと良いものはありますか？また、これまでのシリーズはいかがでしたか？以下のコメント欄でお知らせください。シリーズの次のパートにご期待ください。