:facebookにHAIKページのURLを投稿すると、そのページの冒頭画像がfacebookページに表示される。その画像は・・・1)アイキャッチのバックグランド画像2)それがない場合はとにかくページで最初に現れる画像すると、これらの画像はfacebookへの投稿を念頭に置いてデザインされるべき。ところが、ページデザインと投稿用画像がデザイン的に両立しないことがある。強制的に書けば自由に画像を指定できる。property="og:image"の二重定義になる。タグを有効にする(ON)のとき)これだと、自分で書き込んだ#beforescriptの内容が先に来て、規定値のオリジナル状態の物が後に来ることになっている。:うみほしさん情報ありがとうございます。各ページ専用の#eyecatch使用の有無なお、私が提示している#beforescriptは、どのような画像でもそのURLを書けばfacebookの投稿にその画像をサムネールとして表示できると言うもの。当ページ内にその画僧が貼り付けられている必要すらありません。https://umihoshi.com最近Facebookの仕様変更があったようです。昨日,#beforescriptの記述のないブログのリンクをFacebookに貼り付けたところ,サムネイル画像が選べるようになっていました。一発でサムネイルを拾ってくれないことも多いのですが,「画像を選べる」というのは大幅な進歩ですね。:トントンさん、詳細情報ありがとうございます。流れで投稿してしまいましたが、別のスレッドを立てるべきでしたね。その他のタグ"に書き込みます。TwitterでURLを書き込むと、自動でTwitterカードが挿入されます。IFTTTやdlvr.itなどの自動連携ツールを使えば、QBlogの更新を自動でTwitterにカード付きで投稿できるようになりました。https://twitter.com/kiyomi_tonton情報ありがとうございます。https://kimono.tontonhouse.com/Twitterを検証しました。Twitterカードを使用する方法もできましたので、ご報告です。サイトの説明”に記載するとディスクリプションが挿入されます。:ちょっとTwitterの方の裏技。Twitterに画像付きページのURLを投稿すると、HAIKのデフォではページの画像が小さいサムネール形式で表示。/>これでHAIKのどのページも大きい画像で投稿されます。ちなみに、個別ページのみに適用したい時は、そのページに#beforescriptで前述の一行を追加。:うみほしさんあのfacebookシェアデバッガーはどうもわからん時があります。HAIKではないのですが、ある無料ブログの画像がシェデバッガーの表示と実際の投稿がどうしても合わないままということも。:Facebookのシェアを試してみました。シェアデバッガーで改めて情報を取り直すと,サムネイルが指定したとおりになりました!これでサムネイルを指定したいときにはなんとかなりますね。:HAIK側のページのデザイン、使用している画像と、facebook、TwitterなどのSNSに投稿される画像になぜこだわるかと言えば。商用サイトの集客では、SNSに投稿される画像によって反応が全く異なることがわかっているからです。良い反応を示す物はシェア、リツイートが多く起こりバズり易いのです。:Twitterの方も解決。Twitter専用のOGPをそのページに無理やり書き込むだけ。普通なら1行目のみでOKと思われるが、Twitterの方はなぜか専用行が必要な様子。ちなみに、Twitterの方では一度投稿したページのサムネールをやり直すには以下のページへ行って画像取り直し。:この方法は今の所Twitterの方はダメなようです。画像なしで投稿されてしまいます。:追記facebookに投稿して一度表示されてしまった画像を他の物に変えたい時、とりあえずHAIKの方をいじりますが、facebook側でも操作が必要。1)facebookの該当記事の「日時」をクリック2)画面右上に「・・・」のマーク出現、それをクリック。3)出てきたリストの最下部「シェアした添付ファイルを更新」を選択。:Twitterの方ではどうなのか、未検証。