このページのリンクを共有しているときにFacebookで画像を取得できるように、javascriptを使用してheadタグにrel image_srcのリンクタグを追加しようとしています。
var linkTag='<link rel="image_src" href="https://graph.facebook.com/picture" />';
var headHTML = document.getElementsByTagName('head')[0].innerHTML;
headHTML += linkTag;
document.getElementsByTagName('head')[0].innerHTML = headHTML;
上記のコードは head タグにリンクを完全に追加していますが、このページのリンクを共有すると Facebook がこの画像を取得しないという問題があります。
このリンクタグを頭に手動で追加すると、facebook はこの画像を完全に選択しますが、javascript を使用してこのリンクタグを追加すると、facebook は画像を選択しません。
なぜこのように振る舞うのですか？
この問題を解決するにはどうすればよいですか? 助けてください。