首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Facebook的"og:url“方向导致可点击的图像链接到我的旧页面

"og:url"是Facebook的Open Graph协议中的一个属性,用于指定一个网页的URL地址。当在Facebook上分享一个链接时,"og:url"属性可以确保链接指向正确的页面。

在这个具体的问题中,问题描述了一个情况:点击图像链接后跳转到旧页面。这可能是由于"og:url"属性指定的URL地址与实际页面不匹配导致的。

为了解决这个问题,可以采取以下步骤:

  1. 检查网页源代码:查看网页源代码中是否存在"og:url"属性,并确保其值与当前页面的URL地址匹配。
  2. 更新"og:url"属性:如果"og:url"属性的值与当前页面的URL地址不匹配,需要将其更新为正确的URL地址。可以通过在网页的头部添加以下元标签来指定"og:url"属性:
代码语言:txt
复制
<meta property="og:url" content="https://example.com/your-new-page">
  1. 刷新Facebook缓存:Facebook会对链接进行缓存,以提高链接的加载速度。为了使更新后的"og:url"生效,需要刷新Facebook的缓存。可以通过访问Facebook的调试工具(https://developers.facebook.com/tools/debug/)来刷新缓存。
  2. 测试链接:在更新"og:url"属性和刷新Facebook缓存后,测试链接是否正确跳转到新页面。

总结起来,解决Facebook的"og:url"导致可点击的图像链接到旧页面的问题,需要检查并更新"og:url"属性的值,并刷新Facebook的缓存。这样可以确保链接指向正确的页面。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何给网站添加Web Bookmark

常见场景有: 比如说发推特时,输入一个链接,就会自动生成一个卡片。 使用Notion写文章时,粘贴一个URL就会提示是否创建bookmark。 在即刻上面发送动态时,粘贴URL也会生成一个卡片。...介绍 上面工具作者写了一篇文章就是介绍如何创建可视化Web Bookmark,感兴趣可以点击链接进行查看。这里大概介绍下生成bookmark原理是什么?...Open Graph Protocol,简称 OG 协议,它是由 Facebook 在2010年首次被提出一种网页元信息标记协议,是一种为社交分享而生协议。...og:type - 网站类型,可以进行指定。 og:image - 图像URL,用来在卡片中展示。 og:url - 指定URL,作为卡片本身永久ID。...og:image:width - 图片像素宽度值。 og:image:height - 图片像素高度值。 og:image:alt - 对图像内容描述(不是标题)。

96450

如何给网站添加Web Bookmark

常见场景有: 比如说发推特时,输入一个链接,就会自动生成一个卡片。 使用Notion写文章时,粘贴一个URL就会提示是否创建bookmark。 在即刻上面发送动态时,粘贴URL也会生成一个卡片。...介绍 上面工具作者写了一篇文章就是介绍如何创建可视化Web Bookmark[2],感兴趣可以点击链接进行查看。这里大概介绍下生成bookmark原理是什么?...Open Graph Protocol,简称 OG 协议,它是由 Facebook 在2010年首次被提出一种网页元信息标记协议,是一种为社交分享而生协议。...og:type - 网站类型,可以进行指定。 og:image - 图像URL,用来在卡片中展示。 og:url - 指定URL,作为卡片本身永久ID。...og:image:width - 图片像素宽度值。 og:image:height - 图片像素高度值。 og:image:alt - 对图像内容描述(不是标题)。

1.4K10
  • WordPress SEO优化:添加OG协议标签

    、博客地址url、WordPress版本等。...这些 OG 是开放内容协议(Open Graph Protocol)简称,由 Facebook 在 2010 年后公布,目前已有百度、谷歌、YouTube 和推特等主流搜索引擎或社交网站支持,是非常好...og:url //当前内容链接og:video //视频og:audio //音频og:photo //图片og:product //产品og:image //缩略图og:link //链接og:site_name...//页面所在网站名og:audiosrc //音频地址rr:appid //如果您网站是CONNECT到renren.com,请提供该IDog:videosrc //视频资源链接,例如可是播放视频...flash地址og:width //视频、图片宽度og:height //视频、图片高度og:artist //音乐家og:contentid //内容主体ID,用来标识当前页面主要内容所处HTML

    98400

    「译」无处不在微浏览器

    这篇文章讲恰好就是这种主题,如果注意观察,你会发现很多聊天 app 或者购物 app 在分享链接时候能够自动抓取并生成网页预览图或文本说明,这样即使我们最终没有点击进入链接,也能大概知道网站内容。...它打造用户体验并不是交互式,而是具象 —— 为了告知用户 URL 另一端到底有什么内容。 创建链接预览图并不是什么新鲜事情。...,但几秒后就会超时并放弃拓展链接 用户点击链接时候不会有 referer: HTTP header。...图片 6:亚马逊使用用户代理检测,这导致许多链接预览使用是用于描述 meta 标签。 使用 <meta property="<em>og</em>:video* 来达到渐进式(而不是流式)<em>的</em>视频体验。...为了能够更快地吸引用户访问你<em>的</em>网站,我们需要确保自己网站<em>的</em>所有<em>页面</em>都用微数据进行了注释。更进一步说,如果我们可以结合这些<em>页面</em>的预览来创建一个可视化<em>的</em>网站摘要,那就可以说是锦上添花了。

    74210

    Facebook 推送通知 Linkshim 绕过

    在浏览和查找facebook漏洞时,我不小心发现了这个 facebook 推送通知链接 当我访问 facebook 链接时,奇怪是整个 facebook 页面都是空白,这里什么都没有,所以我查看源代码并阅读它来分析...ref=上添加了我网站, 但没有发生任何事情,嗯,所以我尝试使用 url 编码绕过 但仍然没有发生任何事情,然后我将更多 %2f 添加到 web url 然后 Boomm facebook 页面重定向到我网站...什么是Linkshim 每次在站点上单击链接时,该链接都会检查针对 Facebook URL 是否具有其自己内部恶意链接列表,以及包括 McAfee、Google、Web of Trust 和 Websense...如果 Facebook 检测到某个 URL 是恶意Facebook 将在浏览器实际请求可疑页面之前显示一个插页式页面。.../ 然后将网站 url 编码为 url 编码并插入到端点参数 点击回车会重定向到 www.mydomain.com/login.php,linkshim 终于绕过了。

    1.1K10

    气象图何必如此枯燥

    更改样式选项 有时,通过访问每个项目描述页面右下方链接 REST 服务页面,您会找到每个服务底层功能 REST 链接。将该链接添加到您网络地图并更改!...Living Atlas 中可用最有用和最灵活天气数据集之一是Current Weather and Wind Station Data 图层。打开这张地图,你会看到普通风矢量。...图层被复制,一个箭头符号被放置在圆形图层顶部。 使用相同属性映射(除了将圆圈交换为箭头)确保两个图层将均匀缩放。 根据风源(度)属性,使用旋转符号选项旋转箭头。...这一步需要反复试验和良好质量控制——有两个箭头选项(向上和向下)。参考原始地图,您将需要使用向下箭头,以使箭头指向风方向。我知道……不是气象标准,但对我来说更有意义。...这张地图使用了来自ColorBrewer2.og蓝色到黄色调色板—— 我最喜欢绘制降水图。在保留亮度功能同时,给人一种“湿润”感觉。

    91530

    气象图何必如此枯燥

    更改样式选项 有时,通过访问每个项目描述页面右下方链接 REST 服务页面,您会找到每个服务底层功能 REST 链接。将该链接添加到您网络地图并更改!...Living Atlas 中可用最有用和最灵活天气数据集之一是Current Weather and Wind Station Data 图层。打开这张地图,你会看到普通风矢量。...图层被复制,一个箭头符号被放置在圆形图层顶部。  使用相同属性映射(除了将圆圈交换为箭头)确保两个图层将均匀缩放。 根据风源(度)属性,使用旋转符号选项旋转箭头。...这一步需要反复试验和良好质量控制——有两个箭头选项(向上和向下)。参考原始地图,您将需要使用向下箭头,以使箭头指向风方向。我知道……不是气象标准,但对我来说更有意义。 ...这张地图使用了来自ColorBrewer2.og蓝色到黄色调色板—— 我最喜欢绘制降水图。在保留亮度功能同时,给人一种“湿润”感觉。

    86650

    约妹子打球却没订到场地?Python自动化帮你搞定

    Chrome 驱动下载链接: http://npm.taobao.org/mirrors/chromedriver/ 下载对应版本驱动,放在 Python 安装根目录下,替换之前驱动即可。...所以我们用 selenium 中点击链接文字中部分文字来实现预订时间选择。...循环判断场地状态 这时关键一步,我们需要判断我们要订这些场地状态是否是预定,我们需要场地如果全部不可预订的话,我们就隔一段时间刷新页面,重新判断。如果可以预订,就点击提交订单。...发送邮件方法可以参考之前文:30行Python代码实现自动收发邮件(链接点击跳转) 代码稍做了修改,放在和本项目同一目录下,就可以在本项目中直接导入了。 ?...最后,输入你要预订场地名和预订星期,调用函数运行即可达到我文章开头效果。 全部代码在我公众号回复「运动」获取。 ?

    2.5K40

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

    property=og 标签是一种开放内容协议(Open Graph Protocol)标签,它可以让网页成为一个“富媒体对象”,并被其他社会化网站如Facebook、百度、谷歌等引用和展示。... 、website) og:image 网页主要图片 og:author 作者名称 og:url 网页地址 og:release_date 发布时间 og:description 网页简介 og:...site_name 页面所在网站名 og:videosrc 视频或者Flash地址 og:audiosrc 音频地址 og:site_name 网站名称 og:locale 网页语言 不支持 keywords.../w3h5.com/og-image.jpg"/> <meta ...=og标签注意 一个网页可以重复使用同样 property=og 标签,但要用 og:type 标签将其分割,表示不同内容段落。

    1.7K40

    来了解下爬虫智能化解析吧!

    其中他们算法依赖于自然语言技术、机器学习、计算机视觉、标记检查等多种算法,并且所有的页面都会考虑到当前页面的样式以及可视化布局,另外还会分析其中包含图像内容、CSS 甚至 Ajax 请求。...这里我们选择测试页面就是上文所述页面链接为:https://news.ifeng.com/c/7kQcQG2peWU,API 类型选择 Article API,然后点击 Test Drive 按钮...内部 URL 链接 以上预定字段就是如果可以返回那就会返回字段,是不能定制化配置,另外我们还可以通过 fields 参数来指定扩展如下可选字段: quotes:引用信息 sentiment:文章情感值...故宫:不,实力已不允许我继续低调", "og:url": "https://news.ifeng.com/c/7kQcQG2peWU", "og:description..., api) 通过这行代码我们就可以通过调用 Article API 来分析我们想要 URL 链接了,返回结果是类似的。

    1.1K11

    如何改善应用启动性能 | Facebook 应用经验分享

    、导航、快速加载本地内容、加载较慢本地或网络内容占位块所需要时间。...Facebook 致力于通过改进时间超过 2.5 秒启动,使其摆脱 "不佳" 状态,以及修复导致启动失败问题,从而降低启动时间 "不佳" 比例。...虽然由于占位块或图像存在可能会导致无法量化部分内容加载性能,但这依然是一个着手点,毕竟这部分也是用户日常与应用交互内容 (虽然不是全部)。...您应用是否能迅速展示一些内容,但却未能加载所有内容,或者加载图像耗时过长?您应用可能启动得很快,但未能按用户要求运行 (比如,点击按钮不起作用),这些因素都会恶化用户体验。...在用户下次访问您应用时,您可在加载更多最新内容同时,显示这些已缓存内容。您是否曾在应用加载完成后,看到我们在 Facebook 动态更新中展示从网络获取到最新内容?

    62620

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

    SEO主要影响因素:网站内外链、网站友情链接、网站定位和内容、网站存在时间、网站关键词、网站描述。...meta property="og:url" content="https://www.mintimate.cn/"> 腾讯云官网也有og标签: [腾讯云官网] og标签全称是...用处最多就是当用户使用百度分享等分享类插件工具,将网页分享到微博或者 facebook、twitter 时候,SNS 网站中内容就是按照我们 OG 协议属性规定内容呈现,以此保证信息分享更准确更符合作者所想...就使用完成,在路由内添加即可: [Demo] 效果验收: [最终效果] 至于og属性,你可以参考官网进行自定义,比如这里自定义一个ogimage:og:url,全局VueX内添加: [添加] 之后到修改脚手架内内容

    3.3K53
    领券