4.

SNS 完全ガイド(X / Instagram / TikTok / Bluesky / Mastodon / API 連携 / OGP)

編集
この記事の要点
  • SNS (Social Networking Service) は人と人をつなぐオンラインサービスの総称
  • 主要プラットフォーム: Facebook / X (旧 Twitter) / Instagram / LinkedIn / TikTok / Threads / Bluesky / Mastodon
  • Web 開発との接点: OGP / Twitter Card (シェア時のプレビュー)、シェアボタンOAuth ログイン
  • 公式 API は近年制限強化: X (Twitter) v2 は無料枠激減、Meta Graph API は審査必須
  • 分散型 SNS (Bluesky / Mastodon / Threads + ActivityPub) は API オープン
  • 日本のステマ規制 (2023.10) や Twitter (X) アルゴリズム変更で運用戦略は流動的

主要 SNS の特徴 (2026 年 6 月時点)

サービス運営特徴主なユーザー層
FacebookMeta実名 / リアルグラフ / 長文も可30 代以上、地域コミュニティ
InstagramMeta写真 / リール (短尺動画) / ショッピング10 代後半〜30 代、ビジュアル系
X (旧 Twitter)X Corp (Musk)短文 / 速報性 / 公開議論幅広い、IT・政治・趣味
TikTokByteDance短尺動画 / アルゴリズム配信10 代〜20 代中心
LinkedInMicrosoftビジネス / キャリア20 代〜50 代、職務利用
ThreadsMetaInstagram 連動の短文 SNS、ActivityPub 対応進行中Instagram ユーザーが流入
BlueskyBluesky PBC分散型 AT Protocol、Twitter ライクテック / クリエイター
Mastodon分散 (各サーバが独立)ActivityPub、連邦型、自前ホスト可OSS / プライバシー重視
YouTubeGoogle動画プラットフォーム、SNS 的側面全世代
LINELY Corpメッセージング + 公式アカウント日本国内ほぼ全員

OGP (Open Graph Protocol)

SNS にリンクをシェアしたとき、自動でタイトル / 画像 / 説明文を表示するための meta タグ仕様。Facebook 発祥ですが、X / LinkedIn / Slack / Discord 等もこの仕様 (または互換) を利用します。
















項目推奨
og:image サイズ1200 × 630 (1.91:1)、最低 600 × 315
og:image ファイル形式JPG / PNG / WebP (8MB 以内)
og:title 文字数40〜60 字 (X は短い方が映える)
og:description100〜150 字
twitter:cardsummary_large_image 推奨

シェアボタン


Xで共有


Facebookで共有


LINEで共有


LinkedInで共有


はてブで共有


OAuth ログイン (SNS 認証)

ユーザーが SNS アカウントでログインする「ソーシャルログイン」は OAuth 2.0 / OpenID Connect を使います:

1. アプリ → SNS の認可画面に誘導 (client_id, scope, redirect_uri)
2. ユーザーが許可
3. SNS → アプリ (redirect_uri) に code を返す
4. アプリ → SNS のトークンエンドポイントに code を送り access_token 取得
5. access_token でユーザー情報 API を呼び出し
// Laravel Socialite 利用例
use Laravel\Socialite\Facades\Socialite;

// 認証開始
Route::get('/auth/twitter', fn() => Socialite::driver('twitter-oauth-2')->redirect());

// コールバック
Route::get('/auth/twitter/callback', function () {
    $user = Socialite::driver('twitter-oauth-2')->user();
    // $user->getId(), $user->getName(), $user->getEmail(), $user->token
    User::updateOrCreate(
        ['twitter_id' => $user->getId()],
        ['name' => $user->getName(), 'email' => $user->getEmail()]
    );
    return redirect('/dashboard');
});

主要 SNS API の現状

API2026 年現状用途
X (Twitter) API v2無料枠は月 1500 ツイート読込まで、有料は $200/月〜ツイート投稿 / 検索 / ユーザー情報
Meta Graph API (FB / IG)アプリ審査が必須、ビジネス用途中心Facebook / Instagram 投稿 / 分析
TikTok APIContent Posting API 公開、審査あり動画投稿 / 分析
LinkedIn APIMarketing Developer Platform 経由共有 / 求人投稿
LINE Messaging API無料枠あり、Bot / 公式アカウントBot / プッシュ通知
Bluesky API (AT Protocol)オープン、認証も簡素投稿 / 検索 / フォロー
Mastodon APIオープン、各サーバごとにエンドポイント投稿 / タイムライン

Webhook 連携

イベント駆動で SNS から自社サービスに通知を受ける仕組み:

// LINE Messaging API Webhook 例
Route::post('/webhook/line', function (Request $req) {
    // 署名検証
    $signature = $req->header('x-line-signature');
    $body = $req->getContent();
    $hash = base64_encode(hash_hmac('sha256', $body, env('LINE_CHANNEL_SECRET'), true));
    abort_unless(hash_equals($hash, $signature), 401);

    foreach ($req->input('events') as $event) {
        if ($event['type'] === 'message' && $event['message']['type'] === 'text') {
            // ユーザーからのテキストを受信
            replyLine($event['replyToken'], "受信: " . $event['message']['text']);
        }
    }
    return response()->json(['ok' => true]);
});

SEO / SNS マーケティングとの接点

  • OGP を整備するとシェア時に CTR が上がる (X 公式統計で 1.5 倍以上)
  • X (Twitter) の URL カードはタイトル + 画像が大きく出るとクリック率が大幅向上
  • SNS からの被リンク自体はSEO 直接効果は弱い (rel=nofollow が多い) が、認知 → 自然リンクの起点となる
  • サイトリンク / 公式アカウント情報を Schema.org の sameAs に列挙すると Google ナレッジパネルに反映されることがある

規制と倫理

  • ステマ規制 (景表法、2023.10 施行): 広告であることを明示しない投稿は違法。#PR や「広告」の表示必須
  • プライバシー: 顔写真 / 個人情報の無断投稿はトラブルの種、利用規約 / 肖像権に注意
  • 個人情報保護法: ユーザー情報を取得・保存する場合、利用目的の明示と同意取得
  • 著作権: 他人の投稿の転載 / 画像引用は出典明記と引用要件の遵守

FAQ

Q: 個人ブログにシェアボタンを置きたい。SNS の SDK は必要?
A: 不要。https://twitter.com/intent/tweet?... のような共有 URL を直接 a タグに貼るだけで動きます。SDK 不使用は読み込み高速化にも貢献。

Q: OGP 画像がキャッシュされて更新されない
A: Facebook は Sharing Debugger、X はCard Validator で再取得を強制できます。

Q: 短文の API ではなく、自前で集計したい
A: X / Meta は API 利用に強い制約があるため、分散型 (Bluesky / Mastodon) や RSS をデータ源にする選択肢が現実的になっています。

編集
Post Share
子ページ
  1. Twitter
  2. Facebook
  3. Google+
同階層のページ
  1. 動画・音楽配信
  2. ECサイト
  3. クラウド
  4. SNS
  5. レンタルサーバー
  6. 認証
  7. プラットホーム
  8. ネットワーク
  9. その他