0

このサイトに質問を投稿するのはこれが初めてですが、確かにその中で答えを見つけるのは初めてではありません。

私は新しいブログで直面したいくつかの問題を修正するためのリソースとしてstackoverflowを使用しました。それは、昨夜、修正できないこの問題を見つけたときまでです。

ブログのホームページを共有しようとすると、og:imageタグで指定された適切な画像が取得されません... de FBデバッガーを介してサイトを確認すると、次のように表示されます。

https://developers.facebook.com/tools/debug/og/object?q=ivanfuentes.com

不思議なことに、ページや投稿をチェックしても問題は見つかりません:https://developers.facebook.com/tools/debug/og/object ? q=ivanfuentes.com%2Fvideos%2F https:/ /developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fivanfuentes.com%2Fthe-popularity-contest%2F

ですから、これはホームページでのみ発生する問題だと思いますが、過去18時間の間、それを見つけることができませんでした。

ワードプレスプラグインを介して動的に指定されたOGメタタグがあります...現在は「FacebookAWD」ですが、他にもいくつかのFacebook共有、オールインワン、およびOGプラグインがあり、同じ結果が得られます。デバッガー、それは私がどこかで台無しにしたと私に思わせます。私はかなりの初心者であることを認めるのに恥ずかしくないので、コードを変更しようとしているときに混乱した可能性が高いです...おそらくサイトIEに準拠するために数行追加したときですか?

私が十分な情報を提供し、誰かが私を助けてくれることを願っています。これは、Facebookリンクに表示されている適切な画像だけでなく、コードが混乱している可能性が高いためです。私は将来、自分のサイトに変更/更新を行います。

時間をありがとう!

4

1 に答える 1

2

あなたのhtmlは完全に混乱しているため、デバッガーは不平を言っています。

あなたのページにアクセスしてコードを見ると、次のことがわかります。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<div id="fb-root"></div>
<script>
...
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<div id="fb-root"></div>
<script>
...
</script>
<title>Ivan Fuentes Hagar</title>

2 つの問題があります。

  1. SDKコードが2回挿入されています
  2. どちらの場合もdiv、本体の前に配置があります

下部のリンクをクリックしたときのこのページのデバッガーの結果 (スクレイピングされた URL: スクレイパーがあなたの URL について見たものを正確に参照してください) には、壊れた html も表示されますが、別のバリエーションがあります:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><body>
<div id="fb-root"></div>
<script>
...
</script><meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
...
</script><title>Ivan Fuentes Hagar</title>

ここに問題があります:

  1. body 定義は html の直後にあります
  2. 頭の定義がない
  3. head 内に存在するはずのタグはすべて body 内にあります。
  4. SDK スクリプトが 2 回挿入されて読み込まれます

どちらの場合も、<div id="fb-root"></div>.

ご覧のとおり、wordpress の html 出力を処理するための修正がいくつかあります。
デバッガーの出力が異なる理由はわかりません。おそらくユーザーエージェント文字列が原因だと思いましたがcurl --user-agent "facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)" "http://ivanfuentes.com/"、ブラウザーと同じように正確な結果を返します。

于 2012-05-26T22:29:50.230 に答える