我在 StackOverflow 和其他网站上搜索过,但如果可能的话,我还没有找到明确的是或否答案。
我掌握了 Facebook 的 Open Graph 技术,并且希望在我的 Tumblr 上的帖子之间拥有可变图像。问题是,我通常只制作文本帖子,而 Tumblr 似乎不允许我为每个帖子指定 Open Graph 图像。如果我尝试将元标记放在帖子中,并且 Facebook 似乎无法识别 og:image 标记中的 {PhotoURL-500} 或 {Photoset-500} 等 tumblr 标记,Tumblr 会删除它。
我的 og:image 当前设置为显示站点的徽标,这会重复,但没有它,Facebook 通常不会抓取正确的图像。是否可以为单个 Tumblr 文本帖子设置 og:image?
我目前正在使用 facebook 开放图形元标记更新我的页面,因此在将 url 粘贴到 facebook 时它会得到一个很好的预览。遗憾的是, og:description 属性或任何其他字符串类型的属性似乎都忽略了换行符。我已经尝试过任何已知的换行符格式,例如 \n 或 <br> 但它们都不起作用。
有谁知道诀窍还是不可能添加换行符?
谢谢,麦克法兰
我无法使用 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。
有没有人知道这里可能存在什么问题?
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+)工作正常。
我在我的网站上使用 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) 我最近将 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
我的其中一个页面上有 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) 我想更改网页中的主照片,我只有 url 页面。所以我决定使用为 Facebook 共享编写的元数据。
我想更改图像:meta property="og:image" content="http://myweb.com/image.jpg"
所以我有这个网站: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
html ×5
facebook ×4
curl ×1
javascript ×1
jquery ×1
line-breaks ×1
linkedin ×1
meta ×1
meta-tags ×1
rdfa ×1
schema.org ×1
social-media ×1
socialshare ×1
tumblr ×1