具有独特描述和缩略图的多个 Facebook 按钮

发布于 2024-12-13 05:06:29 字数 373 浏览 0 评论 0原文

所以,在发布这个问题之前,我已经搜索了这个网站——我知道有很多类似 Facebook 的问题——但我找不到我的答案。

我有一个与 Mashable.com 非常相似的页面。他们有多篇预告文章,每篇文章旁边都有“喜欢”按钮。单击“赞”按钮时,您会看到文章缩略图和文章说明。

我已经有了这个设置,除了缩略图和描述之外,它都可以工作。他们错了或者根本没有出现。我如何确保这些“赞”按钮为我的每篇文章提供正确的缩略图和描述。

(我不认为他们没有使用 Open Graph,因为 Mashable.com 没有 facebook 元标签(即使他们使用了,元标签也只指定一个缩略图、一个标题和一个链接)。

谁能告诉我我如何为每个新闻故事定制缩略图和描述?

谢谢!

So, I've searched and searched this site before posting this question -- I know there is a lot of facebook like questions -- but I can't find an answer to mine.

I have a page VERY similar to Mashable.com. They have multiple teaser articles with LIKE buttons next to each. When you click the LIKE button, you see the article thumbnail, and the article description.

I already have this set-up and it works EXCEPT for the thumbnail and description. They are wrong or not showing up at all. How can I make sure these LIKE buttons are pulling the correct thumbnails and descriptions for each of my articles.

(They are not using Open Graph I don't think, because Mashable.com has no facebook meta tags (and even if they did, the meta tags only specify one thumbnail image, and one title, and one link).

Can anyone tell me how to customise the thumbnails and descriptions for each individual news story?

Thank you!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

烈酒灼喉 2024-12-20 05:06:29

每个“赞”按钮中的 href 需要指向该文章的完整 URL,该文章需要具有一整套开放图元标记。

通过调试器运行(文章)页面 http://developers.facebook.com/tools/debug 确保存在正确的标签并被 Facebook 的爬虫检测到。

如果没有完整的标签集,爬虫程序将回退到使用标签和其他非开放图元标签,但这种情况下的行为不容易调试,尤其是与图像相关的行为。

Mashable 的类似按钮指向确实具有开放图形元标记的页面,例如 https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fmashable.com%2F2011%2F10%2F28%2Fsteve-jobs-tributes%2F< /a>

The href in each like button needs to point to the full URL of that article, which needs to have a full set of open graph meta tags.

Run the (article) page through the debugger at http://developers.facebook.com/tools/debug to make sure the correct tags are present and being detected by Facebook's crawler.

The crawler will fall back to using tags and other non-Open Graph meta tags if there aren't a full set present, but the behaviour in that case isn't easy to debug, especially in relation to the images.

Mashable's like buttons are pointing at page which do have open graph meta tags by the way, e.g. https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fmashable.com%2F2011%2F10%2F28%2Fsteve-jobs-tributes%2F

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文