ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
| この記事の要点 |
|
主要 SNS の特徴 (2026 年 6 月時点)
| サービス | 運営 | 特徴 | 主なユーザー層 |
|---|---|---|---|
| Meta | 実名 / リアルグラフ / 長文も可 | 30 代以上、地域コミュニティ | |
| Meta | 写真 / リール (短尺動画) / ショッピング | 10 代後半〜30 代、ビジュアル系 | |
| X (旧 Twitter) | X Corp (Musk) | 短文 / 速報性 / 公開議論 | 幅広い、IT・政治・趣味 |
| TikTok | ByteDance | 短尺動画 / アルゴリズム配信 | 10 代〜20 代中心 |
| Microsoft | ビジネス / キャリア | 20 代〜50 代、職務利用 | |
| Threads | Meta | Instagram 連動の短文 SNS、ActivityPub 対応進行中 | Instagram ユーザーが流入 |
| Bluesky | Bluesky PBC | 分散型 AT Protocol、Twitter ライク | テック / クリエイター |
| Mastodon | 分散 (各サーバが独立) | ActivityPub、連邦型、自前ホスト可 | OSS / プライバシー重視 |
| YouTube | 動画プラットフォーム、SNS 的側面 | 全世代 | |
| LINE | LY 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:description | 100〜150 字 |
| twitter:card | summary_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 の現状
| API | 2026 年現状 | 用途 |
|---|---|---|
| X (Twitter) API v2 | 無料枠は月 1500 ツイート読込まで、有料は $200/月〜 | ツイート投稿 / 検索 / ユーザー情報 |
| Meta Graph API (FB / IG) | アプリ審査が必須、ビジネス用途中心 | Facebook / Instagram 投稿 / 分析 |
| TikTok API | Content Posting API 公開、審査あり | 動画投稿 / 分析 |
| LinkedIn API | Marketing 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 をデータ源にする選択肢が現実的になっています。
ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
人気ページ
- 1 Eclipseで「サーバーに追加または除去できるリソースがありません。」の原因と対処法
- 2 tomcat の起動 / 停止ログと catalina.log・catalina.out の違い
- 3 JavaScript base URL 取得方法|window.location.origin と SSR/Node.js 対応
- 4 YouTube Data API v3 エラー一覧|403/400/404 の主要原因と切り分け
- 5 Spring Frameworkのアノテーション一覧
- 6 Laravel エラー一覧|500/Blade/DB 接続/ルーティングの代表エラー
- 7 3Dグラフィックスとは|モデリング/レンダリング/主要ソフトウェア (Blender / Maya)
- 8 【Spring】@Valueアノテーションとは
- 9 CATALINA_HOME の確認方法 (Linux / Mac)
- 10 【Spring】@Autowiredアノテーションとは
最近更新/作成されたページ
- システム管理ソフトウェア完全ガイド 2026-06-11 01:08:59
- PHP Facebook (Meta) Graph API 導入と投稿実装完全ガイド 2026-06-11 01:08:59
- TypeScript 完全ガイド 2026-06-11 01:08:59
- ARCHICAD (BIM ソフト) 完全ガイド 2026-06-11 01:08:59
- HTML script タグ配置完全ガイド (defer/async) 2026-06-11 01:08:59
- Firebase Hosting 完全ガイド 2026-06-11 01:08:59
- TypeScript データ型一覧完全ガイド 2026-06-11 01:08:59
- Android Activity 間パラメータ受け渡し完全ガイド 2026-06-11 01:08:59
- FileZilla サーバ接続失敗の原因と対処完全ガイド 2026-06-11 01:08:59
- HTML time 要素完全ガイド (SEO/構造化データ) 2026-06-11 01:08:59
- Matplotlib 線グラフ 線種完全ガイド 2026-06-11 01:08:59
- FuelPHP (PHP フレームワーク) 完全ガイド (Legacy) 2026-06-11 01:08:59
- HTML リスト (ul/ol/dl) 完全ガイド 2026-06-11 01:08:59
- HTML p 要素 (段落) 完全ガイド 2026-06-11 01:08:59
- TypeScript 基本文法完全ガイド 2026-06-11 01:08:59
コメントを削除してもよろしいでしょうか?