インスタとウェブサイトの連携完全ガイド～ホームページへの埋め込み方法とプロフィールリンク設定を徹底解説

インスタグラムをホームページと連携させたいと考える方が増えています。
しかし、具体的な埋め込み方法やプロフィールへのリンク設定がわからず、悩んでいる方も多いのではないでしょうか。

そこで今回は、インスタグラムとウェブサイトの連携方法について、アカウントURLの調べ方から投稿の埋め込み手順まで詳しく解説します。

なお、ホームページ作成をご検討なら、Wepageをご検討ください。

写真や動画を中心に発信できるインスタグラムは、多くの企業や個人事業主がビジネスに取り入れているSNSです。
インスタグラムとウェブサイトを組み合わせることで、集客力とブランディング効果をさらに高められます。

まずはインスタグラムをビジネスで使うメリットと、ウェブサイトと連携させる意味について見ていきましょう。

１-１．ビジネスでインスタグラムを活用するメリット

ユーザーと直接交流できる

インスタグラムでは、コメントやダイレクトメッセージ、アンケート機能などを使ってユーザーと直接やり取りができます。
ユーザーの声を直接聞ける点は、商品開発や接客の改善にも役立つ大きな魅力です。

ブランディング形成に活用できる

写真や動画に特化したインスタグラムは、「インスタ映え」という言葉が生まれるほど世界観やイメージを伝えやすいSNSです。
統一感のある写真や色使いで投稿を続けることで、他社との差別化やブランドイメージの向上につながります。

フォトギャラリーとして利用できる

写真に文字を追加して投稿すれば、まるで雑誌のようなビジュアルを作ることも可能です。
商品やサービスの魅力を写真で伝えるフォトギャラリーとして活用できるのも、インスタグラムならではの強みといえるでしょう。

無料で利用できる

インスタグラムには、一般アカウントとビジネス向けの「プロアカウント」があり、いずれも無料で利用できます。
プロアカウントでは、分析機能やプロフィールへのアクションボタン追加など、ビジネスに便利な機能を無料で使えるため、コストを抑えて始めやすい点も魅力です。

参考： SNSを活用してホームページの効果を高めよう

１-２．インスタグラムとウェブサイト連携のメリット

集客方法の違いによる相乗効果

インスタグラムの投稿は拡散力があるものの、時間が経つと埋もれてしまいやすいという特徴があります。
一方、ウェブサイトはアクセスが増えるまでに時間がかかりますが、効果が長く続きやすい集客方法です。

この二つを組み合わせることで、短期的な拡散力と長期的な安定した集客という、それぞれの良さを活かした相乗効果が生まれます。

ブランディング強化への効果

インスタグラムの投稿だけでは伝えきれない情報も、ウェブサイトなら詳しく掲載できます。
投稿を見て興味を持ったユーザーをウェブサイトへ誘導すれば、商品やサービス、会社についてより深く知ってもらう機会が増えます。
二つを連携させることで、ブランドイメージをより効果的に伝えられるようになるでしょう。

インスタグラムの埋め込み機能とは、インスタグラムに投稿した写真や動画をそのままの状態でホームページに表示できる仕組みのことです。
専用のコードをホームページに貼り付けるだけで反映されるため、プログラミングの知識がなくても利用できるのが魅力です。

この機能を使えば、インスタグラムとホームページを行き来する手間が減り、訪問したユーザーに自然な形で最新の投稿を届けられます。

２-１．埋め込み機能でできること

埋め込み機能を使うと、投稿画像だけでなく「いいね」の数やコメントの内容もホームページ上にそのまま表示されます。
複数枚の写真を投稿している場合や動画を投稿している場合も、インスタグラムと同じように再生・閲覧が可能です。
下記の表に、埋め込み機能でできることをまとめました。

このように、使い方次第でホームページの滞在時間を伸ばす効果も期待できます。

２-２．ギャラリーページとしての活用例

インスタグラムの投稿を一覧で埋め込み、写真ギャラリーのようなページを作る活用方法も人気です。
商品写真や店舗の雰囲気を伝える投稿をまとめて表示すれば、訪れたユーザーに視覚的な魅力を伝えやすくなります。
埋め込み後もインスタグラムへの連携は保たれているため、ホームページとインスタグラムの相性の良さを活かした運用ができ、企業や個人問わず幅広く取り入れられています。

ただし、インスタグラム公式では投稿一覧埋め込み機能は提供されていません。
投稿一覧を埋め込みたい場合は、後述するプラグインの利用など別のサービスを利用する必要があります。

インスタグラムのアカウントを他のSNSで紹介したり、ホームページ作成の際にリンクを設置したりする場合には、該当アカウントのURLが必要です。
インスタグラムのアカウントURLには決まった形があるため、仕組みさえ覚えてしまえば誰でも簡単に調べられます。
ここでは、スマホとパソコンそれぞれの調べ方を詳しく紹介します。

インスタグラムのアカウントは、すべて同じ形のURLになっており、「ユーザーネーム」と呼ばれる部分さえわかれば、簡単にURLを組み立てられます。

例えば、ユーザーネームが「sample」であれば、URLは「https://www.instagram.com/sample/」となります。

このURLを使えば、ホームページや他のSNSにリンクを設置したり、QRコードを作成して名刺やショップカードに印刷したりすることも可能です。

３-１．スマホの場合

スマートフォンのインスタグラムアプリを使えば、自分のアカウントはもちろん、他のユーザーのアカウントURLも簡単に確認できます。
ここでは、それぞれの調べ方を紹介します。

自分のアカウントの場合

自分のアカウントURLは、プロフィール画面から数タップで確認できます。
以下の手順で試してみましょう。

この方法でコピーしたURLには、末尾に以下のような英数字の羅列（パラメータ）が付いていることがあります。

（例）https://instagram.com/kantei?igshid=YmMyMTA2M2Y=

これは「パラメータ」と呼ばれるもので、アクセス解析のために使われています。不要であれば「?」以降の文字を削除しても問題ありません。
すっきりとした形にしたい場合は、削除してから利用しましょう。

（例）
https://instagram.com/kantei?igshid=YmMyMTA2M2Y=
↓
https://instagram.com/kantei/

他者のアカウントの場合

他の人のアカウントURLを知りたいときも、アプリから簡単に調べられます。
手順は以下の通りです。

コピーしたURLに余分な文字列が付いている場合は、必要に応じて削除し、「https://www.instagram.com/ユーザーネーム/」の形に整えておくと管理しやすくなります。

３-２．パソコンの場合

パソコンからインスタグラムを閲覧する場合は、ブラウザのアドレスバーに表示されているURLがそのままアカウントURLになります。
特別な操作は必要なく、誰でもすぐに確認できます。

他のユーザーのアカウントを調べたい場合は、検索サイトでアカウント名を検索するか、ホームページに設置されているリンクからたどるとスムーズです。

４-１．バナーやテキストリンクへの設置手順

自社のホームページからインスタグラムへ誘導したい場合は、まず前章で紹介した方法でリンクさせたいアカウントのURLをコピーしておきます。
そのうえで、ホームページ内のバナー画像やテキストリンクを選択し、リンク設定欄に先ほどコピーしたURLを貼り付ければ完了です。

ホームページを訪れたユーザーがそのままインスタグラムへ移動できるようになるため、投稿内容や日々の発信をより多くの人に見てもらいやすくなります。
バナーはトップページや会社概要ページなど、目に留まりやすい場所に設置するのがおすすめです。

※上記は当社が提供するホームページサービス「Wepage」で作成したホームページです。
「Wepage」ではこのようにホームページの編集も即座に簡単に行えます。詳しくは「Wepage」のサービスサイトをご確認ください。

参考： Wepage（ウィーページ）とは？特徴や使い方を徹底解説！

インスタグラムに投稿した写真や動画は、専用のコードを使うことで自社のホームページにそのまま表示させることができます。
「いいね」やコメントの数も一緒に表示されるため、わざわざインスタグラムのアプリを開かなくても投稿の様子を確認できるのが便利なポイントです。

ここでは、パソコンを使った埋め込みコードの取得方法と、取得したコードをホームページに貼り付ける手順について詳しく解説します。

５-１．パソコンでの埋め込みコード取得手順

インスタグラムの投稿を埋め込むためのコードは、パソコンからのみ取得できます。
スマートフォンのアプリでは、この埋め込みコードを取得する機能がないため注意しましょう。
手順は下記の通りです。

この手順で取得できるコードには、投稿の画像だけでなくキャプションやアカウント名も含まれています。
そのため、ホームページ上でもインスタグラムの投稿とほぼ同じ見た目で表示させることが可能です。

５-２．取得したコードのウェブサイトへの貼り付け方法

埋め込みコードをコピーしたら、自社のホームページに貼り付けていきます。

貼り付ける際は、HTMLタグをそのまま入力できる編集画面を使用する必要があります。
多くのホームページ作成サービスやCMS（コンテンツ・マネジメント・システムの略で、専門知識がなくてもウェブサイトを管理できる仕組みのこと）には、こうしたコードを貼り付けられる機能が用意されています。

貼り付ける場所によっては、レイアウトが崩れてしまうこともあるため、貼り付け後は必ず表示を確認しましょう。
もし思うように表示されない場合は、利用しているホームページ作成サービスのマニュアルを確認することをおすすめします。

コードの貼り付けさえできれば、専門的な知識がなくてもインスタグラムの投稿をホームページに反映できるので、ぜひ試してみてください。

インスタグラムのタイムラインとは、投稿した写真や動画が時系列で一覧表示される画面のことです。
このタイムラインをそのままホームページに表示できれば、わざわざインスタグラムを開かなくても最新の投稿をユーザーに見てもらえます。

ここでは、ホームページ作成の際に役立つ埋め込み方法をわかりやすく解説します。

６-１．プラグインを使った埋め込みの仕組み

実は、インスタグラムのタイムラインをホームページに表示する機能は、インスタグラム自体が公式に用意しているわけではありません。
そこで役立つのが「プラグイン」と呼ばれる拡張機能です。

プラグインとは、ホームページを作成するシステムに追加でインストールすることで、新しい機能を簡単に使えるようにする道具のことをいいます。
特にホームページ制作でよく使われるWordPress（ワードプレス）というシステムには、インスタグラムと連携できるプラグインがいくつも用意されており、初心者でも比較的簡単にタイムラインを埋め込むことができます。

参考： WordPress（ワードプレス）とは？特徴とメリット、他ツールとの違いを解説

６-２．Smash Balloon Social Photo Feedの設定手順

数あるプラグインの中でも人気なのが「Smash Balloon Social Photo Feed」です。

引用：https://ja.wordpress.org/plugins/instagram-feed/

このプラグインを使えば、インスタグラムのアカウントと連携するだけで、投稿内容を自動的にホームページへ反映できます。
設定の流れは、下記の表を参考にしてください。

この手順を踏むだけで、専門知識がなくてもホームページにインスタグラムのタイムラインを簡単に反映できます。
ホームページ制作の際にこうした機能を取り入れると、更新の手間を減らしながら最新情報を届けられるため、忙しい方にもおすすめです。

インスタグラムのプロフィール欄には、自社のホームページへのリンクを設置できます。
プロフィールを見たユーザーがそのままホームページへ移動できるようになるため、集客の入口として活用しやすい機能です。

ここでは、スマートフォンアプリとパソコンそれぞれの設定方法や、注意しておきたいポイントについて解説します。

７-１．スマートフォンアプリでの設定方法

プロフィール欄へのリンク設置は、スマートフォンのインスタグラムアプリから行います。
手順は下記の通りです。

この方法で設定できるリンクは最大5つまでです。
複数のリンクを登録した場合、プロフィール欄のリンクをタップすると一覧が表示される仕組みになっています。

７-２．パソコンでの制限事項

パソコンのインスタグラムでは、プロフィール欄のリンク編集ができません。
リンクの追加や変更はスマートフォンアプリからのみ行う必要がある点に注意しましょう。

パソコンでホームページを作成・更新している場合でも、リンク設置作業自体はスマートフォンに切り替えて行うことになります。

７-３．リンク設置で注意すべきポイント

プロフィール欄には最大5つのリンクを登録できますが、実際に画面上へ表示されるのは1つのみです。
それ以外は「他○件」という表記になり、ユーザーがタップして初めて他のリンクを確認できます。

また、自己紹介文や通常の投稿にホームページのURLを記載しても、それは単なる文字列として表示されるだけで、タップして移動できるリンクにはなりません。
ホームページへの案内は、プロフィール欄のリンク機能を中心に活用するのが確実です。

複数のページへ案内したい場合は、リンクをまとめたページをホームページ内に用意し、そのURLをプロフィール欄に設置する方法もおすすめです。

参考： リンクツリーの作り方を徹底解説！初心者でもできるSNSまとめページの手順

インスタグラムには、24時間で消える「ストーリーズ」という投稿機能があります。
このストーリーズにはリンクスタンプという機能を使ってURLを貼り付けることができ、フォロワーをそのままホームページへ案内できます。
気軽に投稿できるうえにタップひとつでリンク先に移動できるため、キャンペーン告知や新商品の紹介などに向いています。

ここでは設定の手順を順番に見ていきましょう。

８-１．リンクスタンプの設定手順

リンクスタンプの設定はスマートフォンのインスタグラムアプリから行います。
難しい操作はなく、数分で設定が完了するので初めての方でも安心して試してみてください。

投稿されたストーリーズをフォロワーが見ると、画面をタップするだけで自社のホームページへ移動できます。
文章でURLを説明する必要がないため、スムーズに集客へつなげられる点が魅力です。

８-２．ストーリーズハイライトへの固定表示設定

ストーリーズは投稿から24時間が経つと自動的に消えてしまいます。
しかし「ハイライト」という機能を使えば、気に入った投稿をプロフィール画面に長く残しておくことが可能です。
リンクスタンプを設定したストーリーズをハイライトに追加しておけば、フォロワーがいつでもホームページへアクセスできる状態を作れます。

ハイライトに追加したストーリーズは、プロフィールを訪れたユーザーの目に留まりやすい場所に表示されるため、キャンペーン情報やネットショップの案内など、常に見てもらいたい内容を掲載するのにぴったりです。
定期的に更新しながら活用してみましょう。

９-１．投稿内のURLがクリックできない理由

インスタグラムの投稿には、写真や動画に添える説明文である「キャプション」を書き込めます。
このキャプションにウェブサイトのURLを入力しても、自動的にリンクにはならず、タップしてもウェブサイトへ移動できません。
これはインスタグラムの仕様によるもので、投稿本文のURLをリンクとして認識しない作りになっているためです。

さらに、スマートフォンのアプリでインスタグラムを見ている場合、キャプション部分の文字はコピーすることもできません。
そのため、キャプションに記載したURLは、ユーザーがそのまま手入力しない限りウェブサイトにたどり着けず、あくまで参考程度の表示になってしまう点に注意しましょう。

９-２．ハイライト誘導という代替手段

投稿から直接ウェブサイトへ移動できない代わりに活用されているのが、ストーリーズの「ハイライト」機能です。
ストーリーズにリンクスタンプでウェブサイトのURLを設定し、そのストーリーズをハイライトとして固定表示しておくことで、プロフィール画面からいつでもリンク付きの投稿を見てもらえるようになります。

投稿のキャプションに「詳しくはハイライトをご覧ください」といった一文を添えれば、ユーザーを自然にウェブサイトへ誘導できます。
キャンペーンの案内や新商品の紹介ページへの誘導など、投稿内URLの制限を補う方法として、多くの企業やお店で活用されています。

インスタグラムでの発信を続けていても、情報は次々に流れていってしまい、過去の投稿はなかなか見てもらえません。
だからこそ、集客の土台となる自社のホームページを持っておくことが大切です。
ここでは、ホームページ作成初心者の方にもおすすめのサービス「Wepage」について、その特徴と無料プランの内容をご紹介します。

１０-１．Wepageの特徴と強み

Wepageは、専門知識がない方でも最短3分で本格的なホームページを作成できるサービスです。

プログラミングの知識がなくても、テンプレートを選んで文章や写真を入れ替えるだけで、見栄えの良いホームページ制作が可能です。
業種ごとにデザインや文章のひな形が用意されているため、迷うことなく編集を進められます。
また、インスタグラムのアカウントへのリンク設置もかんたんに行えるので、SNSとホームページを組み合わせた集客をしたい方にも向いています。

１０-２．無料プランでできること

Wepageには、無料プランからホームページ作成を始められるという特長があります。
費用をかけずにまずはホームページを公開し、運用しながら必要に応じてプランを見直すことができるため、初めてホームページを持つ方でも安心です。

「インスタグラムと連携できるホームページが欲しい」「まずは気軽に試してみたい」という方は、ぜひ一度Wepageの無料プランを試してみてください。

ここまで、インスタグラムとウェブサイトを連携させる方法について詳しくご紹介してきました。
プロフィールへのリンク設置や投稿の埋め込みなど、やり方はいくつもありますが、どれも難しい作業ではありません。
インスタグラムとウェブサイトをうまく組み合わせることで、より多くの人にお店やブランドのことを知ってもらいやすくなります。

とはいえ、そもそも連携させるためのウェブサイトがなければ始まりません。
これからホームページ作りを検討している方は、ぜひWepageをご利用ください。
専門知識がなくても、簡単な操作でおしゃれなホームページを作ることができます。