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

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

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

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

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

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

OGP情報確認・シミュレーションツール

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

develop.tools

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デザイン・レイアウト」が作成できず...

osakanav.com

2023.01.25

実際に使ってみよう！

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

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

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

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

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

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

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

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

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

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

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

各種SNS・OGP設定タグ

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

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

Amazon.co.jp

amzn.to

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

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

【無料】VTuberになれちゃう？！【Webcam VTuber】とは？

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

osakanav.com

2022.12.05