カードリンク作成:1つのURLで複数のコンテンツを視覚的に伝える方法

vvd.im/card-link-multi-url-guide
一覧
https://vvd.im/card-link-multi-url-guide
インスタグラムのバイオリンク1つに複数のコンテンツをまとめたいとお考えですか?
Vivoldiのカードリンク機能を活用すれば、コーディングなしで画像・タイトル・説明が含まれたマルチリンクページを素早く作成できます。

URLパラメータ1つでレイアウトを即座に変更し、短縮URLをカードに接続してカードごとのクリックデータまで正確に追跡する方法を段階別にご案内します。マーケター、クリエイター、ネットショップ運営者様に実用的なガイドです。
カードリンク作成:1つのURLで複数のコンテンツを視覚的に伝える方法

インスタグラムのバイオリンク1つに、すべてを詰め込みたいと思ったことはありませんか?

新製品の紹介、ブログ記事、YouTube動画、そしてSNSチャンネルまで。1つのリンクしか共有できない状況で、複数のコンテンツを同時に伝えなければならない時のあのもどかしさ、多くの方が共感されることでしょう。

このような問題を解決するために「リンクインバイオ(Link in Bio)」サービスが登場しましたが、デザインが単調であったり、クリック追跡機能が不足していたり、あるいは思い通りにレイアウトを変えようとすると結局コーディングが必要になるケースが多いのが実情です。

この記事では、Vivoldiのカードリンク機能を活用して、コーディングなしで画像と説明が含まれたマルチリンクページを作成し、URLパラメータでレイアウトを自由に制御し、個別カードのクリック数まで正確に追跡する方法を段階別にご案内いたします。

マーケター、クリエイター、ネットショップ運営者の方であれば、実務ですぐにご活用いただける内容となっております。

 

カードリンクとは何か?

カードリンクは、単にURLを羅列するのではなく、画像またはYouTube動画 + タイトル + 説明が一緒に表示されるカード形式のコンテンツを複数集め、1つのウェブページとして構成する機能です。完成したページは、たった1つの短いURL(例:vvd.bz/mypage)で共有することができます。

従来のシンプルなバイオリンクサービスとの最大の違いは、視覚的な完成度データ追跡の深さです。

テキストボタンのリストの代わりに画像付きのカードを使用すると、訪問者の視線を引きつけ、クリック転換率を高めるのに有利です。そして、各カードに短縮URLを接続すれば、どのカードが最も多くクリックされたかをダッシュボードですぐに確認することができます。

活用範囲も広いです。インスタグラムやTikTokのプロフィールリンク、企画展やイベント用の一時的なランディングページ、ポートフォリオのまとめページ、複数の製品を同時に紹介するショッピングリンクページなど、さまざまな用途でご使用いただけます。

 

始める前に必ず知っておくべきこと:環境の制限

カードリンクを作成する前に、必ず覚えておくべき重要な事項が1つあります。カードリンクの作成と編集は、スマートフォンではできません。必ずデスクトップPCまたはタブレット環境のウェブブラウザで作業を行う必要があります。

完成したカードリンクページを訪問して閲覧することは、すべてのデバイスで可能です。モバイル環境では、カードが自動的に1列配置に切り替わり、読みやすく表示されます。しかし、新しいカードリンクを作成したり、既存のものを修正したりするには、PCまたはタブレットが必要です。

もう1つ、カードリンクを初めて作成する際に入力するリンクタイトルと要約情報は、検索エンジンでメタタグ(Meta Tag)として収集されます。単なるページ名よりも、検索への露出を考慮した主要キーワードを含めて慎重に作成する方がSEOに有利になります。

デスクトップ環境でのカードリンク編集インターフェース

 

カードリンクの作成:段階別ガイド

ステップ1:新しいカードリンクの作成

Vivoldiダッシュボードからカードリンクメニューに移動し、「新しいカードリンクを作成」を選択します。この段階で、ページ全体を代表するタイトルと要約情報を入力します。前述の通り、この情報は検索エンジンのメタタグとして活用されるため、例えば「コーヒーブランド新製品紹介」とするよりも「2025年夏 新作コールドブリュー&ラテ – オンライン注文 | ○○カフェ」のように具体的かつキーワード中心に作成すると、検索露出の向上に役立ちます。

ステップ2:カードの追加

ページが作成されたら、カードを1つずつ追加できます。各カードは次の3つの要素で構成されます。

  • タイトル:カード上部に表示される核心的な文言
  • 内容:カード中央に表示される詳細な説明
  • 下部表示文言:カード下部の補助テキストまたはCTA文言

ここに画像を追加すると、視覚的な完成度が大きく上がります。カードには、接続するURLも一緒に入力します。このURL部分が、後ほどクリック追跡と結びつく重要なポイントとなります(これについてはマーケティング活用のセクションで詳しく説明します)。

ステップ3:デザインのカスタマイズ

基本的なカード構成が完了したら、ページ全体のデザインを調整できます。背景画像を変更したり、各カードのアイコンを一括変更したりすることが可能です。環境設定の組織設定メニューでは、ページ全体のタイトルやロゴも変更できるため、ブランドの一貫性を維持するのに役立ちます。

カードの順序を変えたい場合は、各カード左側の矢印アイコンをドラッグすることで、直感的に再配列できます。複数のカードを希望の順序に並べ替える作業が、コーディングなしのドラッグ&ドロップで処理されます。

PC画面では、1行に表示するカードの数を直接設定できます。2列、3列、4列など、希望の列数を指定すると、デスクトップの訪問者にはグリッド形式で表示されます。モバイルでは画面サイズに合わせて自動的に1列に調整されます。

デスクトップモニターとスマートフォンが並んで置かれている16:10比率のレイアウト比較イラスト。左側のデスクトップ画面には画像カードが3列のグリッド(Grid)形式で配置されており、右側のスマートフォン画面には同じコンテンツが縦型1段の列に最適化されて表示されています。柔らかなブルーの背景と影が適用された白いカードデザインが、すっきりとモダンなレスポンシブWeb UIデザインを表現しています。

 

URLパラメータでレイアウトを即座に変更する(高度な機能)

カードリンクの最も強力な機能の1つは、URLパラメータによるレイアウト制御です。完成したカードリンクのURLの後ろにパラメータオプションを追加するだけで、訪問者に見えるページのデザインを即座に変えることができます。コードを修正したり、新しいページを作成したりする必要はありません。

サポートされているパラメータオプションは次の通りです。

  • mode=summary:上部のヘッダーと下部のフッター領域を非表示にします。カードと核心的なコンテンツだけをすっきりと表示したい場合に便利です。
  • mode=simple:カード領域を除くすべてのUI要素を非表示にします。外部ページに埋め込んだり、特定のプロモーションのみに集中させたりしたい場合に効果的です。
  • w=full:カードの横幅を画面全体に拡張します。横幅の広い画像やバナー形式のカードを強調したい場合に使用します。

パラメータは互いに組み合わせて使用することもできます。例えば、イベントのランディングページとして活用する際は、vvd.bz/mypage?mode=simple&w=fullのように2つのオプションを同時に適用し、カードのみを全幅で表示するすっきりとしたプロモーションページを作成することができます。

この機能の実用的な価値は、1つのカードリンクページを様々な状況で異なる形で活用できるという点にあります。普段はヘッダーとフッターがある基本のURLを共有し、特定の広告キャンペーンではmode=simpleが適用されたURLを使用して、集中度の高いランディングページに切り替えるといった手法が可能です。

3つのレイアウト(Default、Summary、Simple)を比較したブラウザウィンドウ3つが並べて配置されたUIイラストで、同じカードコンテンツがそれぞれ異なる構造で表示された画面の比較画像

 

マーケティング追跡:どのカードが一番クリックされたか?

カードリンクページを作成することも重要ですが、マーケターであれば「どのカードがどれくらいクリックされたか」という質問の方がより重要かもしれません。Vivoldiはこのデータを確認する方法を提供しており、その鍵はカードにURLを入力する方法にあります。

カードに元のURLをそのまま入れると、個別のカードのクリックデータは確認できません。代わりに次の方法を使用します。

  • 各カードに接続する元のURL(例:商品ページ、ブログ記事など)を、まずVivoldiで短縮URLに変換します。
  • 変換された短縮URL(例:vvd.im/item01)をカードのリンクアドレス欄に入力します。
  • その後、Vivoldiダッシュボードで各短縮URLのクリック数、流入地域、デバイス情報などを個別に確認できるようになります。

この方法を使用すれば、カードリンクページ全体の訪問者数だけでなく、カードAは何回、カードBは何回クリックされたかまで把握できるため、コンテンツの成果を精密に分析することが可能です。

プッシュ購読機能の活用

訪問者が特定のカードをクリックして外部リンクに移動するのではなく、ページ自体に留まらせたり、リターゲティング目的で購読者を集めたりしたい場合は、プッシュ購読オプションを活用できます。カード設定でプッシュ購読オプションにチェックを入れると、訪問者が通知の購読に同意した場合、後でマーケティングコミュニケーションチャンネルとして活用することができます。この機能のより詳細な活用方法については、Vivoldiの関連ガイド映像を参考にされることをお勧めします。

モダンなSaaSダッシュボード形式のURLクリック統計分析イラスト。暗いネイビーのサイドバーとすっきりとした白いメイン画面で構成されており、3つのカードリンク別のクリック数(320、185、95 Clicks)を青と青緑のグラデーションの棒グラフで視覚化して示しています。下部には総クリック数と最も成果の高いリンク情報が含まれており、データ中心のインターフェースを強調しています。

 

実際の活用シナリオ

インスタグラムのバイオリンク

インスタグラムのプロフィールにはURLを1つしか入れることができません。カードリンクページのURLを1つバイオに入れれば、訪問者はそのリンク1つから、最新の投稿、YouTubeチャンネル、商品購入ページ、イベント申込フォームなど、希望するコンテンツへ自由に移動できます。各カードに関連する画像と説明を入れることで、視覚的にもブランドらしいページを作成できます。

企画展およびイベントのランディングページ

サマーセール、新製品発表、特別イベントなどのために一時的なランディングページが必要な時、カードリンクで素早く構成できます。イベントが終了したらカードを交換または非アクティブ化すればよいため、別途のウェブ開発費用やホスティング費用なしで柔軟に運営できます。mode=simpleパラメータを適用したURLを広告に使用すれば、不要なメニューを排除した集中度の高いランディング体験を提供できます。

ポートフォリオリンク

デザイナー、ライター、開発者などのクリエイターであれば、ご自身の作品を1つのリンクにまとめる用途としてご活用いただけます。各プロジェクトをカードとして構成し、画像と説明を入れれば、履歴書や名刺に入れるのに最適な、1つのURLのポートフォリオページが完成します。

 

他のサービスと比較してみると

Linktree(リンクツリー)やその他のバイオリンクサービスも類似の機能を提供しています。これらのサービスは世界中で広く使用されており、使い勝手が良いです。Vivoldiのカードリンクと比較した場合、いくつか違いがあります。

第一に、Vivoldiはカードリンクと短縮URLが同じプラットフォーム内に統合されているため、クリック追跡データを1箇所で管理できます。すでに短縮URLサービスをご利用中であれば、別途のバイオリンクツールを追加で購読する必要はありません。第二に、URLパラメータを通じたレイアウト変更機能は、1つのページを様々な状況に合わせて再活用できるという点で柔軟性が高いです。ただし、カードリンクの作成がPCまたはタブレットに制限されている点、そしてサービスの性質上、一部の高度な機能は有料プランで提供される点は、使用前にご確認いただくのが良いでしょう。

 

要点のまとめと始め方

カードリンクは単にリンクを集めておくためのものではなく、訪問者に視覚的によく整理されたコンテンツ体験を提供しつつ、同時にマーケティングデータまで収集できるツールです。これまで見てきた内容をまとめると、以下のようになります。

  • カードリンクの作成と編集はPCまたはタブレットでのみ可能であり、タイトルと要約はSEOを考慮して作成すること
  • 画像 + タイトル + 説明で構成されたカードを複数配置し、ドラッグで順序の再配列が可能
  • URLパラメータ(mode=summary、mode=simple、w=full)により、コーディングなしでレイアウトを即座に変更可能
  • カードごとのクリックデータを追跡するには、カードに短縮URLを入れる必要がある
  • プッシュ購読オプションで訪問者をリターゲティングチャンネルに繋げることが可能

今すぐPCを開いて、Vivoldiダッシュボードで最初のカードリンクを作ってみてください。数枚のカードを構成するのにかかる時間は、思っているよりも短いです。完成後、vvd.im/yourpageという形式の短いリンク1つで、複数のコンテンツを伝える準備が整います。

カードリンクをどのような用途で活用されているか、または試してみたいアイデアなどがございましたら、ぜひコメントで共有してください。他の方々の活用事例が、新しいアイデアの出発点になるかもしれません。

一覧


Seongho Moon
マーケティングマネージャー
Seongho Moonはビボディのソーシャルメディアマネージャーです。ソーシャルメディア管理、イベント取材の分野で5年以上の経験を持ち、プラットフォームや業界全般にわたって、消費者とコミュニティの参加を促すストーリーを伝えることに優れた能力を発揮します。