OGタグ（Open Graphタグ）をChatGPTに提案されましたのでAIで記事を作ってみました。

Table of Contents

OGタグ（Open Graphタグ）は、SNSやメッセージアプリでWebページのリンクをシェアしたときに、表示されるタイトル・画像・説明文などを指定するためのタグです。

たとえば、あなたのAI小説やイラストの記事をTwitterやPixivのプロフィールからシェアしたときに、魅力的に表示させるために重要です。

代表的なOGタグの例

以下のコードは、WordPress記事ページの<head>内に入る形で出力されます（テーマかプラグインで制御）：

<meta property="og:title" content="白いメイドと戦火の記憶 | AI小説シリーズ" />
<meta property="og:description" content="武装メイド部隊の少女が辿る運命。AIが描く新感覚SF小説。" />
<meta property="og:image" content="https://www.ai.necokoucan.com/wp-content/uploads/maid-novel-cover.jpg" />
<meta property="og:url" content="https://www.ai.necokoucan.com/novel/shiroi-maid-no-rekishi/" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="AI創作工房 - necokoucan" />

設定方法

WordPressでは主に以下2つの方法があります：

① プラグインで簡単に設定する

おすすめプラグイン：

Yoast SEO：SEO全般に強く、OGタグも自動生成。
All in One SEO Pack：こちらも定番。SNSカード用の設定項目あり。
Rank Math SEO：最近人気。画像付きのOGプレビューを細かく管理可能。

導入後、記事ごとに「SNS用タイトル・説明・画像」を指定できます。

② テーマで手動出力する（開発者向け）

header.php や functions.php にカスタムコードを書くことで、独自に制御できます。Pixivからの見え方を細かく最適化したい人向けです。

SNSごとの対応状況（ざっくり）

サイト	OGタグを読む？	補足
Facebook	可能	og:imageが特に重要
Twitter	可能（+Twitterカード）	`twitter:card`も併用すると◎
LINE	可能	og:title / og:image が使われる
Pixivプロフィール	NG（独自）	Pixiv側の設定からリンク記載推奨