WEB DESIGN

Xにサムネイル画像すら投稿したくないヲタクはheadにOGP設定するのがオススメ

2024-11-13 13:23
Webデザイン

イーロンがまたいらんことするみたいですね。
11/15からTwitterに投稿した画像がAIに学習されるそうで。

やっぱりヲタクは個人サイトを作ろう!
個人サイトたのしいよ!

画像サイズが小さければ学習対象から外れるらしいけど、サムネイル画像すらXのサーバにアップしたくない。
そんなヲタクは個人サイトを作ってheadにOGP設定するのがオススメです。

OGP設定をすると、XにURLつきの投稿したとき、自分のサーバにある任意の画像をサムネイルとして表示できます。
↓こんな感じで。

このページでは下記画像を設定しています。

高杉晋作 キャラクターデザイン

この画像は自分のサーバに保存している画像なのでXのAIに学習される心配はありません。
たぶん。
まさか、これまで収集しないよなイーロン???

OGP設定の例

OGP設定をするにはhtmlファイルのheadに下記を書きます。
●●の部分をページごとに任意で変更してください。


<meta property="og:title" content="●ページのタイトル●">
<meta property="og:description" content="●ページの概要●">
<meta property="og:type" content="●トップページなら「website」トップページ以外なら「article」●">
<meta property="og:url" content="●ページのURL(https://から)●">
<meta property="og:image" content="●サムネイル画像URL(https://から)●">
<meta property="og:site_name" content="●サイト名●">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@●Twitterアカウント名●">
<meta property="og:locale" content="ja_JP">

OGPのサムネイル画像サイズ

推奨画像サイズは「横 1200px × 縦 630px」
アスペクト比は「1.91:1」が推奨されています。

これは2024年現在の数値なので、何年かすると変わるかもしれません。
たまに「OGP 画像サイズ」で検索してみるといいかも。

ちなみにこのサイトは推奨サイズは無視してiPhoeSEで撮影される写真の縦横比にしています。
Xで表示されるときに上下が切れてます。

wordpressを使っているオタクは

wordpressを使っているなら「WordPressプラグインなしでOGPの設定、SNSシェア時の画像の設定」がとっても参考になりました。
このブログはこちらの方法でサムネイルを表示させています。

アイキャッチ画像をOGP設定用のサムネイルに使用する形です。
アイキャッチ画像が無い場合の画像の指定もできてとっても便利ですよ。

検索避け+サイトにパスワードをかけておこう

この方法でXのAIからは逃れられるかもしれないけど、結局web経由ではクロールされちゃいます。
あらゆるAIの素材にされたくなければ、検索避け+サイトにパスワードをかけといた方がいいですね。
.htaccessとかで画像ディレクトリにだけガードをかけても有効かもしれないけど、その場合OGPで画像がちゃんと表示できるかは未検証なのでわかりません。
気がむいたら検証します。

\ SHARE & LIKE /

関連記事

関連記事はありません

\ SHARE & LIKE /

歴ヲタ女子向けの幕末・歴史グッズのお店「小間物屋歴創」