通过开放图谱协议，您可以将网页集成到社交图中。 Open Graph可帮助人们使用他们使用的应用程序讲述他们的生活故事。它目前设计用于代表真实世界事物简介的网页 - 电影，运动队，名人和餐馆等。
NextJS 网站部署中无法识别 Open Graph 元标记
我一直在开发 NextJS 网站项目，但遇到了 Open Graph 元标记的问题。我已在网站的所有页面上为标题、图像和描述添加了适当的元标记
我刚刚把我的Facebook帐户的链接放在网站上。我从一个免费 SEO 网站进行了 SEO 分析，它说我需要添加 Facebook Open Graph。我补充一下： 我刚刚将我的 Facebook 帐户的链接放在网站上。我从一个免费 SEO 网站进行了 SEO 分析，它说我需要添加 Facebook Open Graph。我添加这个： <meta property="og:url" content="https://www.facebook.com/censored:)/"> 在评论中，你告诉我，还有哪些其他元标记？ . 这是我现在找到的 SEO 标签 全部都在这个 github repo 或下面的代码中 你不需要使用全部，做一个小型研究，这是一个很好的起点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Primary Meta Tags --> <title>Laaouatni — HTML and CSS Project.</title> <meta name="title" content="Laaouatni — HTML and CSS Project."> <meta name="description" content="progetto HTML e CSS di Laaouatni Anas. codice su Github e Codepen (100% responsive)"> <!-- css links --> <link rel="stylesheet" type="text/css" href="./index.css"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://laaouatni.github.io/"> <meta property="og:title" content="Laaouatni - Technical Documentation Project."> <meta property="og:description" content="progetto HTML e CSS di Laaouatni Anas. codice su Github e Codepen (100% responsive)"> <meta property="og:image" content="https://avatars.githubusercontent.com/u/87947051?v=4"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://laaouatni.github.io/"> <meta property="twitter:title" content="Laaouatni - Technical Documentation Project."> <meta property="twitter:description" content="progetto HTML e CSS di Laaouatni Anas. codice su Github e Codepen (100% responsive)"> <meta property="twitter:image" content="https://avatars.githubusercontent.com/u/87947051?v=4"> <!-- font google api link --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap" rel="stylesheet"> <!-- icon for html --> <link rel="shortcut icon" type="image/jpeg" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="icon" href="https://avatars.githubusercontent.com/u/87947051?v=4" type="image/jpeg" /> <!-- other meta tags --> <meta name="robots" content="index,follow" /> <meta name="robots" content="max-image-preview:large"> <meta name="author" content="laaouatni" /> <meta name="copyright" content="laaouatni" /> <meta name="keywords" content="laaouatni, laaouatni anas, anas laaouatni, laaouatni html, laaouatni css, laaouatni javascript, laouatni, laoatni, laouatni anas"> <meta http-equiv="refresh" content="300"> <meta property="og:site_name" content="laaouatni"> <!-- android meta tags --> <meta name="application-name" content="laaouatni"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#0000ff"> <!-- IOS Seo Meta Tag --> <meta name="apple-mobile-web-app-status-bar-style" content="#0000ff"> <link rel="apple-touch-icon" sizes="48x48" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="72x72" href="/https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="76x76" href="https://avatars.githubusercontent.com/u/87947051?v=4"> <link rel="apple-touch-icon" sizes="96x96" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="120x120" href="https://avatars.githubusercontent.com/u/87947051?v=4"> <link rel="apple-touch-icon" sizes="144x144" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="152x152" href="https://avatars.githubusercontent.com/u/87947051?v=4"> <link rel="apple-touch-icon" sizes="192x192" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="256x256" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="384x384" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="512x512" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <!-- microsoft meta icon logo --> <meta name="msapplication-square310x310logo" content="https://avatars.githubusercontent.com/u/87947051?v=4"> </head> </html>
我将 NuxtJS 与 Nuxt3 一起使用，在我的组件中，我想使用动态 opengraph 元数据更新页面的头部。在我的组件中，我正在显示一个画廊，为此我正在获取数据......
基本上，我正在尝试设置元标记和所有这些东西。我不知道如何更改网址，因此只有网站名称。例如，github 那里只有 GitHub，而我有...
Linkedin 在分享链接时获取错误数据（仅规范网址数据）
我在 Linkedin 上共享网站时遇到问题 我有一个 https://www.exemple.com 网站，Linkedin 可以正确抓取该网站 我添加了一个页面 https://www.exemple.com/page Linkedin 的上一篇...
如何在不使用 JS 库的情况下通过 facebook 服务器端进行身份验证？
在我的网站上，用户可以使用 Facebook 登录。这样做时我会请求许可 发布到用户提要。这就像一个魅力。 登录后，用户可以撰写评论并
我在 LinkedIn 上共享正在开发的网站时遇到问题：LinkedIn 不会从该页面获取任何数据。该网站的元数据遵循其文档中的建议。我尝试了所有这些
需要帮助使用 Meta API 创建具有展示位置自定义的轮播广告素材
我目前正在致力于集成 Meta API 以在 Facebook 上创建广告。我专门尝试通过展示位置自定义创建轮播广告素材，但我面临一些挑战......
我正在尝试充分使用Yoast SEO。但我的主题或一些未知的插件正在引入另一个 opengraph 标签部分，覆盖 Yoast 的元数据。如何消除第二个重复集？ 他...
这是我在 Stack 社区中提出的第一个问题。我知道之前已经有人问过这个问题，但我想知道如何使用 JS 来具体实现它（我不是受过教育的编码员）。 这是东西
在 LinkedIn 上共享时存在开放图谱标签问题，但在 Facebook 上工作正常
在 LinkedIn 上共享时，我的网站上出现了 Open Graph 标签。 参考网址：https://www.shadownote.app 以下是我在网站上实施的开放图谱元标记： 在 LinkedIn 上共享时，我的网站上会出现 Open Graph 标签。 参考网址：https://www.shadownote.app 以下是我在网站上实施的开放图谱元标记： <meta property="og:image" content="https://marketingshadownote.s3.amazonaws.com/SN-1024x500px-Google.png" /> <meta property="og:title" content="Shadow Note" /> <meta property="og:description" content="A Fully Encrypted Journal with a Personal AI Assistant to Help You Set Intentions and Keep Life from Passing You By..." /> <meta property="og:url" content="https://www.shadownote.app" /> <meta property="og:type" content="website" /> 我遇到的问题： 在 LinkedIn 上共享上述 URL 或使用 LinkedIn 帖子调试器时，它没有检测到我的任何标签。我已确认该图像 URL 可以访问并且具有建议的尺寸 (1024x500px)。相同的 URL 在 Facebook 上共享并使用 opengraph.xyz 等工具进行验证时，可以正确识别并显示所有元标记，包括图像。鉴于此，我认为 LinkedIn 如何解释或获取我的网站标签可能存在问题或特定要求。我将非常感谢您提供的任何见解、建议或帮助，以确保在 LinkedIn 上共享时正确显示标签。 预先感谢您的时间和支持。 元标签列在 head 部分开始之前。
OpenGraph 消息预览消息未显示在 iMessage 中，但在其他地方都显示
我们向客户发送网页链接的短信，我们希望它显示在链接预览中。它适用于 Android、Facebook Messenger 和许多其他工具。仅当从其他人发送时，它才会显示在 iMessage 中
Open Graph 未识别 NextJS 应用 SEO 元标记
Next.js 版本：13.5.4（最新） 部署存储库 部署链接 这是在任何客户端渲染之前返回的源 html 然而，它没有被开放图谱接收，并且链接也没有...
LinkedIn 后检查器在 https URL 上遇到服务器错误
在 LinkedIn 帖子检查器中检查给定 URL 将返回以下摄取反馈： 错误 我们在尝试检查 URL 时遇到服务器错误。 URL 重定向轨迹显示...
我是 META 广告管理器的新手，我计划将潜在客户生成表单集成到 webhook，但我没有在 webhook 中获得潜在客户来源，无论潜在客户来自 Facebook 还是 Instagram。 有什么办法可以辨别吗...
我真的很难让 LinkedIn 识别 og:image。我的 og 标签如下所示： 我真的很难让 LinkedIn 识别 og:image。我的 og 标签如下所示： <meta property="og:type" content="website" /> <meta property="og:title" content="My title here" /> <meta property="og:url" content="https://www.example.com/some-page" /> <meta property="og:description" content="Description here" /> <meta property="og:image" content="https://www.example.com/og-image.png" /> 到目前为止我已经尝试过： 检查 og:url 是否与当前页面匹配 检查图像是否存在 将 prefixprefix="og: http://ogp.me/ns#" 添加到我的 HTML 标签 将该前缀更改为 prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#" 检查网站的 SSL 设置（按照在 LinkedIn 上与 og 分享） 确保我的图像至少为 1200x672px 确保我的图像低于 5MB 我不确定还有什么可以尝试的。有什么想法吗？ 啊哈 – 刚刚尝试将其设为 JPG 而不是 PNG，LinkedIn 现在可以看到它。这有点令人震惊，但希望对其他人有帮助！ 我已经尝试了所有组合。 1200x672（以及更大，有一个网站说 1200x627） JPG PNG 完整网址 相对网址 将页面上的图像放在隐藏的 div 中 文件小于1mb 我可以将图像的 URL 发布到 LinkedIn 的帖子检查器，它就会出现。 但仍然无法从 og 元数据中将图像显示在 LinkedIn 帖子中。我不知道为什么他们让这件事变得如此困难。
为什么BeautifulSoup无法检索og:image元数据，而Facebook共享调试器却可以？
这是我的BeautifulSoup代码： 从 bs4 导入 BeautifulSoup 导入请求 html = requests.get("https://vt.tiktok.com/ZSLvos3x2/").text 汤 = BeautifulSoup(html, 'html.parser') 想象...
我有一个 ecom Angular 网站，我想允许用户使用 WhatsApp 分享产品。内容是从 REST API 动态生成的。因此我在我的组件中使用了 Angular Meta 类...
有人知道如何通过FB API创建事件吗？ 我看到了 graph.facebook.com/v2.11/official_events 的旧文档，这是可能的。 https://developers.facebook.com/docs/pages/off...
在 next.js 13 中设置 og 图像：打字稿错误：'string | undefined' 不能分配给类型 'OGImage'
我正在开发一个动态页面，并尝试根据文档生成元数据。我在设置 og 图像时遇到问题 导出异步函数generateMetadata( { params }：道具， 家长：