用于分享Whatsapp链接的Open Graph标签
我使用开放的图形标签在社交媒体上共享.我的图像是1200 x 630像素,在Facebook和WhatsApp上工作: 在Facebook上,该图像看起来还不错,因为它是为之制作的.在WhatsApp上,似乎裁剪了,因为似乎期望是正方形的图像. 我可以使用标签提供仅在WhatsApp上共享的图像? 解决方案 您可以指定两个(或更多)打开的图像图像,第一个,FB的矩形图像和WhatsApp的第二个平方图像.
0 2023-12-03
编程技术问答社区
缩略图和描述没有显示在Whatsapp预览链接上
我知道有关此在这里和在这里. 我从这些链接中完成了2020年标准的强制性步骤,但是描述和缩略图仍未显示在WhatsApp上. 我一直在测试的链接是: https://research.verdhana.id/test 我的网站已经由SSL确保有效的SSL证书(未自签名). 缩略图是JPEG图像,大小为18KB和400x400尺寸. 我使用vue.js,并且我不使用服务器端渲染,因此我将所有强制性的元标记都放在index.html中,以便crawler可以读取它们,甚至没有执行JavaScript. OG:图像标签已经使用了完整的路径和相同的域. OG:URL META标签对于任何URL路径始终相同,因为它写在index.html中,但我认为这不应该是问题. 这是头部标签中的标签:
0 2023-12-03
编程技术问答社区
让OG:视频在线播放whatsapp和facebook
是否可以将OG:视频数据添加到网站的头部,以便WhatsApp和Facebook可以播放视频内联? 我目前只看到与YouTube和Instagram链接一起工作. 每当我从工作的Instagram帖子中复制整个元数据并将其粘贴到我的文档中时,Facebook调试器会选择所有数据. 但是WhatsApp仅显示缩略图,而不显示直列视频. 此功能仅适用于像YouTube这样的白名单域,还是任何人都可以做的? 我注意到Vimeo也无法在WhatsApp中播放内联视频. 这是Instagram的元数据和URL,它在WhatsApp中播放在线视频.
0 2023-12-03
编程技术问答社区
在WhatsApp中显示链接的缩略图|| og:image meta-tag doesn't work
试图遵循此问题:提供WhatsApp链接共享的图像 我使用了基本的Facebook metatags创建了一个简单的HTML网页: Facebook linter正确验证,在Facebook中显示完美,但是当我尝试通过WhatsApp分享图像不显示时. 我正在尝试 Android上的WhatsApp →这是示例网页的URL 解决方案 我相信您需要将itemprop添加到og:im
0 2023-12-03
编程技术问答社区
为WhatsApp的链接分享提供一个图像
当我们共享这样的链接时,我们如何在网站中包含一个图像? 解决方案 2020标准 需要几个步骤才能获得WhatsApp,Twitter,Facebook和PC和移动设备的书签图标的完美预览.如果您喜欢阅读,请访问 open Graph(ogp.me) - 请确保在此答案中读取步骤1-6要获得最佳的WhatsApp预览. 不同公司的许多技术审核的结果显示具有开放的图形标签不会帮助您获得更好的SEO排名,它们仅适用于社交媒体. schema.org 的数据结构将为您提供SEO. 这些打开的图形标签进入标签内部. 请注意: @jaimish11 提到了一些应用程序或网站使用缓存,甚至存储网站在其数据库中预览.例如,当您在WhatsApp或Facebook中测试链接时,您很可能不会立即看到任何差异.使用另一个链接(另一个页面)可以解决问题.但是,一旦您使用该链接一次,此"请注意" 部分重新开始. 步骤1:标题 最多65个字符
0 2023-12-03
编程技术问答社区
reddit在链接帖子上没有拉动搜刮的图片
在链接帖子上,reddit刮板没有从我的网站上刮下图像以获取缩略图,我看不出原因.我已经遵循了我可以找到的任何小片段,这基本上说. 使用方形图像,侧面小于1.5:1. 使尺寸尽可能小. 将其与开放图协议链接 我已经完成了所有这些,并在没有运气的情况下将其添加到HTML中,无处可去. 解决方案 如果刮擦代码然后直接传递给_fetch_url() ,>忽略非吸毒URL .因此,尝试为您的图像指定一个绝对URL,并且应该可以工作. 从简短的查看开放图规范中,我看不出任何需要绝对URL的信息,因此这可能被认为是Reddit中的错误.它很容易解决,因为相关代码已经可以访问所请求的页面以设置转介程序,因此您可能希望在r/bugs上发布有关它的信息.
0 2023-12-01
编程技术问答社区
刮刀在超过390KB的文件上失效
Facebook的URL刮板是否有尺寸限制?我们在网站上有几本可用的书.那些在一定尺寸(〜390KB)下具有HMTL文件大小的人会被刮擦并正确读取,但较大的4个却没有.这些较大的项目获得200个响应代码,并且打开了规范的URL. 所有这些页面都是使用相同模板构建的,唯一的区别是每本书中内容的大小以及每本书与网站上其他页面的链接数量. 单击规范URL 在Firefox或Chrome中的开发人员工具到网络选项卡中的开放式火布 3, *.html大小> 〜390KB,用于列出的失败& 单击"准确查看我们的刮板为您的URL看到的内容" 失败的空白页,html出现成功 失败: 成功: 解决方案 解决问题的解决方案可能是检查真实的用户或Facebook机器人是否正在访问您的页面.如果是机器人,则仅渲染必要的元数据.您可以通过其用户代理检测机器人,该用户代理根据代码看起来像这样(在PHP中): function userAgentIsFacebookBot(
0 2023-12-01
编程技术问答社区
在Chrome webkit检查器中持续产生 "不安全的JavaScript尝试访问带有URL的框架... "的错误
Chrome(或任何其他WebKit浏览器)在使用Facebook API时,将这些"不安全的JavaScript尝试使用URL访问框架"的一吨. 它不会干扰实际操作,但确实使JavaScript控制台基本上无法使用. 我想知道是否有一种方法可以在控制台中特别抑制这些错误?或者,如果您还能想到其他解决方案,我真的很感激. 谢谢. 解决方案 您可以通过使用--disable-web-security命令行选项运行Chrome在测试过程中允许交叉域请求.这可能应该摆脱错误(并允许FB监视您的测试;) 其他解决方案 有什么问题? Unsafe JavaScript attempt to access frame with URL... Chrome JS控制台中的错误消息. AS @thechrisproject@thechrisproject指出了,这些错误是由许多值得信赖的第三方API和小部件引起的到: Facebook JS SDK
0 2023-11-30
编程技术问答社区
拥有一个带有SSL的新网站是否已经避免了Open Graph问题?
添加SSL证书后,Facebook也无法在我的网站上获取开放图元数据,即使它们存在.即使有og:image:secure_url如 fb OpenGraph og:image not image not apring Images(可能是https?) , 所以我想知道是否简单地删除网站,然后重新安装它是否有效?域和托管IP将相同. 相关:为什么无法打开图形检查器检测打开图形数据? 解决方案 我已经尝试过,它根本不起作用.
0 2023-11-29
编程技术问答社区
是否可以从Facebook页面发布行动?
我一直在使用出色的Facebook OpenGraph和Purperse_actions权限.我的用户可以通过我们的网站发布操作,并直接连接到那里的Facebook-Timeline.伟大的集成,非常简单地发展:非常感谢您的工作! 但是,我还有一个问题: 是否可以使用不来自特定用户而是直接来自Facebook页面的Publish_actions? (如下所述,用户: OpenGraph/action/#创建) 例如,用户约翰·史密斯(John Smith)有一个Facebook页面(命名为" John Smith Advocate"),并且想发布行动,而不是来自John Smith本人,而是来自Facebook页面" John Smith Advocate". 我想知道是否有可能. 非常感谢! 解决方案 要将其发布为页面,您需要为该页面获得身份验证令牌.为此,您需要遵循以下步骤(很抱歉缺乏细节,希望这将指向正确的方向): 1)作为您页面管理员的
0 2023-11-29
编程技术问答社区
支持HTML5和RDFa
我即将将开放图协议介绍给现有的HTML5 Web应用程序,我想在不引入任何不必要的CRUD的情况下包含必要的RDFA数据. 我已经看过 html+rdfa 1.1 草稿并将其与 Facebook的开放图协议文档,我只需要在html element上设置属性,并且已经准备就绪: The Rock (1996) ... 最初,我对HTML5中的RDFA支持感到困惑,如此多的消息来源声称它不能以有效的方式完成,直到我最终降落在草案上.我不是手头上的专家,因此,我很感激是否有人可以看看这一点,还要评论草案
0 2023-11-26
编程技术问答社区
Opengraph W3C有效吗?
我想知道OpenGraph标记是否有效, 当我尝试验证它时,我会遇到以下错误: Line 14, Column 17: there is no attribute "PROPERTY" ,如果它是无效的,它会影响我的pagerank和其他搜索引擎算法吗? 可以掩盖这些属性吗? 解决方案 在正常的HTML医生中无效,但是您可以使用Doctype来验证XHTML文档,包括开放图: 请参阅以下问题: html属性属性错误 其他解决方案 不,不是.这就是验证器报告错误的原因. 其他解决方案 示例文档 移至 example.org .
0 2023-11-26
编程技术问答社区
OG。页面上有超过1个视频
如何将OG标记添加到一个以上的视频中,放置在页面上?我需要一个例子. 我添加了1个视频的标记,但不知道该如何处理2个或更多. 解决方案 只需将带有必要参数的视频标签放置,尽可能多次. 示例. 像这样的标记
0 2023-11-18
编程技术问答社区
嵌入视频未显示
我正在尝试嵌入Flash Audio播放器,我已经设置了OG Meta标签,因此它们看起来很像SoundCloud或YouTube. 我遇到的问题是: 使用播放器是在Facebook上将URL粘贴到"状态"框中时呈现的;但是,有时仅在禁用"安全浏览"时才渲染. 我对第二个安全浏览问题的猜测是,我刚刚在尝试修复第一个时就设法打破了OG标签.
0 2023-11-18
编程技术问答社区
运行调试时缺少OG元标签
我将适当的元级添加到我的视频共享网站上,但Facebook继续说找不到它们.但是,当我查看来源时,我会看到它们.你能看看我的消息来源,告诉我我做错了什么吗? http://www.christianclips.com/151/cannon-cannon-cannon--cannon--cannon--cannon--cannon--cannon-canlon-can-球洗礼 解决方案 我前一段时间在运行旧版本的PHP(5.2.x) 的服务器上遇到了相同的问题 相同的页面将在其他服务器上完美解析,但它们在该服务器上失败了. 我比较了标题,瞧,"内容长度"不存在.添加后,一切都开始工作. 这些是您页面的标题: 日期星期三,2011年8月31日17:08:45 GMT 服务器apache x驱动pHP/5.2.17 到期,1981年11月19日08:52:00 GMT 缓存控制无存储,无缓存,必须重新值,后检查= 0,pre-chec
2 2023-11-18
编程技术问答社区
在分享我自己的页面时,Facebook没有检测到视频
我有一个带有许多视频页面的网站.每个页面上只有一个视频. 当我在Facebook上共享其中一个页面的链接时,它不被视为视频,而是标准文章. 缩略图,标题和替代效果很好.但是,我希望Facebook不显示缩略图,而是要显示视频. 我正在使用 videojs 作为视频播放器. 这是我的HTML标头:
0 2023-11-18
编程技术问答社区
在Vercel上部署的NextJS项目,Facebook获取的OG标签不正确
我已经使用NextJS构建了项目,并将其部署在Vercel上.我的项目的Vercel URL是https://my-project.vercel.app.我的域(在Vercel仪表板中添加到项目设置)是www.example.com 当我使用例如,对于我的网站上的URL /foo,OG标签是正确拾取的https://my-project.vercel.app/foo>,但对于https://www.example.com/foo. . 请查看这些屏幕截图.请注意,屏幕截图(esourcing.in)中显示的域添加到Vercel仪表板中的项目esourcing-frontend.vercel.app中. 在"/> 在"/> 这是我浏览器的屏幕截图: 解决方案 回答我自己的问题.我的代码中有一个错误 错误 我正在使用包装组件来包装所有页面.我在componentDidMount之后设置og_url.我正在使用功能组件,因此useEffect挂钩在组件安
HTTP状态代码206。什么时候应该使用它?
206状态代码(w3. org)表示对带有Range标头的请求的部分结果. 因此,如果请求的文档是例如1024字节长,Range标头为bytes=0-512,则应返回206 Partial Content的状态代码. (假设服务器能够返回内容) 但是,如果Range是bytes=0-2000? 应该返回200 OK或206 Partial Content吗? 在我看来,这在规范中没有明确定义 - 或者我也不阅读正确的位置? 我为什么要关心? 我问是因为 2 ] 示例:获取varnish的请求 (我收到完整的文档,但返回206 Partial Content) > curl --dump-header - -H 'Range: bytes=0-7000' https://www.varnish-cache.org/sites/all/themes/varnish_d7/logo.png HTTP/1.1 206 Partial Content Serve
0 2023-11-14
编程技术问答社区