リンク集ページ（リンクインバイオ）の作り方

リンク集ページとは、名前、写真、自己紹介の一文、そして短いリンクのリストを載せた、スマホで見やすい1枚のページです。リンクを1つしか置けないSNSのプロフィールに入れる、1つのURLになります。自分で作るのは、すぐに役立つ代表的なWeb制作の一つです。自分のドメインに置いた静的なページで、一瞬で読み込まれ、他社のブランドは入りません。最初は静的に作り、クリック計測やメール登録は、実際に使うと決まってから追加してください。

ページに載せるもの

短くまとめてください。訪問者はアプリからスマホで来て、注意を向けてくれるのは数秒間です。

• 名前と写真、またはロゴ。ひと目で分かり、正しい場所に来たと実感してもらえるようにします。
• 自分が何者か、または何を作っているかの一文。
• 3〜7個のリンク。最も重要なものを先頭に。最新の作品を一番上に置きます。
• 目立たせた行動の導線が1つ。今月、最も来てほしい行動（新作、ローンチ、予約リンクなど）です。
• 他のプロフィールへのSNSアイコン（最下部）。
• 任意：メール登録、最新動画の埋め込み、商品の小さなグリッド。

リンクを増やすほど、それぞれがクリックされにくくなります。20個もある場合は、グループにまとめるか、一部を個人サイトに移してください。

判断事項とトレードオフ

静的か動的か。 静的なページは、普通のHTMLとCSSです。壊れるものがなく、起動の必要もなく、ほぼ瞬時に読み込まれます。編集はページそのものを変更することで行います（またはAIビルダーに頼みます）。動的なページでは、コードに触れずにリンクを編集できる管理画面と、データベースが加わります。毎日リンクを変える場合や、複数の人のページを管理する場合に役立ちます。一人で使うなら、たいてい静的で十分です。

独自ドメイン。 自分で作る最大の理由です。yourname.com は覚えやすく、プロフェッショナルに見え、次にどのツールを使っても動き続けます。独自ドメインの接続方法を参照してください。

クリック計測。 2つの方法があります。

1. プライバシーに配慮したアクセス解析スクリプトで、ページビューと外部リンクのクリックを記録します。シンプルで、バックエンドは不要です。
2. 各リンクを、自分のドメイン上の短いリダイレクト（yourname.com/go/shop など）に通し、クリックを数えてから転送します。より細かく制御でき、同じリンクをメールや動画でも使えます。これは小さなURL短縮サービスです。

どちらでも、訪問者の住む地域で追跡に必要な場合にだけ、Cookieの通知を入れてください。Cookieを使わないアクセス解析ツールの多くは、そもそもそれを避ける設計になっています。適用されるルールを確認してください。

メール登録。 登録フォームは、最も価値のある追加要素です。SNSのフォロワーはプラットフォームのものですが、メールの購読者は自分のものです。フォームには、アドレスの送信先が必要です。メールマーケティングツールのフォームやAPI、または自分のデータベースです。ニュースレターサイトの作り方を参照してください。

デザイン。 誰もが使うテンプレートではなく、自分らしく見えるべきです。フォントの組み合わせは1つ、ブランドの色、わかりやすいボタンのスタイルを選びましょう。ダークモードでも確認してください。多くのスマホがダークモードを使っています。

速度と共有。 画像は小さく保ってください。タイトル、説明、共有用の画像（Open Graphタグ）を追加し、メッセージに貼ったときにリンクがきれいにプレビューされるようにします。

うまくいく最初のプロンプト

スマホを優先したデザインで、リンク集ページを1枚の静的なHTMLとして作ってください。上部には、丸いプロフィール写真、名前「Sam Rivera」、そして「イラストレーター兼コミックアーティスト。新刊発売中」という一行を置いてください。その下に、目立つボタン「書籍を予約注文」を1つ、次に「Shop」「YouTube」「Commissions」「Newsletter」のボタンを置いてください。最下部には、Instagram、TikTok、Blueskyの小さなアイコンを配置します。全幅の大きなボタンと十分な余白、温かみのあるオフホワイトの背景、濃い文字色、アクセントカラーは1色（テラコッタ）にしてください。上品なダークモードも付けてください。タイトル、メタディスクリプション、Open Graphの画像タグを追加してください。モバイル回線でも速く読み込めるよう、画像は小さくしてください。まだトラッキングやCookieは入れないでください。

名前、一行の紹介、リンクは、自分のものに置き換えてください。このプロンプトは、レイアウト、色、そして入れないものについて具体的に指定しています。

構築の手順

1. まず中身を決める。リンクを順番に書き出し、自己紹介の一文を書きます。自分でもクリックしないものは削ってください。
2. ページを作る。スマホサイズのプレビューで、ライトモードとダークモードの両方で確認します。
3. 実機で確認する。スマホで開きます。できれば、InstagramやTikTokのアプリ内ブラウザから開いてください。訪問者の多くは、そこでページを見ます。
4. 共有のプレビューを確認する。メッセージアプリにリンクを貼り、タイトルと画像を確認します。
5. ドメインを設定する。自分のドメインに置きます。
6. 数字が欲しければ、計測を入れる。アクセス解析やリダイレクトのリンクを追加し、各リンクを一度ずつクリックして計測されることを確認します。
7. メールの登録フォーム（メールリストを作る場合）。

最新の状態を保つ

リンク集ページは、自分の変化に合わせて変えていくと最も効果的です。簡単な習慣として、人に見つけてほしい新しい投稿をしたら、同じ日に一番上のリンクを更新してください。月に1回は、もう関係のないものを削除します。キャンペーン（ローンチ、セール、イベント）を行う場合は、期間中だけ目立つボタンを割り当て、終わったら元に戻します。リダイレクトのリンクで計測している場合は、短いパス（/go/latest など）は変えず、転送先だけを変えてください。そうすれば、そのパスを使った過去の投稿も、役立つ場所に届き続けます。

よくある失敗

• リンクが多すぎる。 訪問者は、15個のボタンをスクロールして見たりしません。
• 古い一番上のリンク。 前シーズンのプロモーションが一番上にあると、放置されているように見えます。変わったら更新してください。
• 重い画像。 モバイル回線での大きな写真は、最初の印象を遅くします。
• 小さすぎるタップ領域。 ボタンは全幅にし、親指で簡単に押せるようにしてください。
• 共有用の画像がない。 共有されたときにリンクが素っ気なく見えます。
• ツールのサブドメインだけで運用する。 そのツールが変わると、投稿したすべてのリンクが壊れます。自分のドメインなら避けられます。

既製のツールが適している場合

ホスト型のリンク集ツールは、本当に便利です。スマホで使える編集画面、内蔵のアクセス解析、ショップや投げ銭の連携、無料プランの多くが揃っています。コードに触らずにスマホでリンクを変えたく、ツールのデザインやブランドが気にならないなら、簡単な選択肢です。1ページで作れるシンプルなビルダーも選択肢の一つです。Carrdの代替サービスを参照してください。

自分で作るのは、ドメインに月額料金を払わずに自分のドメインを使いたいとき、デザインを完全に管理したいとき、サードパーティのブランドを入れたくないとき、自分が所有するクリックデータが欲しいとき、または後でポートフォリオや個人サイトに成長させたいときです。

Mythexで作る

Mythexでは、チャットでページを説明し、静的なページを依頼して、ライブプレビューのスマホサイズの枠で確認します。静的サイトは静的サイトとして公開されます（Mythexの静的サイトを参照）。置いてあるだけではクレジットを使わないため、リンク集ページは維持費が安く済みます。どのプランでも mythex.ai のリンクで公開でき、Proでは独自ドメインを接続するか、Mythex内でドメインを購入できます。リンクを変えたいときは、チャットで依頼して、もう一度公開するだけです。

よくある質問