質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

Q&A

解決済

1回答

1359閲覧

facebook 投稿画像の切り替え

y-haga

総合スコア23

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

0グッド

0クリップ

投稿2016/02/19 02:25

現在facebookへシェアする機能を作成していますが、1点だけうまく動作しない
部分があります。

サイトに画像とhtmlを用意して、シェアされた時のリンク先としていますが、
シェアされた時の画像がPC・スマホでうまく切替できません。

PC画像:1200×630
スマホ画像:1200×1200

で、用意して

<meta property="og:site_name" content="Test"> <meta property="og:title" content="Test"> <meta property="og:description" content="Test"> <meta property="og:type" content="website"> <meta property="og:url" content="https://****/test/test.html" /> <meta property="og:image" content="https://****/test/test.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image" content="https://****/test/test2.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="1200" /> ----------------------------------------------------------------------- こういった記載を行い、スマホの投稿画面でプレビューされる画像は 正方形の「test2.png」をPC版の場合は「test.png」をウォールに表示されるものは どちらも「test.png」が表示されるようにしたいと思っています。

調べるとサイズ指定で最適なものがピックアップされるとあったので、
切り替わるかと思ったのですが、そもそも切替は可能なのでしょうか?

サイズ変更や指定方法などいろいろ試しましたが、画像が切れたり
PC画面にスマホ画像が表示されたりしてしまいます。

ご存知の方、教えていただけませんでしょうか。
※尚、キャッシュのクリアなどは行っています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

OGP自体には、PC用スマホ用の切り替え機能はなさそうです。
しかし、いろいろ頑張ってみた方の報告は上がっているので、
こちらは参考になりますでしょうか。

FacebookのOGP画像。タイムラインで欠けないサイズ。追記 | Sunday In The Park
http://snowadays.jp/2013/09/2106

投稿2016/02/22 01:17

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

y-haga

2016/02/23 07:56

ありがとうございます。 いろいろ試しましたが、奥が深そうです。 もう少し頑張ってみたいと思います。 ご回答くださり、ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問