『OGP情報確認・シミュレーションツール』とは?

テクノロジー
スポンサーリンク

みなさんこんにちは!おさかなです!

今回は『OGP情報確認・シミュレーションツール』について、書いていこうと思います!

それでは、レッツゴー!!!!!

『OGP情報確認・シミュレーションツール』って何?

OGP情報確認・シミュレーションツール』とはSNS投稿時のイメージや設定など、OGP情報の取得ができるツールのことです。URL・HTMLソースコード・画像ファイルの3パターンからチェックが可能!診断結果はA~Cの3段階で評価されます。(便利~)

OGP情報確認・シミュレーションツール
URLまたはHTMLソースコードからOGP情報の取得、設定診断、SNS投稿時のイメージを表示します。X(旧Twitter)、Facebook、LINEなどに対応し、画像ファイルからのシミューレーションも可能です。

OGPとは?

「Open Graph Protocol」の略。
FacebookやTwitterなどのSNSでwebページやブログの記事がシェアされた時、またLINEなどのメッセージ機能でページのURLを送信した時に、そのページのタイトル、URL、概要、画像を表示させる仕組みのことです。

https://www.e-webseisaku.com/column/marketing/3947/より引用
【Web】レイアウトを確認できるサイト【CSS Layout Generator】とは?
みなさんこんにちは!おさかなです!今回は「CSS Layout Generator」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・イメージ通りに「Webデザイン・レイアウト」が作成できず...

実際に使ってみよう!

それでは早速サイトにアクセスしましょう!

続いて、OGP情報を取得したいサイトのURL(または、HTMLコード・画像ファイル)を入力します。

今回は、当サイトのURLを入れてみました~✨(よしっ!)

入力できたら「検証実行」を押します!(ポチっと)

すると……こんな感じで「評価A」と表示されました!(わーい☺)

ページをスクロールすると「SNS投稿時のイメージ」や「ディスクリプション」などを確認できます。

こちらは「OGPタグ」の情報。(ふむふむ……。)

ほかにもTwitterやFacebookなど、各種SNSのタグ設定も確認できます。

ちなみに「評価C」の場合は、赤色の診断結果に……!(あれま💦)

設定したほうが良い項目」は、赤字で表示されます。

OGP画像の見え方をチェックしたい方は、こちらのツールもおすすめ

各種SNS・OGP設定タグ

ページ下部には、主要SNSの推奨設定例や……。

基本的なOPGタグもチェックできるので、気になる方はぜひ確認してみてくださいね。(お疲れ様です🌸)

https://amzn.to/448Cx55
おさかな
おさかな

オー!グッド!パーソン!(OGP)

ナビまる
ナビまる

誰のこと言ってんだよ。笑

これで全ての操作は完了です。(やった~!)
お疲れ様でした☕

ここまで読んでくださり、ありがとうございました!

【無料】VTuberになれちゃう?!【Webcam VTuber】とは?
みなさんこんにちは!おさかなです!今回は「Webcam VTuber」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・VTuberの始め方、なり方を知りたい方・無料でVTuber体験がした...
おさかな

文章が書けちゃう、新種のおさかなです。

元不登校。紆余曲折あり、現在はライターとして活動中。IT技術、サブカルチャーから、シナリオまで色々書きます。
SAOのユウキが好きです!

おさかなをフォローする
タイトルとURLをコピーしました