1

I have read How to integrate Facebook's Open Graph in a Meteor application? and followed it closely, however, the og tags are still not registered):

I would just like to set several images to ensure that several thumbnails appear when u type http://bubble.meteor.com in facebook

Here are my codes: (Updated)

<head>
...
  <meta property="og:image" content="http://bubble.meteor.com/img/ogimage1.png">
  <meta property="og:url" content="http://bubble.meteor.com">
  <meta property="og:title" content="Emory Bubble">
</head>

Am I doing anything wrongly? Thanks!

4

1 に答える 1

2

まず、<html>タグは の中に属しません<head>。Meteor は常に HTML5 doctype 定義を使用します。XHTML に変更できたとしても、HTML を挿入する拡張パッケージは HTML5 を想定しているため、無効な XHTML になる可能性があります。

次に、OpenGraph タグの名前空間を宣言する必要はありません。「og:title」のような文字列は、プロパティ内の不透明なデータであり、HTML パーサーには影響しません。

アップデート

Facebook のデバッグ ページを使用して確認しましたが、実際には機能しません: http://developers.facebook.com/tools/debug

これにより、「入力 URL の解析中にエラーが発生しました。データはスクレイピングされませんでした」というエラーが発生しました。

また、Spiderable パッケージをトリガーする特殊なエスケープ フラグメント URL を使用してページを確認しました: http://bubble.meteor.com/?_escaped_fragment_=

結果のページには HTML コンテンツが含まれておらず、Javascript タグがまだ存在していました。これは、Spiderable パッケージが機能しないことを示唆しています。それをプロジェクトに追加しましたか？( meteor add spiderable)。

追加しても機能しません。PhantomJS の実行が失敗した場合、spiderable パッケージは通常のページを返します。ローカルの開発バージョンで確認してください。上記の URL を使用して Spiderable をトリガーしてください。

また、「学校」を として使用していることにも気付きましたがog:type、これは私の知る限り、有効なタイプではありません。代わりに「ウェブサイト」を試してください。

更新 2

また、spiderable パッケージに関する Chris Mather によるこのスクリーンキャストもチェックしてください: http://www.eventedmind.com/posts/meteor-the-spiderable-package

このスクリーンキャストで彼は、サブスクリプションが準備完了としてマークされず、スパイダー可能なパッケージが失敗するという潜在的な問題について言及しています。多分これがあなたの問題を引き起こしていますか？

于 2013-07-08T15:00:15.727 に答える