标签: facebook-opengraph

Tumblr 文本帖子中的变量 og:image?

我在 StackOverflow 和其他网站上搜索过,但如果可能的话,我还没有找到明确的是或否答案。

我掌握了 Facebook 的 Open Graph 技术,并且希望在我的 Tumblr 上的帖子之间拥有可变图像。问题是,我通常只制作文本帖子,而 Tumblr 似乎不允许我为每个帖子指定 Open Graph 图像。如果我尝试将元标记放在帖子中,并且 Facebook 似乎无法识别 og:image 标记中的 {PhotoURL-500} 或 {Photoset-500} 等 tumblr 标记,Tumblr 会删除它。

我的 og:image 当前设置为显示站点的徽标,这会重复,但没有它,Facebook 通常不会抓取正确的图像。是否可以为单个 Tumblr 文本帖子设置 og:image?

facebook tumblr facebook-opengraph

5
推荐指数
1
解决办法
823
查看次数

使用元标记打开图形字符串换行符

我目前正在使用 facebook 开放图形元标记更新我的页面,因此在将 url 粘贴到 facebook 时它会得到一个很好的预览。遗憾的是, og:description 属性或任何其他字符串类型的属性似乎都忽略了换行符。我已经尝试过任何已知的换行符格式,例如 \n 或 <br> 但它们都不起作用。

有谁知道诀​​窍还是不可能添加换行符?

谢谢,麦克法兰

html meta facebook line-breaks facebook-opengraph

5
推荐指数
1
解决办法
2221
查看次数

facebook 的 og:type 允许值是什么?

我找到了此页面的链接,但它没有提供我需要的信息:

https://developers.facebook.com/docs/opengraph/#types

可能的类型有哪些?

facebook facebook-opengraph

5
推荐指数
1
解决办法
6674
查看次数

Facebook 对象调试器:卷曲错误:SSL_PEER_CERTIFICATE SSL:没有替代证书主题名称

我无法使用 Facebook 对象调试器(lint 工具)(https://developers.facebook.com/tools/debug/og/object/)测试站点上的开放图形标签。返回的错误是:

Object at URL 'https://www.musicharvest.org/' of type 'website' is invalid because a required property 'og:title' of type 'string' was not provided.

Curl Error : SSL_PEER_CERTIFICATE SSL: no alternative certificate subject name matches target host name 'www.musicharvest.org'
Run Code Online (Sandbox Code Playgroud)

结果是没有解释开放图形标签。

该站点存在并且 SSL 证书包含 www.musicharvest.org 和 musicharvest.org。

有没有人知道这里可能存在什么问题?

curl facebook ssl-certificate facebook-opengraph

5
推荐指数
1
解决办法
4197
查看次数

Linkedin 分享时显示 3 个不同的图像

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.com/teachers/profile/displayProffesional">
<meta property="og:image" content="https://okytalk.com/media/okytalk/img/share.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="470">
<meta property="og:image:height" content="246">
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

任何想法如何只显示一个?其他人分享(facebook、twitter、google+)工作正常。

html social-media linkedin facebook-opengraph socialshare

5
推荐指数
1
解决办法
1179
查看次数

结构化数据测试工具面包屑错误

我在我的网站上使用 schema.org (Breadcrumb) 和开放图协议。谷歌的结构化数据测试工具将它们混合在一起并抛出错误。

您可以将代码复制并粘贴到工具中以查看错误消息。

我误解或做错了什么?谢谢你的帮助。

这是代码:

<html lang="en" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
  <head>
    <meta property="og:url" content="http://example.com/examples/example" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Examples and so on" />
    <meta property="og:description" content="A lot of examples here" />
    <meta property="og:image" content="http://example.com/example.jpg" />
  </head>
  <body>
    <ol class='breadcrumb' vocab='http://schema.org/' typeof='BreadcrumbList'>
      <li property='itemListElement' typeof='ListItem'><a property='item' typeof='WebPage' href='/'><span property='name'>Home</span></a><meta property='position' content='1'></li>
      <li property='itemListElement' typeof='ListItem'><a property='item' typeof='WebPage' href='/examples'><span property='name'>Examples</span></a><meta property='position' content='2'></li>
      <li property='itemListElement' typeof='ListItem'><a property='item' typeof='WebPage' href='/examples/example'><span property='name'>Examples and so on</span></a><meta property='position' content='3'></li>
    </ol>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

html structured-data facebook-opengraph

5
推荐指数
1
解决办法
1241
查看次数

使用 Open Graph 的 BreadcrumbList 上的结构化数据错误

我最近将 RDFa 面包屑结构化数据添加到我们的网站之一。现在看起来它与网站上已经存在的开放图谱数据冲突。这怎么可能?OG 数据在<head>标签中,甚至不靠近面包屑。

见测试:https : //search.google.com/structured-data/testing-tool?hl=EN#url=https%3A%2F%2Fwww.badkamerwinkel.nl%2Fwastafels%2Fwastafel

网站网址:https : //www.badkamerwinkel.nl/wastafels/wastafel

<head>标签中打开图代码:

<meta property="al:ios:url" content="badkamer://categories/79"/><meta property="al:ios:app_name" content="Badkamerwinkel"/><meta property="al:ios:app_store_id" content="1079403656"/><meta property="og:type" content="product.group" />
<meta property="og:title" content="Wastafel nodig?  | Badkamerwinkel.nl" />
<meta property="og:image" content="https://www.badkamerwinkel.nl/skin/frontend/bombastium/default/logo-200x200.png" />
<meta property="og:url" content="https://www.badkamerwinkel.nl/wastafels/wastafel" />
<meta property="og:description" content="Het grootste Online Wastafel assortiment vind je op Badkamerwinkel.nl > Ruime keuze uit verschillende soorten wastafels > Voor 20:30 besteld, morgen in huis" />
Run Code Online (Sandbox Code Playgroud)

<body>标签中的RDFa 代码:

<ol vocab="http://schema.org/" typeof="BreadcrumbList" class="breadcrumb">
  <li property="itemListElement" typeof="ListItem" class="home">
    <a …
Run Code Online (Sandbox Code Playgroud)

html rdfa schema.org facebook-opengraph google-rich-snippets

5
推荐指数
0
解决办法
773
查看次数

Facebook 帖子重定向到空白页面:https://www.facebook.com/dialog/return/close?#_=_

我的其中一个页面上有 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 voté pour mon lauréat coup de ? Stars & Métiers 2016 ! Et vous, quel est votre coup de cœur ? avec lien minimisé vers la page lauréat du site" }
Run Code Online (Sandbox Code Playgroud)

这个想法是告诉 facebook 实际上检查来自另一个页面的 ogs 以创建丰富的帖子:

 %meta{property:"og:url", content: votes_url }
Run Code Online (Sandbox Code Playgroud)

因此 facebook 实际上应该从 votes_url 路径中删除 ogs :

%meta{ property: 'og:title', content: "J’ai voté pour mon lauréat Stars et Metiers" }
  / %meta{ property: 'og:url', content: …
Run Code Online (Sandbox Code Playgroud)

facebook-opengraph facebook-share

5
推荐指数
0
解决办法
7513
查看次数

动态改变内容:meta property="og:image"

我想更改网页中的主照片,我只有 url 页面。所以我决定使用为 Facebook 共享编写的元数据。

我想更改图像:meta property="og:image" content="http://myweb.com/image.jpg"

html javascript jquery facebook-opengraph

5
推荐指数
1
解决办法
1万
查看次数

Facebook Open Graph 属性不起作用:“应该明确提供 'og:image' 属性,即使可以从其他标签推断出一个值。”

所以我有这个网站:http : //asimpleforexguide.com/

我已经使用从 Facebook 生成的 app_id 指定了 Open Graph 属性。

<meta property="fb:app_id" content="277549136353523" />
<meta property="og:title" content="ASDFG - A Simply Direct Forex Guide" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.asimpleforexguide.com/" />
<meta property="og:image" content="http://www.asimpleforexguide.com/img/bg-mobile-icon.jpg" />
<meta property="og:description" content="Learn Forex Trading from setting up accounts, to setting up trades." />
Run Code Online (Sandbox Code Playgroud)

但是每当我分享链接或在 Facebook 共享调试器中尝试时,我都会收到这些错误。

推断属性
'og:image' 属性应该明确提供,即使可以从其他标签推断出一个值。
缺少属性

缺少以下必需属性:og:url、og:type、og:title、og:image、og:description、fb:app_id

meta-tags facebook-sharer facebook-opengraph

5
推荐指数
0
解决办法
1090
查看次数