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

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

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

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Facebook

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

Q&A

1回答

3042閲覧

phpでメタタグのogpを設定するページをシェアする際、初回だけ画像が読み込まれない

shogo_misaki

総合スコア13

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Facebook

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

0グッド

3クリップ

投稿2016/02/05 03:48

編集2016/02/05 08:39

phpで画像をアップロードし保存するデータ入力スクリプトを設けております。
入力された画像のパスはDBに保存、同時にサムネイルファイルを生成してます。

完了画面ではfacebookのシェアボタンを設置しており、
別のphpページをシェアしています。
シェアするページにはパラメータでIDを渡し、
そのIDをもとにDBから画像パスを取得し、ogp情報それぞれにechoするものを用意しております。

このシステムにおいてフロー通り画像をアップロードし完了画面に到達したあとfacebookのシェアボタンを押下すると、
ポップアップで表示されたシェア投稿画面においてシェアページの情報が表示される際に画像だけが表示されない状態です。
他のタイトル、リンク、discriptionなどは表示されております。

が、この現象はシェアボタンを始めてクリックした時のみで、
実際にシェアしたあとfacebookフィードには正しく画像が表示されていますし、
シェアボタン押下が2回目以降は正しく画像も表示されます。

1回目に表示されない理由がわかりません。。
お知恵を頂けると幸いです。。

【追記】
ページを生成してまだ一度もシェアしてない状態でデバッカーに流すと、
Error parsing input URL, no data was cached, or no data was scraped.

というエラーと
fb:app_id hasn't been included in the meta tags. Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog. Otherwise, the default app id( 966242223397117 ) will be assigned.

の表記はありました。
デバッガーでキャッシュを消したり、それらのエラー表記はすべて消えて正しく表示されています。
2回目以降は
The meta tag on the page was specified with name 'author', which matches a configured property of this object type. It will be ignored unless specified with the meta property attribute instead of the meta name attribute.
という表記はありますが、正常にogp情報が取得できており、シェアボタン押下時もサムネイルまで正しく表示されております。

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

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

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

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

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

shogo_misaki

2016/02/05 08:38 編集

エラーメッセージ等詳しく加筆します
guest

回答1

0

ogpの画像に指定しているURLへのリクエストが一度リダイレクトされていたりしませんか?

私も経験があるのですが、指定のURLが http://www.xxxx.xxxx/xxxx.png だったとして、
そこにリクエストを投げると https://www.xxxx.xxxx/xxxx.png にリダイレクトするようにしていた時に、
この現象に当たりました。

投稿2016/02/07 09:56

yng13

総合スコア215

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問