Facebook共享者无法获取og:image，尽管它存在于meta标签中(worpress - woocomerce)
Facebook共享者无法获取og:image，尽管它存在于meta标签中(worpress - woocomerce)
这个问题可能是由于以下几个原因导致的：
- 缓存问题：Facebook可能会缓存之前的页面信息，导致新的meta标签信息无法及时更新。解决方法是使用Facebook的调试工具（https://developers.facebook.com/tools/debug/）来刷新缓存并重新获取页面信息。
- 图片链接问题：确保og:image标签中的图片链接是有效的，并且可以在外部访问。如果图片链接无效或无法访问，Facebook将无法获取到图片信息。可以尝试直接在浏览器中访问og:image标签中的图片链接，检查是否能够正常显示。
- 图片大小问题：Facebook对于og:image标签中的图片有一定的大小限制，如果图片过大，Facebook可能无法正确获取到图片信息。建议将图片大小控制在1MB以内。
- 服务器配置问题：确保服务器的响应头中没有设置X-Frame-Options为DENY或SAMEORIGIN，这可能会导致Facebook无法获取页面信息。
- 其他标签问题：除了og:image标签，还需要确保其他必要的Open Graph标签（如og:title、og:description等）也正确设置，以便Facebook能够完整获取页面信息。
针对WordPress和WooCommerce，腾讯云提供了云服务器（https://cloud.tencent.com/product/cvm）和云数据库MySQL版（https://cloud.tencent.com/product/cdb_mysql）等产品，可以帮助您搭建和管理WordPress网站。此外，腾讯云还提供了内容分发网络CDN（https://cloud.tencent.com/product/cdn）和对象存储COS（https://cloud.tencent.com/product/cos）等产品，可以提高网站的访问速度和图片等静态资源的加载效率。
相关·内容
1回答
我正在尝试分享，但是看不到Facebook的标签。如果我使用facebook测试工具：
它显示了页面的302 error，尽管我不明白为什么。以下是facebook的标签：
<\meta property="og:title" content="The health benefits of honey" /\>
<\meta property="og:url" content="http://www.watchfit.com/article/The-health-benefits-of-honey/124" /\
浏览 0提问于2013-03-18得票数 0
当用户单击Facebook共享时，我希望共享一个链接为"og:image“按钮的图像，而不是共享该图像。
我已经为Facebook共享按钮添加了一些元标签，如下所述。
<meta property="og:url" content="https://www.mydomain.co/" />
<meta property="og:type" content="website" />
<meta property="og:title
浏览 6提问于2020-04-29得票数 0
我添加了facebook的meta标签，使我的网站能够从facebook远程运行视频。当我在facebook上添加时，它正确地显示了缩略图，但没有运行视频。
有什么问题吗？
Meta标签如下：
<meta property="fb:app_id" content="182061505193038">
<meta property="og:url" content="http://videoof.co.uk/true-blood-true-blood-for-the-holidays.html>">
浏览 1提问于2011-11-25得票数 0
回答已采纳
1回答
你好，我设置了facebook所要求的所有标签，但是我仍然在facebook上的帐户上输入URL，这个网站的URL只带来文本，而不是徽标，文本的实际标签如下：
<meta property="og:url" content="http://www.example.com"/>
<meta property="og:title" content="title of site"/>
<meta property="og:site_name" content="site name&#
浏览 5提问于2011-12-22得票数 0
1回答
我想知道如何检索Open Graph Debugger在您输入URL时显示的信息。
这里有一个例子:我有一个页面，它有所有正确的og meta标签，顶部看起来像这样：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" />
<head>
<meta htt
浏览 2提问于2013-05-31得票数 1
1回答
我在facebook上的分享并不是阅读我的任何元标签。缺少下列必需的属性: og:url，og:type，og:title，og:image，og:description，fb:app_id。
<script type="text/javascript">
window.fbAsyncInit = function () {
FB.init({
appId: '924796707731406',
autoLogAppEvents: true,
xfbml:
浏览 2提问于2018-09-26得票数 1
我有一个很大的网站，我有一个关于元标签的问题。
例如，我有meta title, description and keywords，因为一直以来都知道，这些标签是必不可少的搜索引擎优化。
有了facebook新的开放图表，我的脑海中就会有这样的想法：
<meta property="og:title" content="Advertising">
<meta property="og:description" content="description advertising">
<meta prope
浏览 2提问于2012-05-10得票数 2
回答已采纳
当我为通过Facebook共享的内容设置meta标记时，我在标记og:image和og:image:url中添加了两个不同的url。当我在Facebook上分享内容时，og:image中的图像总是嵌入到共享链接中。
我需要知道的是，facebook如何选择在分享帖子中嵌入哪个图片，以及哪个meta标签优先。
浏览 8提问于2017-07-25得票数 0
我的一个页面上有og标签：
%meta{property:"og:image", content:"https://stars-et-metiers.s3.amazonaws.com/posters/attachments/000/000/990/large/rsz_sm_01_rvb.jpg?1478271329" }
%meta{property:"og:url", content: votes_url }
%meta{ property: 'og:description', content: "J’ai
浏览 0提问于2016-11-21得票数 5
我想知道如何使用JQuery来替换我的Facebook meta标签的内容属性。
我搜索了StackOverflow，我找到的是这个例子：
$("meta[property=og:title]").attr("content", title);
$("meta[property=og:url]").attr("content", url);
在我的代码中，我有以下meta标签：
<meta property="og:title" content="some content"/>
<
浏览 2提问于2011-08-14得票数 11
回答已采纳
1回答
规范URL的使用
、、、、
我正在尝试设置og标签，以便在Facebook上共享我的子页面。
我的子页网址是: www.example.com/subpage.html。
Facebook的代码：
<meta property="og:title" content="some text">
<meta property="og:type" content="website">
<meta property="og:url" content="http://www.example.com/subpage.h
浏览 4提问于2015-09-06得票数 0
2回答
Linkedin在尝试分享时显示了不同的3张图片。这是标题标签
<meta property="og:site_name" content="OkyTalk">
<meta property="og:title" content="OkyTalk ">
<meta property="og:type" content="website">
<meta property="og:url" content="https://okytalk
浏览 3提问于2015-05-14得票数 5
回答已采纳
我在我的网站上有一个分享按钮(我使用AddThis工具)和Open Graph meta标签，类型为文章：
meta property="fb:app_id" content="No"
meta property="og:image" content="LogoUrl"
meta property="og:image:type" content="image/jpg"
meta property="og:image:width" content="200
浏览 0提问于2013-06-16得票数 3
2回答
我有rails应用程序。我为Facebook，google +和Vkontakte添加了og标签。我也需要添加分享到LinkedIn的可能性。但我不明白为什么LinkedIn不选我的OG标签。
我的html：
= tag :meta, property: 'og:url', content: 'https://myapp.com/app'
= tag :meta, property: 'og:title', content: 'MyApp'
= tag :meta, property: 'og:description
浏览 1提问于2017-03-10得票数 1
当我在facebook中抓取一个url时，meta标签被忽略了。但在其他社交媒体平台上，它是有效的。链接示例：
我的头部代码：
<meta name="og:title" content="{{ entry.title }} - {{ siteName }}">
<meta name="og:description" content="{{entry.metaBeschrijving}}">
<meta name="og:url" content="{{ entry.url }
浏览 17提问于2020-05-13得票数 0
有关网站：
我为Facebook打开的图形标记(以及Twitter的元数据)是通过Wordpress主题中的头文件在我的源代码中设置的：
<meta property="og:url" content="http://www.fedterra.ca/" />
<meta property="og:type" content="website" />
<meta property="og:title" c
浏览 2提问于2016-12-06得票数 1
我需要更新像og:title、og:description和og:image这样的元标记，并在facebook上共享这些标记。
因此，首先，我尝试用javascript设置meta标记，如下所示：
var meta = document.createElement('meta');
meta.httpEquiv = "X-UA-Compatible";
meta.content = "IE=edge";
document.getElementsByTagName('head')[0].appendChild(meta);
然后，我
浏览 0提问于2018-12-21得票数 2
6回答
我有一些例子网址，提供facebook分享。但是在facebook的评论框中，url页面中的图片并没有显示出来。我已经像这样插入了Meta标签
<meta property="fb:app_id" content="xxxx"/>
<meta property="og:site_name" content="xxxx"/>
<meta property="og:title" content="xxxx" />
<meta property="og:d
浏览 2提问于2012-01-11得票数 18
回答已采纳
我是wordpress博客的管理员，我不能用缩略图在Facebook上发布文章。这个问题只出现在帖子中，所以我可以链接主页和静态页面。当我在主页或静态页面中使用Facebook开放图形调试器时，我得到了正确的数据，Facebook可以读取所有og标记，但是当我将它与任何帖子一起使用时，我就得到了这样的信息：
“无法从URL检索数据”"Curl错误: OPERATION_TIMEOUTED操作在10000毫秒后超时，接收到的0字节为-1字节“
以下是一些例子：
正确：
错：
有什么想法吗？
谢谢。
编辑-
以下是更多信息：
1- wordpress在ISS7上。
2- SEO
浏览 3提问于2014-03-17得票数 1
回答已采纳
2回答
我在Facebook和Twitter上使用了自己的元标签，但不知怎么的，我已经把它们弄坏了。我看过例子，但我看不出问题所在。(没有错误。)标记与index.html中的缺省值没有变化。我用的是角通用5。
与我发现的例子不同，我没有在构造函数中编写标记。不确定这是否是一个因素。我一定是错过了使用Meta服务的一些规则。这是密码..。
import { Meta } from '@angular/platform-browser';
...
constructor( ... private metaService: Meta ... ) {}
n
浏览 0提问于2018-04-03得票数 0
回答已采纳
我想知道如何在我的Ajax web应用程序上使用Facebook Like按钮，该按钮将捕获og:title和og:url的Open Graph标记中的更改。我已经创建了一个Facebook应用程序，并获得了一个API ID。
我想知道的是我需要放在我的网站上的代码，以便Facebook捕获我对包含该标题和url信息的meta标签所做的更改(即：og:title，og:url)。
我按照Facebook上的说明操作，但没有成功。此外，我想知道如何在本地测试Like按钮，以查看它是否正确地从Open Graph标签获取数据。
另外值得一提的是，我有一段JQuery代码，它可以自动更改Open G
浏览 1提问于2011-08-14得票数 1
4回答
根据的说法，LinkedIn支持用于链接预览的开放图形元标签。我已经在我的HTML页面的head部分添加了所有必需的meta标记。
即。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- Primary Meta Tags -->
<title>This is sample title</title>
<!-- Op
浏览 0提问于2019-10-04得票数 6
1回答
我有一个带有这些元标签的Heroku应用程序example.herokuapp.com：
<meta property='og:type' content='website'/>
<meta property='og:title' content='MyApp'/>
<meta property='og:image' content='https://example.com/_n.png'/>
<meta property='og:d
浏览 1提问于2014-07-11得票数 5
我试图使用Facebook共享对话框分享视频链接，但是在分享Facebook上的url之后，Facebook不会显示图像，也不会在分享后在Facebook上播放视频。
我试着分享一些链接，比如YouTube如何在Facebook上分享他们的视频，这样用户就可以在分享之后在Facebook上播放视频。这是我的密码
FB.ui(
{
method: 'share',
quote: 'share it using facebook',
mobile_iframe: true,
href: '
浏览 3提问于2017-07-30得票数 0
回答已采纳
我使用了下面的代码来分享facebook。它正在与谷歌和推特合作，但不在fb.Please中工作--帮助我编写这段代码。
<meta property='og:type' content='website' />
<meta property='og:title' content='<?php echo $title; ?>' />
<meta property='og:locale' content='nl-BE' />
<meta p
浏览 3提问于2016-10-06得票数 0
回答已采纳
将youtube视频放入meta标签是很容易的。但我正在尝试将facebook页面的视频放入og:video meta标签中。但是，视频没有显示出来。有什么想法吗？
<!-- https://developers.facebook.com/docs/sharing/webmasters#media -->
<meta property="og:url" content="http://homemaidapp.com/apps/rfsn/test2.php" />
<meta
浏览 3提问于2016-04-08得票数 1
我有一个网站，通过内容管理系统发布的新闻文章，并没有选择添加<head>的Facebook META OG标签。我只能手动将它们添加到<body>中，但我想这不会起作用？
有没有其他解决方案可以告诉Facebook在使用like/share按钮时应该选择哪张图片？
浏览 0提问于2014-01-31得票数 0
我想使用字符串写入器在我的DNN站点的头标签中动态添加元标签。 我不确定是否可以使用DNNPageHeaderProvider来实现这一点？ ? 或者我应该像下面的例子一样做一些事情？ ? 这是我想添加的facebook Open-Graph meta标签。 <header>
...
<!-- Open Graph Metadata -->
<meta property="og:title" content="Facebook T-Shirt">
<meta property="og:d
浏览 37提问于2019-02-06得票数 1
回答已采纳
1回答
我试图使用og标签共享facebook上的音频内容，这样音频应该只在facebook窗口中播放。
下面是我写的代码：
<html>
<head>
<meta property="og:url" content="https://www.songdew.com/test_manish.html"/>
<meta property="og:image" content="https://s3-ap-southeast-1.amazonaws.com/sgmedia/13122/photos/t_c
浏览 1提问于2016-04-09得票数 2
回答已采纳
1回答
电报和FB链接预览
、、、、
我正在尝试设置我的网站，这样它就可以在Facebook和Telegram等社交媒体平台上共享了。目前，共享链接没有显示任何预览图像。我想利用这些来最大限度地暴露。
我有下面的og标签：
<meta property="og:image" content="https://voaustralia.com/wp-content/uploads/money.jpg" />
<meta property="og:image:secure_url" content="https://voaustralia.com/wp
浏览 2提问于2017-12-31得票数 3
回答已采纳
我正试着在facebook上分享我的网页。然而，它只是显示错误的网址，图像和所有其他数据抓取似乎是不正确的。
这是我根据测试得到的：
<meta property="og:url" content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type" content="article" />
<meta prope
浏览 1提问于2016-06-24得票数 0
我有一个Joomla页面(v3.2.4)，在这里我使用PHP添加了一些动态开放图标记，如：
PHP，在标记之前：
$getcid = JRequest::getVar('id');
if(!isset($getcid)) {
$title = "LIVA Kurser";
$description = "Danmarks største udbyder af kurser til såvel offentlige og erhverv samt private.";
$image = "http://www.li
浏览 3提问于2014-08-20得票数 6
回答已采纳
我有一个fb分享小工具的页面，通过这个分享，与链接相关的图像正确地从我的<meta property="og:image" ...读取。
但是，当用户手动将链接粘贴到facebook上的页面时，关联的缩略图不会从meta标记中获取，但页面中有可供选择的图像。
难道meta标签不应该覆盖该行为，并且只有我选择的og:image可用吗？如何将指定的图像也设置为手动链接共享的默认设置？
浏览 1提问于2013-04-03得票数 0
回答已采纳
2回答
我正在使用共享链接Google+：
我想知道如何强制Google+共享<meta itemprop='image'>而不是<meta property='og:image'>。它总是选择用于Facebook分享的Open Graph图像。
下面是我的meta标签：
<meta content="website" property="og:type">
<meta content="Something great" property="og:title">
浏览 0提问于2014-01-21得票数 1
下面是我为Facebook Debugger工具所做的尝试：
刮除信息：
Response Code 401
Fetched URL http://devstmaws.linesofphp.com/video/index/52f0fd544eab99ae28000106
Canonical URL http://devstmaws.linesofphp.com/video/index/52f0fd544eab99ae28000106
Warning
Critical Errors That Must Be Fixed
Bad Response Code URL returned
浏览 0提问于2014-03-06得票数 1
回答已采纳
1回答
我正在使用og: meta标记。我在我的网站上写了3-4个元标签，但是当我在facebook上分享它时，它并没有显示我在标签中提供的信息。这是我的，当我在facebook上共享它时，facebook获取数据，然后元标记就不能工作了。我不知道问题出在哪里。下面是facebook结果的屏幕截图。并显示默认的材料设计启动模板。默认情况下，显示站点标题名称。
我的网站中的元标签
<meta property="og:title" content="Antesoft Technologies" />
<meta property="og:desc
浏览 0提问于2017-08-26得票数 1
回答已采纳
我正在尝试获取og: facebook链接共享的图像。
显示了og:title和og:description，但在facebook共享和facebook调试器中没有显示og:image。
我在代码中使用了这些元标记
<head>
<title>Ajmal link builder</title>
<meta property="og:title" content="OG Test Title ecommerce-shopping-cart-software"/>
<meta property="og:
浏览 3提问于2015-09-28得票数 0
1回答
我有一个facebook喜欢按钮和facebook元标签的页面。我更改了og:description标签，但当我单击页面上的Like按钮时，看不到更改。它正在采用旧的描述。为了迫使facebook抓取我的页面，我转到并再次输入网址。它在那里显示了更新的描述。但不是当我喜欢它的时候。是否有需要传递的参数才能单独强制抓取？
感谢您的帮助！
<meta property="og:title" content="Some Title" />
<meta property="og:type" content="activity&#
浏览 2提问于2012-01-25得票数 0
我想要分享按钮在我的网页，使用og元标签。但Facebook不使用我的任何og元标签。所以我尝试了调试器，它获取了最新的版本。但我看不出是怎么回事。
这些是我的标签
<!--FACEBOOK-->
<meta property="og:title" content="Vriendinnendag, het gezelligste dagje Sauna"/>
<meta property="og:site_name" content="A-Style beautyfarm, Nieuwegein"/&
浏览 1提问于2018-02-03得票数 0
我正在创建一个应用程序，将允许人们在我们的网站上发布内容，并让它同时出现在他们的Facebook时间表上。根据我对Facebook的理解，我需要创建一个包含OpenGraph可以访问的元数据的公共可用页面，以使发布操作生效。例如：
<head>
<meta property="fb:app_id" content="" />
<meta property="og:type" content="" />
<meta property="og:title" content=&#
浏览 0提问于2013-01-15得票数 0
回答已采纳
使用Open Graph标签让Facebook允许你从缩略图列表中进行选择的诀窍是什么？
Facebook自动选择我在og标签中输出的第一张图片，而不是让我从帖子中选择第二张(或第三张，等等)。“选择缩略图”控件未启用，显示为1 /1。
当我使用Facebook调试器调试页面时，它成功地向我显示了所有图像，并且没有报告任何错误。
作为示例，下面是我的og标记：
<meta property="og:title" content="Page Title">
<meta property="og:description"
浏览 0提问于2013-12-10得票数 1
更新:在页面加载之后，我在源代码中看到了我在下面试图写出的所有数据。当我说它不起作用时，我指的是Facebook的分享者没有正确地拿起og标签。
因此，我有一个页面，上面有许多包含，使用会话变量进行一些查询。一切都很好。当我响应它们时，会话都会填充到我需要它们的位置。示例：
<title><? echo $_SESSION["clientName"] ?></title>
问题是当我开始将它们写入og元数据时。
<meta property="og:description" content="<? echo
浏览 6提问于2013-08-29得票数 0
回答已采纳
我有一个自定义的分享按钮，使用了下面的代码：
<a href="https://www.facebook.com/sharer/sharer.php?u=<url here>"><i class="social fa fa-facebook-square fa-3x social-fb"></i></a>
我在这里指定了我希望它所说和显示的内容：
<!--facebook share directions-->
<meta property="fb:app_id"
浏览 18提问于2015-11-04得票数 0
我在这里完全不知所措: Facebook的调试器不会抓取这个网站：。获取新的抓取信息返回2个错误
当您在浏览器中查看代码时，会显示Open Graph标签，并且其他OG测试人员可以看到这些标签。只有Facebook看不到它们/错误。
<meta property="og:image" content="http://kalect.com.au/images/website/facebook-like.jpg" />
<meta property="og:type" content="website" /
浏览 3提问于2015-07-14得票数 0
当我发布这个链接时： Facebook从德国网站上获取简短的描述，而不是从meta标签og:description中获取它。
下面是我在源代码中的代码：
显示的文本是这样的：
浏览 24提问于2018-01-12得票数 0
我正在使用reactjs，我想在facebook中分享我的内容，但在分享后，它不显示图像，标题，内容的描述。因此，我使用在index.html中动态添加元标签。
<Helmet>
<meta property="og:type" content="video.other" />
<meta property="og:image" content="https://www.w3schools.com/css/trolltunga.jpg" />
<meta property=&#
浏览 0提问于2017-03-28得票数 7
我正在使用Facebook的评论插件，并且我已经指向了一个设置了打开的图形标签的页面。
当用户使用插件在我的页面上发表评论时，facebook在墙上的帖子中使用了所有的og标签，除了og:site_name，它应该出现在链接的标题中，但我的网站的域名却出现了。
示例HTML：
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
浏览 0提问于2013-04-25得票数 2
我刚刚更新了我的网站，添加了og:标签，并添加了Facebook的like按钮，twitter按钮等。然而，当我点击Like按钮，然后去查看我的Facebook个人资料时，使用的图片是错误的。
这是我网站上的页面：
我的<head>标签包括以下og:image标签：
<meta property="og:image" content="http://www.inadaydevelopment.com/sites/default/files/app-10biiFinancialCalculator-Android-1-AmortizationSchedu
浏览 5提问于2012-12-15得票数 0
回答已采纳
1回答
我的剃须刀模板中有以下代码
<a href="http://www.facebook.com/sharer.php?u=@Model.Url" target="_blank">
<img src="~/Static/Images/facebook-final.png" alt="Facebook" />
</a>
我想包括标题，描述以及。
我在_Root.cshtml文件中添加了这些og标记
<meta property="og:type" content="
浏览 1提问于2018-06-14得票数 0
回答已采纳
1回答
为什么脸书的分享中没有出现图像？这是我的代码，请告诉我哪里做错了，我的代码在本地
<html>
<head>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '1474558775911287',
xfbml : true,
version : 'v2.8'
});
FB.AppEvents.logPageView();
};
(function(d, s,
浏览 5提问于2017-02-02得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
