WordPressにInstagramを埋め込む方法！プラグインなしの方法も

WordPressでWebサイトを運営している方の中には、Webサイト上にInstagramの投稿を埋め込みたいと考えている方もいるのではないでしょうか。

WordPressにInstagramを埋め込めば、ユーザビリティ向上やInstagramのフォロワー数アップなどが期待できます。しかし、埋め込みすぎるとWebサイトの表示速度が遅くなるため注意が必要です。

この記事では、WordPressにInstagramを埋め込むメリット・デメリットに加えて、埋め込み方をプラグインなし／ありの2パターンに分けて紹介します。

「WordPressにInstagramを埋め込む」とは、WordPressのページ上にInstagramの投稿を表示させることです。ユーザーはWebサイトから離れなくても、画像や動画、投稿文の閲覧ができます。

WebサイトにInstagramを埋め込むと、コンテンツを充実させることが可能です。ユーザーに対して魅力的なコンテンツを提供できるだけでなく、自社にとってもさまざまなメリットが期待できるでしょう。

以下では、WordPressにInstagramを埋め込むメリットについて4つ紹介します。

WordPressにInstagramを埋め込むメリットは、ユーザーの関心を惹きつけてページ滞在率を長く維持できる点です。Instagramの投稿写真や動画をWebサイトから離脱せずに閲覧できるため、ユーザーの興味をかきたてながらWebサイトに長く滞在してもらえます。

Webサイト滞在時間が長くなれば、商品やサービスがユーザーの目に留まる可能性も高まり、さらなる関心を集められるでしょう。

Instagramのフォロワー数や、投稿についたいいね数を表示させられる点もメリットの1つです。フォロワー数が多ければ、商品やサービスまたは、Webサイトの信頼性向上につながります。

いいね数はユーザーに対して、人気や評判を分かりやすく伝える要素です。多くのいいねがついた投稿をWebサイトに埋め込むことで、商品やサービスを効果的にアピールできます。

WordPressにInstagramの投稿が埋め込まれていれば、Instagramの自社アカウントをフォローしてもらう大きなきっかけになるでしょう。ユーザーがアカウントの存在自体を知らない場合も、埋め込みの閲覧によってアカウントの存在を認知できます。フォロー数を増やすには、魅力的な写真・動画の投稿が大切です。

フォロワーが増えると自社の魅力を継続的にユーザーに届けられるだけでなく、商品やサービスのファンになってもらえる可能性もあります。

Instagramはユーザーが多いSNSですが、すべての方がアカウントを持っているわけではありません。しかし、WordPressにInstagramの投稿を埋め込めば、アカウントを持っていない方も投稿を見られるようになります。そのため、自社に関する情報をより多くのユーザーに発信することが可能です。

ただし、投稿の詳細を見るには、ユーザーがInstagramにログインしなければならない点に注意しましょう。

WordPressにInstagramの投稿を埋め込むと、ユーザーにもWebサイト運営側にも多くのメリットがあります。しかし、Instagramを埋め込むことで、かえってユーザーがWebサイトから離れる原因を作る恐れもあります。

WordPressにInstagramを埋め込むデメリットは、おもに次の2つです。

デメリットの1つは、Webサイトページの表示速度が遅くなることです。Instagramはサイズが大きいため、多くの投稿を埋め込むとその分表示速度が遅くなります。なかなかページが表示されないと、ユーザーがWebサイトを離脱するきっかけになりかねません。

また、表示速度が遅いWebサイトは、Google検索において上位表示されにくくなります。検索順位が下がるとアクセス数低下につながるため、SEOの観点からもページ表示速度が遅くならないような対策が必要です。

WordPressの高速化に繋がるプラグイン5選｜おすすめ施策も

WordPressの表示速度を上げると、SEO効果の向上や直帰率・CVRの改善に繋がる可能性があります。この記事では、WordPressの高速化に効果的な5つのプラグインや、プラグイン以外で取り組むべき3つの施策を説明します。

デメリットの2つ目は、定期的にWebサイトのメンテナンスが必要になる点です。
Instagramの投稿を削除した場合、WordPressに埋め込んだInstagramの投稿はエラー表示になります。

そのため、埋め込んだInstagramの投稿が正常に反映されているか、定期的にチェックしなくてはなりません。投稿画像がエラーになっている場合は、別の投稿に差し替えたり、コンテンツの内容自体を変更したりする作業も忘れないようにしましょう。

WordPressにInstagramを埋め込む方法は、Instagramの埋め込みコードを使用するほか、ツールやプラグインを使う方法などさまざまです。

まずはツールやプラグインなしで、WordPressにInstagramを埋め込む設定方法について3パターン紹介します。

WordPressにInstagramを埋め込む基本的な手順は、Instagram埋め込みコードを利用した次の方法です。

以上で、基本的なWordPressへのInstagram埋め込み作業は終了です。シンプルな手順のため、初心者でも手軽にInstagramの投稿を埋め込めます。

Instagramのキャプション（文章）を除いた画像のみを埋め込みたい場合は、次の設定手順で行います。

Instagramの画像のみを埋め込む場合は、手順2で「キャプションを追加」のチェックマークを忘れずに外しましょう。

サイドバーとは、パソコンから閲覧した際に各Webページの左右に表示されるゾーンを指します。サイドバーには、Webサイト運営者のプロフィールや記事カテゴリー、新着記事などの表示が可能です。訪問者にとって分かりやすいWebサイトになるように、さまざまな機能を設置できます。

サイドバーにInstagramを埋め込む方法は、次の通りです。

サイドバーにInstagramを埋め込むことでWebサイト訪問者の目に留まりやすくなり、写真・動画を通じて自社商品やサービスを強調する効果が期待できます。

プラグインを使用すると投稿数や背景色などをカスタマイズでき、より見栄えよくInstagramを埋め込めます。数あるInstagram埋め込みプラグインの中でもおすすめは、「Smash Balloon Social Photo Feed」です。

Smash Balloon Social Photo Feedをおすすめする理由は、次の通りです。

Smash Balloon Social Photo Feedを用いたWordPressへのInstagram埋め込み方法について、順を追って解説します。

WordPress管理画面から「プラグイン→新規追加」をクリックし、右上の検索窓で「Smash Balloon Social Photo Feed」と検索します。

「今すぐインストール」をクリック後「有効化」をクリックしましょう。以上でプラグインのインストールと有効化まで設定完了しました。

WordPress管理画面に追加される「Instagram Feed」をクリックして「新規追加」を選択します。

フィード形式を選択する画面になりますが、無料版では「ユーザータイムライン」のみ選択可能です。右上の「次へ」をクリックします。

「ソースを追加」をクリックしてInstagramアカウントのログイン画面へと進み、画面に従って連携設定を完了させましょう。

「Instagramフィードを作成」の画面から、連携したアカウントにチェックを入れて「次へ」をクリックします。フィードの管理画面に進むと、画面左側の「カスタマイズ」「設定」タブから、レイアウトや配色、表示設定などを変更可能です。

「Instagram Feed」から「すべてのフィード」に進み、右上にある「＜/＞ 埋め込み」ボタンをクリックして、ショートコードをコピーしましょう。コピーしたショートコードは、WordPressの投稿ページまたは固定ページに追加します。

ショートコードをWordPressに追加する方法は、次の2つです。

ショートコードを貼り付けて「更新」をクリックすれば、InstagramのタイムラインをWordPressに表示させる作業は完了です。

WordPressにInstagramを埋め込むには、外部ツールを利用する方法もあります。ツールの大きな特徴は、表示デザインや設定内容の自由度の高さです。代表的な埋め込みツールには、次の3つがあります。

外部ツールは、基本的に有料のものがほとんどです。使用目的や予算に合わせて適切なツールを選び、効果的に活用しましょう。

WordPressへのInstagramの埋め込み作業は、手軽にできる一方で気をつけなければならないポイントもあります。注意点を押さえておかないと、大きなトラブルになりかねません。

Instagramの埋め込みをする前に、以下の注意点を確認しておきましょう。

Instagramの埋め込みをする際は、他人の著作権や肖像権を侵害しないよう気をつけなければなりません。著作権とは、画像や動画、文章に発生する権利を指します。肖像権とは、個人の顔や姿に発生する権利のことです。

無断で他人の投稿を埋め込むと、著作権や肖像権の侵害にあたる恐れがあります。特に企業がUGCを活用したい場合は、あらかじめコンテンツ投稿者に使用許可を取るようにしましょう。

非公開アカウントのInstagram投稿は、WordPressに埋め込めません。Instagramのメニュー内にある「埋め込み」ボタンが表示されず、埋め込みコードが取得できないようになっています。

埋め込んだInstagramの投稿は、Instagram自体とリンクしています。そのため、Instagram側で投稿が削除された場合、WordPress上でもエラー表示となり投稿が閲覧できません。

Webサイトがエラー表示ばかりだとユーザーの意欲を削いでしまい、サイトから離脱しやすくなります。Instagramの投稿が正常に反映されているか、定期的にチェックするよう心がけましょう。

投稿内容が24時間で消えるストーリーズも埋め込みができません。ただし、ストーリーズを「投稿としてシェア」した場合はフィードに残るため、埋め込みできるようになります。

上記で紹介した埋め込みツール「EmbedSocial」を利用すれば、Instagramのストーリーズでも埋め込み可能です。ストーリーズのレイアウトや組み合わせをカスタマイズして、効果的なウィジェットを作成できます。

WordPressにInstagramを埋め込むと、Webページの滞在率やInstagramのフォロワー数アップといった効果が期待できるでしょう。

過剰な埋め込みは、Webページの表示速度低下を招くため注意が必要です。また、埋め込んだ投稿を削除すると、Webサイト上でエラーが表示され見栄えが悪くなりかねません。Webサイトを最適な状態に保つためにも、Instagramの投稿と埋め込んだWebページの管理が大切です。

プラグインやツールも検討しつつ、Instagramの埋め込みを有効活用して、ユーザーの興味を惹くコンテンツを用意することをおすすめします。