WordPress用SEO画像リンク

プラグインの説明:

SEO Image Linkプラグインは、指定されたウェブサイトのメタデータ（タイトル、説明、画像）を抽出し、WordPressサイトに表示します。さらに、設定に応じて、**スクリーンショット**（mShotsサービス経由）または**OG画像**（Open Graph Image）をローカルのWordPressアップロードフォルダに保存し、ショートコードを介してフロントエンドに表示します。また、複数のページをスライダーギャラリー（カルーセル）で表示できる**カルーセル機能**も新たに追加されました。

機能:

• メタデータの抽出: 外部ウェブサイトのog:title、og:description、og:imageを自動的に認識し表示します。
• スクリーンショット統合 (mShots): OG画像がない場合、または明示的にスクリーンショットを希望する場合、外部サービスmShots (Automattic) を介して生成され、ローカルにキャッシュされます。
• ローカル画像保存 & キャッシュ: 取得された画像（スクリーンショット/OG画像）はwp-content/uploads/seo-img-link/フォルダに保存され、設定（キャッシュ時間など）に応じて再利用されます。
• 複数の表示スタイル:
  • style="image": OG画像のみを表示します（利用可能な場合）。
  • style="screenshot": ページのスクリーンショット（mShots）を表示します。スクリーンショットがない場合は、読み込みが完了するまで一時的にフォールバックを表示します（希望する場合）。
  • style="mixed" (指定がない場合のデフォルト): OG画像を表示し、マウスオーバー時にスクリーンショットをフェードイン表示します。
• カルーセル機能: 複数のエントリを、遅延読み込みとナビゲーション矢印を含む無限ループのカルーセルとして表示できます。
• ショートコードによる簡単な組み込み:

• 見出し

  

  Example Domain

  Keine Beschreibung

プライバシーに関する注意事項:

このプラグインは、スクリーンショットを作成するためにAutomatticのmShotsサービスにアクセスします。以下の点にご注意ください:

• スクリーンショットはAutomatticによって生成され、取得時にWordPressのアップロードディレクトリに保存されます。これにより、一時的にデータ（取得するページのURL）が第三者プロバイダー（Automattic）に転送される可能性があります。
• mShotsの機能に関する詳細情報は、こちらをご覧ください: mShotsドキュメント。
• Automatticの利用規約を遵守し、データ処理をプライバシーポリシーに含めるのはあなたの責任です。

利用規約:

プラグイン（特にmShotsによるスクリーンショット機能）を使用する前に、以下の注意事項が適用されます:

1. 外部データ処理: スクリーンショットの生成には、第三者プロバイダー（Automattic）が関与します。
2. サイト運営者の責任: 外部スクリーンショットを組み込むかどうか、どのように組み込むかはあなたの責任です。
3. プライバシーポリシーの透明性: スクリーンショット機能の使用とmShotsへの外部接続の可能性をプライバシーポリシーに記載することをお勧めします。

プラグインをダウンロードして使用することにより、これらの注意事項に同意したものとみなされます。

ダウンロード:

WordPress用SEO画像リンクプラグインをダウンロードする。

---

インストールと使用方法:

1. プラグインのアップロードと有効化
   • プラグインのZipファイルをアップロードし、WordPressの管理画面のプラグインで有効化します。
2. ショートコードの使用

以下のいずれかのショートコードを投稿またはページに挿入してください:

[seo-img-link site="example.com" style="image" title="私の見出し"]
[seo-img-link site="example.com" style="screenshot"]
[seo-img-link site="example.com" title="オプションのタイトル"] (style="mixed"に相当)

1. カルーセル機能

複数の[seo-img-link]エントリをスライダーとして表示するには、[seo-img-link-carousel]を使用します。

例:
[seo-img-link-carousel]
[seo-img-link site="example1.com" style="image"]
[seo-img-link site="example2.com" style="screenshot"]
[seo-img-link site="example3.com"]
[/seo-img-link-carousel]

例（実践）:
https://nuonu.com/wordpress-plugins-ki-webentwicklung-webapps-seo-code-ai/

モバイル表示には、ナビゲーション用のジェスチャーコントロール（左右スワイプ）も含まれています。

 

1. オプションのパラメータ
   • site: メタデータを表示するウェブサイトのURL。
   • style:
     • image: OG画像のみを表示。
     • screenshot: スクリーンショットのみを表示（スクリーンショットが読み込まれるまでフォールバックする場合あり）。
     • mixed (デフォルト): OG画像を「メイン」として、スクリーンショットをホバー効果として表示（両方の画像が存在する場合）。
   • title: 出力におけるオプションの独自のタイトル。
   • cache: データが再読み込みされるまでの日数（例: cache="7"）。cache="0"はキャッシュを無効にしますが、リモートクエリが増える可能性があります。

---

よくある質問 (FAQ):

1. メタデータが利用できない場合はどうなりますか？
ページにOGタグがない場合、mShotsを使用してスクリーンショットを読み込もうとします。それも失敗した場合、後で試行が成功するまで何も表示されません。
2. スクリーンショットはローカルに保存されますか？
はい。以前のバージョンのプラグインとは異なり、取得されたスクリーンショット/OG画像はwp-content/uploads/seo-img-link/フォルダに保存され、プラグインのJSONファイルにキャッシュされます。これにより、mShotsサービスの負担が軽減され、読み込み時間が短縮されます。

3. OG画像のみでプラグインを使用できますか？
はい。style="image"を使用してOG画像のみを表示するか、スクリーンショットの呼び出しを省略してください。

4. スライダーで複数のページを表示するにはどうすればよいですか？
エントリをショートコード[seo-img-link-carousel]（上記参照）内に配置します。これにより、スクロール可能なカルーセル表示が得られます。

5. デザインをカスタマイズできますか？
はい。wp-content/plugins/seo-image-link/assets/css/ディレクトリにCSSファイル（seo-img-link.cssとseo-img-link-carousel.css）があり、自由に編集できます。または、WordPressの管理画面で（カスタムCSSなどを使用して）独自のオーバーライドを定義することもできます。