東京のWeb制作会社LIGLIGならできるおもしろいこと。Webサービスシェアこんにちは。ディレクターのエリカです。ことでリリースしたメディアサイト。投稿した記事をFacebookでシェアしようとしたら、シェアされる画像や内容がなんかちょっと違うなんてことありませんか?そんなときは、連日のリリース作業で疲れ果てて泥のように眠るエンジニアを叩き起こす前に、まずはどういう状況か把握しましょう。Protocol)というものでコントロールされています。あるサイトのURLをFacebookでシェアしようとしたとき、Facebook側はそのページの情報を持っていなければ直接そのページにアクセスし、情報を取得・解析したうえで、そのデータをFacebook側が保持します。(スクレイピングといいます)そして、すでにFacebook側が保持しているデータがあれば、そのデータを利用しようとします。した情報を元に、シェアしようとする際に表示される画像や、タイトルなどが決定されていると思われます。なると、記事公開後に画像やタイトルが変わったが、シェアのタイミングによっては変更前のぺージの内容がシェアされているように見えたりする場合があります。これは、Facebook側が保持しているページの内容がリアルタイムではなく、あるタイミングのものであることからです。いう状況で保持されているのでしょうか?Facebookデバッガーを使えば、その内容を確認することができます。開発者向けFacebookFacebookが扱うさまざまなデータの状況を確認することができます。指定したURLのページでは、Facebook用にどのようなOGPが設定されているか確認することなどができます。ID」とあるので、OGP設定が気になるページのURLを入力します。このとき、そのURLが大事な要素になります。見ているページおよびシェアしたいURLに間違いがないか、しっかりと認識しましょう。example.com、URLの書き換えなどを行っているのであれば、末尾のスラッシュに注意してください。例)example.com/appexample.com/app/一般的には、実際にシェアしたいページにアクセスし、そのアドレスバーに表示されているURLをコピーしてくると確実かと思われます。ボタンを押すと、そのページの情報をFacebookがどのように保持しているかが表示されます。見るべきはだいたい下記のあたりです。URL」に表示されているURLが異なっている場合は、エンジニアを起こしたほうがいいかもしれません。なければ、「og:url」、「og:title」、「og:image」が認識しているページに間違いがないか確認します。設定されていなければ、警告とその理由が表示されますので、内容がわからなければやはりエンジニアを起こしたほうがいいかもしれません。information」をクリックしましょう。最新のページの情報をスクレイピングし直してくれます。Scraped」が書き変わるまで何度かリクエストするといいかもしれません。URLでは、Facebookがたどり着いたページの内容を見ることができるので、ページタイトルや見出しなどが意図したページのものであるかなどを確認することも有用です。ここまでやって解決の糸口が見えなければ、やはりエンジニアにお願いした方がいいかもしれません。結果のキャプチャと一緒に相談すると話が早いかもしれませんね。まとめおさらい実際に見ているページとFacebookが見ているページが同じものであること、そしてそのページにOGPが正しく設定されていることを、確認しましょう情報が古い場合はスクレイピングのリクエストをしましょう解決が難しい場合でも、エンジニアにお願いする前に、今がどういう状況をしっかり把握しておくと迅速に問題解決ができることと思います。シェアしてもらえる内容ですから、きっちりコントロールできるといいですよね。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。