前回ネット上で、公開されている方法で、サムネイル対応してみました。
https://tasano2525.blogspot.com/2020/05/blog-post.html
しかし、サムネイル表示できませんでした。
そこで、実際にサムネイル表示されているサイトで検証して、試したところ無事表示できました。
そこで、実際に試した方法を列挙します。
①OGPの設定
「Open Graph Protcol」の略でFacebookやTwitterなどのSNSでシェアした際に、設定したWEBページのタイトルやイメージ画像、詳細などを正しく伝えるためのHTML要素です。設定方法は下記サイトを参考にすると便利です。
https://digitalidentity.co.jp/blog/seo/ogp-share-setting.html
https://hirashimatakumi.com/blog/3049.html
【設定タグ】
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
<meta property="og:url" content=" ページの URL" />
<meta property="og:type" content="website">
<meta property="og:title" content=" ページの タイトル" />
<meta property="og:description" content=" ページのディスクリプション" />
<meta property="og:site_name" content="サイト名" />
<meta property="og:image" content=" サムネイル画像の URL" />
<meta property="og:locale" content="ja_JP" />
<meta property="fb:app_id" content="アプリのID" />
// twitter用
<meta name="twitter:card" content="summary_large_image" />
②実際に①で設定した画像をサムネイル以外で使用する
③検索用キーワード（google検索で使用されるキーワード）を設定する（サイト内で使用する）
おそらく、"og:site_name"に設定するのが有効な様子
同じように、サムネイル表示できなくって、困っている人がいると思いますので、参考にしていただけると嬉しいです。
0 件のコメント:
コメントを投稿