开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

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）等产品，可以提高网站的访问速度和图片等静态资源的加载效率。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

如何给网站添加Web Bookmark

Open Graph Protocol，简称 OG 协议，它是由 Facebook 在2010年首次被提出的一种网页元信息标记协议，是一种为社交分享而生的协议。...当然 Twitter 也支持 OG 协议的。 OG协议存在于页面中的meta标签中，这些 meta 标签声明就是为了便于其他站点的爬虫抓取有效信息用的。...这里我们就需要使用OG协议来在网站中添加关键信息，其实也就是在meta标签中添加信息。 Open Graph Protocol 这里总结下比较常用的OG协议配置。...以下提到的所有配置都是需要放在meta标签中。最基本的配置共有四个，也是每个页面所需的。四个必须的配置分别是： og:title - 在卡片中显示的网站的标题。...="image/jpeg" /> <meta property="og:image:height" content

9435 0

如何给网站添加Web Bookmark

当然 Twitter 也支持 OG 协议的。 OG协议存在于页面中的meta标签中，这些 meta 标签声明就是为了便于其他站点的爬虫抓取有效信息用的。...这里我们就需要使用OG协议来在网站中添加关键信息，其实也就是在meta标签中添加信息。 Open Graph Protocol 这里总结下比较常用的OG协议配置。...以下提到的所有配置都是需要放在meta标签中。最基本的配置共有四个，也是每个页面所需的。四个必须的配置分别是： og:title - 在卡片中显示的网站的标题。...配置到现在为止，我们知道了应该将关键信息放到网站的meta标签中，这里我们采用OG协议。那么现在问题就是如何进行配置，并且需要添加哪些信息？...- property: og:image:alt content: preview 可以看出，我们添加了一大堆meta标签，每个标签具有两个属性：property和content 。

1.4K1 0

WordPress SEO优化：添加OG协议标签

翻看一些主流网址的网页源代码，在 HTTP 头部经常能看到一些 og:type、og:title、og:image 的 meta 标签。这些 OG 是什么东西？有什么用？....jpg" /><...meta property="og:description" content="函数get_bloginfo()和bloginfo()，可以获取 WordPress 用户资料与常规设置中的信息，例如博客标题...这些 OG 是开放内容协议(Open Graph Protocol)的简称，由 Facebook 在 2010 年后公布，目前已有百度、谷歌、YouTube 和推特等主流搜索引擎或社交网站支持，是非常好的...标签的IDog:price //产品价格og:nick //店铺名og:postfee //运费要注意两点第一点：一个网页可以重复同样的 meta 标签，一般使用 og:type 标签将其分割，也就是

9230 0

优化property=og标签，让你的网站在搜索引擎面前更优雅

property=og 标签是一种开放内容协议（Open Graph Protocol）的标签，它可以让网页成为一个“富媒体对象”，并被其他社会化网站如Facebook、百度、谷歌等引用和展示。...property=og 标签的使用方法是，在中添加的形式，其中 xxx 表示属性名，yyy 表示属性值。...帮助您的内容更有效的在SNS网络中传播； Meta Property=og 主要标签属性 og:title 网页标题 og:type 网页类型（常用值：article 、book 、movie 、video.../w3h5.com/og-image.jpg"/> <meta ...property=og 标签不等同于 meta name 标签，两者针对的对象不一致，功能不同。如果要使用 property=og 标签，应同时赋值 meta name 和 title 标签。

1.2K4 0

网站SEO优化：Meta标签如何书写？Vue项目怎么优化Meta标签？

，就是平时meta内，name为og开头的属性，比如我博客的og标签：腾讯云官网也有og标签： <meta property="og:title" content...用处最多的就是当用户使用百度分享等分享类插件工具，将网页分享到微博或者 facebook、twitter 时候，SNS 网站中的内容就是按照我们 OG 协议属性规定的内容呈现，以此保证信息分享更准确更符合作者所想...更简单的理解就是分享时候的外链卡片显示…… 比如：QQ就是参考OG的og:image属性设置的图片 image.png 现在越来越多的搜索引擎，也支持og（e.g.

3.1K5 3

详谈WordPress 360&百度搜索引擎展现出图策略

智能摘要可以帮助网站在搜索结果中展现更丰富，带来更多点击。需要提供网站的结构化数据，在网站的页面中插入相应协议标签但需要依据站点模板进行适配。...--选填--> 展现示例：图片6、普通文章<!...比如钻芒博客，在前端页面中插入博客类型的摘要标签规范。那么360的蜘蛛抓取的时候就方便取到相关的信息。从而更有利于展现出图及展现拓展。效果预览如下:图片但是这里也是有一些定义条件的。...重复提交会被限制，且影响其他类型页面的提交首页暂不支持智能摘要提交，提交之后无法生效好了废了这么多话如何给WordPress适配360智能摘要呢？

1.1K2 0

Meta Box：一个被名字耽误的强大的WordPress自定义字段插件

，元模型 meta-合成词代表的东西可以归结为某种额外之物，伴随着原始对象的更高需求而产生典型的HTML meta标签是HTML文档的补充（加强） meta-programming（元编程）在做的事是提升编程语言的能力...总体来说，meta box就是WorPress管理后台界面的一部分，有自己的信息区域，可以接收用户输入。...Meta Box的官网介绍说从2010年开始就专注于该插件的开发，目标是帮助开发者更快更好的处理WordPres中的自定义meta box ，不仅仅是一个插件，甚至可以说是一个帮助WordPress开发者处理数据的框架...有两种方式：通过函数来获取数据 Meta Box 提供了一个辅助函数rwb_meta()用来获取指定field的值，本质上这个函数是对WordPress自身函数get_post_meta的一层封装。...支持的字段类型和扩展插件 Meta Box支持多达46中字段类型，应有尽有，基本可以满足所有场景的需求，完整列表如下： Autocomplete Background Button Button Group

3.9K2 0

「译」无处不在的微浏览器

营销团队创建了 backlog 条目从 Twitter Cards 和 Facebook 的 Open Graph 注释中采用不同的微数据。...例如，iMessage 在决定渲染什么之前会找出并加载所有的网站图标，所有的 <meta property="og:image" 图片，以及所有的 <meta name...研究得知，最常见的用于预览的微数据标签是 Open Graph 标签。如果没有 OG 和 twitter card 标签，那么将使用默认的 SEO <meta name=“description”。...因此，描述文本应该足够清晰提供最多三个 <meta property="og:image" 图片。大多数平台只会加载第一个，有的平台（尤其是 iMessage）则会加载全部图片并将它们拼贴在一起。...图片 6：亚马逊使用用户代理检测，这导致许多链接预览使用的是用于描述的 meta 标签。使用 <meta property="og:video* 来达到渐进式（而不是流式）的视频体验。

7321 0

个人博客建设——Hexo主题icarus的_config.icarus.yml配置参数注释

/ # 封面地址 (og:image) (可选) # 你应该在大部分时间里把这个空着 image: https://gitee.com/cnhuashao...twitter_site: # Google+ profile link (deprecated) google_plus: # Facebook...admin ID fb_admins: # Facebook App ID fb_app_id: # 页面的结构化数据 # https...: # 数组中的附加HTML元标记 meta: # Meta tag specified in = style #...# _config.post.yml中的配置对所有文章生效，而_config.page.yml中的配置对所有自定义页面生效。 # 这两个文件将覆盖主题配置文件中的配置。

7273 0

meta标签大全（荐）

="URL地址" /> <meta property="og:image" content...，设定后一旦离开网页就无法从Cache中再调出。...---- html标签中meta属性使用介绍　　meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。　　...用法：注意：这样设定，访问者将无法脱机浏览。...各个消息中的指令含义如下 Public指示响应可被任何缓存区缓存 Private指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。

7393 0

【译】JavaScript对SEO的影响

因此，基本的SEO标签设置如下...page" /> 框架的类型以及影响无框架...在这种情况下，开发人员无法控制SEO标签，因为只有一个HTML根文件。由此，就出现了一些用来动态设置SEO标签的库。...但是，这个过程对较大的应用程序将十分缓慢；另外，在预渲染的React应用程序中无法实现动态链接，因为每个页面在编译阶段就需要存在了。因此，预渲染仅限于静态页面或通过查询参数获取动态内容的应用。...服务端渲染在服务端渲染中，页面内容完全由服务端渲染完成并发送到客户端显示。因此，客户端将获取到完整的HTML内容。

2.9K1 0

contextIsolation | Electron 安全

DOCTYPE html> <meta property="og:video:width"

1971 0

我对 Twitter 前 10 行源代码的理解

3 第 3 行：最佳答案：源代码中的元标签用来提供关于这个文件的元数据。...5 第 5 行：<meta property="og:site_name" content="Twitt......大约 50% 的应聘者知道 Open Graph 标签，如果他们这个问题回答得比较好，就表明他们了解 SEO。最佳答案：这个标签是网站名称 Twitter 的 Open Graph（OG）元标签。...Open Graph 协议是由 Facebook 制定的，目的是使链接更容易打开，并在一个漂亮的卡片布局中显示预览；开发者可以添加各种著作权详情和封面图片，实现花式分享。...另外提一个比较有趣的点，元标签通常具有name属性，但 OG 使用非标准的property属性。我猜这只是 Facebook 的特色。

1K2 0

你需要知道，元宇宙才刚刚开始

去年， Facebook 将自己更名为 Meta，这是对社交网络在互联网下一步发展中成为主要推动者的雄心的认可。...这些空间是共享的并且始终可用;当您完成使用它们时，它们不会消失，例如 Zoom 通话。...概念其实非常广泛，以至于许多人说元宇宙已经存在于 Roblox、Minecraft 和Fortnite的数字世界中，允许玩家在 2D 环境中聚集。...Facebook老板马克扎克伯格、微软首席执行官萨蒂亚纳德拉和其他支持者看到了一种更深入、更身临其境的体验，它结合了许多现有技术，如 VR 耳机、移动设备、个人电脑和云连接服务器。...数字社区、公园和俱乐部将会如雨后春笋般涌现，可能在一个单一的虚拟世界中，也可能分布在许多虚拟世界中。有些人看到了一个与物理世界重叠并包含 AR 覆盖的元宇宙。投资者已经在虚拟土地上大肆投资。

2241 0

旅游网页设计 web前端大作业全球旅游私人订制旅游公司网站模板(HTML+CSS+JavaScript)

最重要的是做出旅游网站独特的风格，更能吸引浏览者的眼球。三、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。...-- Facebook and Twitter integration --> <meta name="twitter

2K1 0

Electron 安全与你我息息相关

"> 部分添加特定的 HTML 标签（称为 Open Graph 标签），网站发布者可以控制其内容在 Facebook、Twitter、LinkedIn、Pinterest 等社交网络上分享时的外观和元信息

7701 0

Vuepress SEO优化教程(附完整方法)

meta优化使用插件 webmasterish/vuepress-plugin-autometa 可以自动生成meta标签及其内容，包括 meta keywords, meta description..., open graph (比如: og:img 等) 以及Twitter card, facebook card等。...markdown -> externalLinks 即可，这里只需在合适的地方加上nofollow，如下图~ image.png 移动端优化 head中增加如下两行，已加的话就不用重复加了~ PWA优化增加manifest.webmanifest文件 https://dbdgs.cn/manifest.webmanifest 页面中的img标签都加上alt img加上alt可替换文字是很必要的...，防止img无法加载时，也能起到描述图片的功能。

3.9K2 0

CORS和JSONP跨域漏洞学习知识点

只有同一个源的脚本才可以赋予dom、读写cookie、session、ajax等操作的权限，例如a.com可以随意调用b.com的接口去修改数据 3、同源策略会受到哪些限制无法获取Cookie、LocalStorage...、IndexDB 无法获取DOM AJAX请求不能发送以上三个标签可以允许跨域加载资源二、Jsonp跨域劫持与个人理解 1、什么是Jsonp...，就是动态创建标签，然后利用的src 不受同源策略约束来跨域获取数据。...callback=test)要获取这些数据，是需要登录的，受害者登录后，又访问了攻击者给的漏洞劫持复现链接(http://10.200.70.27:8081/exp.html)，就造成了攻击者可以获取这些数据...，同源策略规定，不同的源是不可以获取cookie这些的，很显然，用户登录后的cookie，不同源是不可以获取的，这里通过标签属性的特性，获取到了不同源用户的Cookie 5、Json劫持防御 1、验证Referer

4823 0

还在一个个写规则？来了解下爬虫的智能化解析吧！

是帮助我们来快速获取有效信息的。然而做过爬虫的人都知道，解析是个麻烦事。比如一篇新闻吧，链接是这个：https://news.ifeng.com/c/7kQcQG2peWU，页面预览图如下： ?...那么这几种算法或者服务到底哪些好呢，Driffbot 官方曾做过一个对比评测，使用 Google 新闻的一些文章，使用不同的算法依次摘出其中的标题和文本，然后与真实标注的内容进行比较，比较的指标就是文字的准确率和召回率，以及根据二者计算出的...，那么则返回相关的 URL type：类型 uri：Diffbot Knowledge Graph 中的实体链接 images：文章中包含的图片 videos：文章中包含的视频 breadcrumb：面包屑导航信息...参数中包含了必选的 token、url 字段，也设置了可选的 fields 字段，其中 fields 为可选的扩展字段 meta 标签。...": { "og": { "og:time ": "2019-02-20 02:26:00", "og:image": "https://e0.ifengimg.com

1.1K1 1

【火绒安全周报】微软否认其云服务遭入侵将强制隔离SolarWinds Orion应用

目前微软正在开展针对政府、私营企业的大规模调查活动，并警告安全人员注意以下迹象：通过 SolarWinds Orion 产品中的恶意代码入侵（另请参见安全公告）；入侵者使用通过本地折衷获得的管理权限来获取受信任...原出处：TechWeb 相关链接： http://www.techweb.com.cn/ucweb/news/id/2816509 谷歌披露存在于高通骁龙Adreno GPU中的高危漏洞 ?...近日，谷歌Project Zero团队披露了存在于高通Adreno GPU的“高危”安全漏洞，而这个漏洞和GPU共享映射的处理方式有关。...该漏洞可能会尝试回复受感染者GPU渲染的内容或者其他GPU操作的结果。目前高通已经发布补丁完成了修复并和 OEM 厂商私下共享了信息。高通表示将会在 2021 年 1 月公开该漏洞的相关细节。...其中，Facebook 收集的信息格外引人关注。App Store标签显示Facebook收集多种用户数据，光是标签长度就有几页。

5052 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭