他社ブログエンジンよりはてなブログProに移行してきました。現在非公開にしていますが、データ移行が完了したら公開します。Facebookの時分のタイムラインにシェアしたり、Facebookページにリンクをコピペしてアイキャッチ(サムネイル)を表示させたいのですが、何度やってもブログ中の画像が引用されず、デフォルトのはてなの画像が出てしまいます。投稿予約・直接投稿いずれもだめで、幾つかブログテーマも変更してみましたが、改善されません。どなたか同じようなトラブルを経験されて、解決された方がいらっしゃいましたら、アドバイスお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2015/05/18 15:08:45
  • 終了:2015/05/25 15:10:05

ベストアンサー

id:psne No.1

ぽけっとしすてむ回答回数495ベストアンサー獲得回数2712015/05/19 15:30:13

Object Debugger
Open Graph Object Debuggerを利用して、どのように情報がfacebookにて表示されるかを確認する事が出来ます。
※一度取得されると、読まれているページの負荷を軽減するために、しばらくの間は更新されませんので、更新ボタンを押して最新情報を確認します。

はてなブログでは、ブログ全体のアイキャッチ画像を設定する事ができます。
ブログ全体で利用するアイキャッチ画像を設定する

ブログ全体のアイキャッチ画像は、デフォルトの画像を参考にしてサイズや文字の位置を決めていくと綺麗に収まります。
デフォルトの画像

また、記事ごとにアイキャッチ画像を差し替える事ができます。
記事ごとのアイキャッチ画像は、記事の1枚目の画像が自動的に利用されますが、記事のオプションから変更が可能です。
f:id:psne:20150519152738p:image

id:Tanu_LPT

何度もご回答有難うございます。
ご指示いただきました部分ではないのですが、ブログ記事のURLを作成する際、設定→詳細設定→記事URLのところで、移行分には標準フォーマットを使用していたのですが、新しく書いたブログには試しに「タイトル 記事のタイトルがURLになります」を選択し、発生した記事URLをコピペしてFacebookページにリンクシェアしたり、直接Facebookにシェアしたところ、記事中の写真がアイキャッチに引用されてきました。Object Debaggerでも確かに写真を引用している動作が確認できました。ただしこれはPCでの作業でして、まだスマホからのリンクシェア及びFacebookシェアではうまく行きません。とりあえずPCではリンクシェアができるようになったので、スマホではリンクシェア先から直接画像データを取込んだりなど、工夫してみます。

2015/05/19 15:50:06
  • id:psne
    > 現在非公開にしていますが
    ブログが公開された状態でも同じでしょうか。
  • id:Tanu_LPT
    ご回答ありがとうございます。
    さきほど、一時的にブログを非公開から公開に変更し、再度ブログのURLをコピーしてFacebookページに貼り付け、リンクシェアしたところ、非公開で行った結果と同じでした。
  • id:psne
    https://developers.facebook.com/tools/debug/
    デバッガーを利用して、facebookがどのようにデータを取得するかを確認する事が出来ます。
    ※ブログが非公開の為、状態を確認する事ができず、回答が付きにくい状態です。

    はてなブログでは、通常は1枚目の画像がアイキャッチ画像として自動選択されますが、記事の編集オプションから任意の画像を選択する事が可能です。

    https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2Fdiscover-hatena


    また、デフォルトのアイキャッチ画像を予め設定する事も可能です。
    http://blog.hatena.ne.jp/my/config/detail
  • id:Tanu_LPT
    只今、一時的にブログを公開しております。http://lpt.hateblo.jp/
    個別の記事設定を見ると、アイキャッチは最初の画像を引用する設定になっています。
    ですが、教えていただいたFacebookのデバッガを行ったところ、確かにシェアの際は、はてなのデフォルト画像を用いる、となってしまっています。

  • id:psne
    デバッガーにて最新の情報に更新を行ったあとに記事の紹介(デバッガーにリンクが表示されます)を確認をしたところ、ブログ記事に使用している画像と記事の概要が表示されました。
    回答をご確認ください。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません