我如何告诉 Reddit 忽略我的缩略图徽标？

Question

当用户分享我网站上的内容时，缩略图中出现的图像通常是网站的徽标，而不是图像本身。

如何让 reddit 忽略该徽标？

我搜索了很多并找到了有关如何指定 reddit 应使用 og image 元标记的图像的答案，但我不能这样做，因为我的网站是 UGC 的一部分，这意味着我不知道什么是每张图片的绝对网址。

例如：reddit not pulling scraping image on link post

编辑：

这似乎对我不起作用。对你有用吗？

<script>
function img_find() {
    var imgs = document.getElementsByTagName("img");
    var imgSrcs = [];

    for (var i = 0; i < imgs.length; i++) {
        imgSrcs.push(imgs[i].src);
    }

    return imgSrcs;
}var result = img_find();
$("meta[property='og:image']").attr("content", result[1]);
</script>

Answer 1

你的代码

$("meta[property='og:image']").attr("content", result[1]);

几乎是解决方案。让我们做最后一步：

$("meta[property='og:image']")
    .attr("content", $('css_selector_of_the_img')[0].src);

那么css_selector_of_the_img 是什么？由于您有网站徽标，我假设您的图像周围有一些 HTML。可能图像具有类名或放置在容器中，例如css_selector_of_the_img 可以是 div.content img 或 img.uploaded 等等。并扔掉你的 img_find 函数 J。

Answer 2

我找到了解决方案。

将property="og:image" 添加到我希望选中的<img> 中。

Answer 3

@Kosh Very 回答的重点是使用 jQuery 为页面中的第一张图片设置og:image 标签，但这取决于 reddit 的爬虫能力，即爬虫是否可以运行 javascript。

另一种解决方案是使用正则表达式解析 UGC 中的图像，并将其用作页面生成器中的 og:image url。

希望有帮助。