Copilot君の教え：OGP番外編

当ブログではアフィリエイト広告を利用しています

OGPとカードリンクの仕組み

OGPとカードリンクの仕組み

思いがけない発見

先日OGPの記事を書いてて、URLの後ろに✖✖を付け
URLがカードリンクになるのを阻止しました。
そして✖✖を外せばカードリンクになると・・・外しました<(｀^´)>
キャ~~~URLが？？？カードリンクが出ません👀何故~~？
そこでURLの後ろで改行しました。キャ~~~カードリンクが出たyo~~!!🙌🙌

ヤッパリ・・・<br>で改行しただけの単独行では無かったからです。
OGPが有効でも単独行でなければ、カードリンクが出ないと知りました。
さっそくCopilot君に自慢です<(｀^´)>

以下Copilot君に優しく説明をしてもらいましたyo~~!!

OGPは「ページの情報をSNSに渡すためのタグ」

そのタグとは、HTMLの<meta>タグのこと
SNSはこの<meta>タグを読み取ってカードを作る
タイトル・説明文・画像・URLをSNSに渡すための仕組み

これらが正しく出力されていれば、
SNS側はそのページの情報を取得できる。
Cocoonはテーマ側で自動出力してくれるから、
基本的に設定さえONなら問題なし。

でも「カードリンク」はOGPだけでは出ない

ここが今回の“記事の核心”になる部分。
● カードリンクが出る条件は
URLが独立した1行で書かれていること。
例：https://jnon-b.blog/copilot-teach-ogp-1

これだけでOK。イイエこれも頭に”例：”があるので、URLの独立した行では無いからカードリンクは出ません。”例：”を外したのが下のカードリンクです👇

Copilot君の教え：OGPって何？初心者がつまずく理由(前編）

SNSでリンクを貼ったときの“画像つきカード”はOGPが決め手。初心者がつまずきやすい理由と、Cocoonでの基本設定を分かりやすく解説します。

Copilot君の教え：CopilotとじぇいのんさんのOGP迷走劇（後編）

はてなブログにカードリンクを貼りたいだけなのに、CocoonのOGP設定で迷走!? Copilot君の土下座まで飛び出した実録ドタバタ劇をお届けします。

又は、こう書くと出ない：
https://jnon-b.blog/copilot-teach-ogp-1✖✖
又は：
https://jnon-b.blog/copilot-teach-ogp-1
✖✖
下は改行されて一見単独の行に見えるが、<br>で改行されただけの続き行だから✖
理由は簡単で、
SNSのパーサー（読み取り機能）がURLを“単独のリンク”として認識できないから。