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

** PR **　目がかすむ、ぼやける。目の悩み解消解消に。

[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]

【ルテインサプリ】高濃度機能性表示食品めなり極ルテインさくらの森ビルベリーゼアキサンチンサプリサプリメント大人気疲れメガネコンタクト日本製安心安全黄金比率
価格：3,860円（税込、送料無料) (2025/3/30時点)

楽天で購入

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側の設定からリンク記載推奨