退屈に見えて読者に完全に無視されるリンクを共有するのにうんざりしていませんか？これは、ウェブサイトの所有者が貴重なコンテンツを共有しようとする際に直面する最も一般的な不満の1つです。
問題は、プレーンなリンクは注意を引かないということです。
幸いなことに、WordPressには、サポートされているウェブサイトからのリンクをリッチコンテンツカードに変換する組み込み機能があります。これらには、FacebookやX（Twitter）で表示されるプレビューと同様に、画像、タイトル、説明が含まれます。
このガイドでは、WordPress にリンクをコンテンツカードとして追加する方法を説明します。何百人ものユーザーがこの機能を追加するのを支援してきましたが、毎回機能します。さらに良いことに、WordPress がデフォルトでサポートしていないプラットフォーム用にカスタマイズできます！🙌
コンテンツカードとは何か（そしてなぜ重要なのか）？
コンテンツカードを使用すると、サイトで共有するリンクの視覚的な概要を表示できます。プレーンなURLを表示する代わりに、タイトル、アイキャッチ画像、短い説明などの主要情報を自動的に取得し、クリック可能なプレビューボックスを作成します。
これは、TwitterカードやFacebookリンクプレビューと非常によく似た方法で機能します。投稿にリンクを貼り付けると、WordPressはそれをより魅力的でメディアリッチな要素に変換し、目立ちやすくクリックを促します。
これは、動画を埋め込むことやツイートを埋め込むことのようなものだと考えてください。ただし、ソーシャル投稿の代わりに、記事全体、ポッドキャストエピソード、またはその他の外部コンテンツを埋め込みます。
実際の表示は以下のようになります。
これらのコンテンツカードは、見た目が良いだけでなく、投稿をスキャンしやすく、よりインタラクティブにします。読者は、単なる生のリンクではなく、明確なヘッドラインと画像が表示された場合、クリックする可能性がはるかに高くなります。
自分の投稿やその他の役立つコンテンツにリンクする場合でも、コンテンツカードはサイトをより魅力的にし、訪問者がクリックして長く滞在するのを促すのに役立ちます。
WordPressでリンクをコンテンツカードとして埋め込む方法
一般的に、WordPressでリンクをコンテンツカードとして埋め込むには、URLをコピー＆ペーストする方法と、埋め込みブロックを使用する方法の2つの方法があります。
次のセクションでは、両方の方法を使用してその方法を説明します。共有するすべてのトピックを簡単に見てみましょう。
- 方法1. URLをコピー＆ペーストする（サポートされているリンクを自動埋め込みする最も速い方法）
- 方法2. 埋め込みブロックを使用する（配置とレイアウトの制御性が向上）
- ボーナスヒント：コンテンツカードはどのように機能しますか？
- コンテンツカードに関するよくある質問
- 関連するWordPressチュートリアルとヒント
さあ、始めましょう！🚀
方法1. URLをコピーして貼り付ける
デフォルトでは、WordPressではサポートされているウェブサイトからコンテンツカードとしてリンクを簡単に埋め込むことができます。これらのサポートされているウェブサイトとは、あなた自身のサイトを含む、WordPressで構築されたすべてのブログを指します。
リンクをコンテンツカードとして埋め込むには、ページまたは投稿のコンテンツエディター内にURLをコピーして貼り付けるだけです。
その後、WordPressは自動的にコンテンツカードに変換します。
方法2. 埋め込みブロックを使用する
リンクをコンテンツカードとして追加する別の方法は、ブロックエディターで埋め込みブロックを追加することです。
これを行うには、ページまたは投稿のブロックエディターを開きます。次に、'+'ボタンをクリックして、埋め込みブロックを選択します。
これで、ブログ記事のURLをブロックのフィールドに貼り付けることができます。完了したら、「埋め込み」ボタンをクリックしてください。
WordPress は、URL のメタデータを自動的に取得し、コンテンツカードに変換します。
ボーナスヒント：コンテンツカードはどのように機能しますか？
デフォルトでは、WordPressはoEmbedテクノロジーを使用して、oEmbed形式をサポートするウェブサイトからメタデータ情報を取得します。
すべてのWordPressウェブサイトは、標準でoEmbedプロトコルをサポートしています。これは、通常のWordPressサイトからのリンクを、あなたのサイトのコンテンツカードとして埋め込むことができることを意味します。
WordPressウェブサイト以外にも、oEmbedをサポートしている多くの人気ウェブサイトからコンテンツを埋め込むことができます。
例えば、動画のURLを貼り付けるだけで、YouTube動画を埋め込むことができます。ブロックエディターでは次のようになります。
💡 注意: FacebookとInstagramの埋め込みは、WordPressウェブサイトではそのままでは機能しません。これらのプラットフォームからコンテンツカードを簡単に埋め込むには、無料のSmash Balloon Facebookプラグインが必要です。
このトピックの詳細については、WordPress に Instagram コンテンツを埋め込む方法に関するガイドをご覧ください。
コンテンツカードに関するよくある質問
WordPressでコンテンツカードがどのように機能するか疑問に思っていませんか？あなただけではありません！以下は、リンクプレビューの設定やトラブルシューティングを行う際に、人々が最もよく尋ねる質問の一部です。
WordPressでコンテンツカードとして埋め込めるウェブサイトは何ですか？
WordPress は oEmbed プロトコルを使用して、さまざまなサイトのコンテンツカード（埋め込みプレビューとも呼ばれます）を自動的に生成できます。これには、YouTube、Vimeo、Twitter（現 X）、TikTok などの人気の ソーシャルメディア プラットフォームが含まれます。他の WordPress ウェブサイトへのリンクにもシームレスに機能します。
ただし、MetaによるAPIの変更により、FacebookとInstagramの埋め込みはWordPressでネイティブに機能しなくなりました。
これらのプラットフォームからコンテンツを埋め込むには、ソーシャルメディアプラグイン（例：Smash Balloon）が必要です。これらのプラグインは、InstagramやFacebookのフィードをサイトに表示するための専用ツールを提供します。
リンクがコンテンツカードにならない場合はどうすればよいですか？
まず、リンク先のサイトがoEmbedをサポートしているかどうかを確認してください。WordPressは承認されたプロバイダーに対してのみコンテンツカードを作成します。
次に、リンクが文章や段落内でハイパーリンクされているのではなく、WordPressエディタで単独の行に配置されていることを確認してください。
プレビューがまだ表示されない場合は、サイトのキャッシュをクリアしてみてください。キャッシュが埋め込みの読み込みに干渉することがあります。
コンテンツカードの外観を変更できますか？
コンテンツカードのデザインは、次の2つの要因によって制御されます。
- ソースサイト（データを提供します）、および
- WordPressテーマ（データの表示方法を決定します）。
テーマで許可されている以上の外観をカスタマイズしたい場合は、おそらくカスタムCSSを使用する必要があります。とはいえ、ほとんどのウェブサイトでは、デフォルトの埋め込みスタイルはきれいで、すぐに機能します。
関連するWordPressチュートリアルとヒント
この記事が、WordPressでリンクをコンテンツカードとして簡単に埋め込む方法を学ぶのに役立ったことを願っています。次に、次のガイドも参照してください。
- WordPressのURLから数字を削除する方法
- WordPressサイトでアフィリエイトリンクをクローキングする方法
- WordPressでリンク挿入ポップアップにタイトルとNofollowを追加する方法
- WordPressのコメントでURLの自動リンクを無効にする方法
- WordPressで壊れたリンクを見つけて修正する方法
- SEOのための内部リンク：ベストプラクティスの究極ガイド
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
Brent Wilson
このプラグインは削除されました。代替手段はありませんか？
WPBeginnerサポート
現時点では具体的な代替案はありませんが、推奨できるものが見つかり次第、常に注意を払います。
管理者
Dave
これは本当に悪いアドバイスです。このプラグインにはいくつかの重大な欠陥があり、放棄されているようです…
WPBeginnerサポート
Thank you for letting us know, we’ll be sure to look into updating this article from 2015 with a new plugin as we’re able
管理者
ジェフ・ウィットモア
プラグインを機能させましたが、公開したときに、BAM。管理画面のメールを確認してください」という言葉を除いて、空白のページが表示されました。
WPBeginnerサポート
それでも問題が解決しない場合は、こちらのトラブルシューティングガイドをご覧ください： https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
管理者
Lazarus
こんにちは、
このプラグインはWordPress 5.0.3では動作しません。パッチまたは新しいバージョンはありますか？
WPBeginnerサポート
プラグインのアップデートに関する情報は、プラグインのサポートに問い合わせる必要があります。テストされていないという意味であれば、こちらの記事をご覧ください：https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
管理者
デニス・ハーマン
これは素晴らしいです。まさに探していたものです。試してみます。
yair
コンテンツカードを作成しましたが、画像が空白です…
最初にFacebook Open Graphプラグインをインストールする必要がありますか？
WPBeginnerサポート
コンテンツカードで追加したリンクが自分のサイトのものである場合は、FacebookのOpen Graphをインストールする必要があります。外部サイトの場合は、そのサイトがFacebookのOpen Graphを使用している必要があります。また、画像が見つからない場合に使用されるデフォルトのフォールバック画像をプラグイン設定で設定することもできます。
管理者
Steve Media
あとは、Firefoxのブックマークをエクスポートして、URLで並べ替え、「thisdotcom」を含むすべてのサイトを1つのカテゴリに、「thatdotcom」を含むすべてのサイトを別のカテゴリに分類し、WordPressに一括インポートして、カテゴリ、追加日、URLで自動並べ替えし、これらのコンテンツカードを取得する方法を見つけられれば…それは非常にクールだろう。
アルーナス
Need some help?
アヴィル・ベックフォード
今日はキュレーションされた投稿を行ったので、コンテンツカードでテストしましたが、問題なく動作しました。ただし、プレビュー画像のサイズはかなり大きいです。投稿ありがとうございます。
アヴィル・ベックフォード
Abhishek
これが必要でした、ありがとう。
Rikki
同じメッセージが表示されています。プラグインのリストには、私のWPバージョン（4.3）と互換性がないと明記されています。不具合ですか？
WPBeginnerサポート
プラグインは安全にインストールできます。WordPress 4.3でテスト済みです。
管理者
Rikki
ありがとうございます。試してみますね、:-)
fergal walsh
I would use this plugin but incompatible with latest releases of wordpress
WPBeginnerサポート
WordPress 4.3に対応しています。これは最新バージョンです。また、WordPressのバージョンでテストされていないプラグインをインストールすべきかという記事もご覧ください。
管理者