标签: open-graph-protocol
打开图形协议 - og:带有youtube链接的电影
通缉情景:
- 人们通过Facebook链接到我的网站
- 弹出打开的图形数据(名称,描述,缩略图......)(有效)
- 单击缩略图时播放YouTube视频(不起作用)
Facebook似乎知道有一个视频要播放,但不想通过它.
我的代码:
<meta property="og:image" content="<url>" />
<meta property="og:site_name" content="<name>" />
<meta property="og:description" content="<description>" />
<meta property="og:video" content="http://www.youtube.com/v/S3_AwK3ujQI&fs=1" />
<meta property="og:video:width" content="560" />
<meta property="og:video:height" content="315" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<link rel="video_src" href="http://www.youtube.com/v/S3_AwK3ujQI&fs=1" />
<meta name="video_type" content="application/x-shockwave-flash" />
<meta name="video_width" content="560" />
<meta name="video_height" content="315" />
什么似乎是错的？我在某处读到解决方案必须使用SSL做一些事情,但因为我链接到外部YouTube视频不应该是这种情况; 或者是吗？
推荐指数
解决办法
查看次数
身体中的元标签
我想在我的网站www.nacts.com.au上找到我喜欢的按钮,以添加到我们的Facebook页面上的按钮,但收到此消息:
你有自己的标签.这可能是因为您的格式错误并且它们在解析树中降低了,或者您不小心将Open Graph标记放在了错误的位置.无论哪种方式,您都需要在标签可用之前修复它.
但它实际上是在PHP下放置的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://developers.facebook.com/schema/" "html xmlns:fb="http://ogp.me/ns/fb#" >
<head>
<title>North Australia Career & Training Services</title>
<meta property="fb:app_id" content="191402794307447" />
<meta property="og:title" content="North Australia Career & Training Services" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.nacts.com.au" />
<meta property="og:image" content="http://nacts.com.au/images/NACTS4.png" />
<meta property="og:site_name" content="NACTS" />
<meta property="fb:admins" content="566419298" />
<meta property="og:description" content="North Australia Career & Training Services">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="msvalidate.01" content="3123382E32539EBE8C53C2CA69F7510D" />
<meta name="google-site-verification" content="bExkQFnEooJVIoZIm70CO8H8Yjx_FfyyCC6hNE_SeoA" /> …推荐指数
解决办法
查看次数
W3C验证器显示新错误:"元需要'名称'属性"
使用此代码,w3C验证器一切正常:
<meta property="og:site_name" content="--Sitename--" />
如果我用property属性替换name,验证器说og:site_name没有注册.
今天突然间显示了这个错误:
错误第7行,第66列:元素
meta缺少必需属性name.
什么都没有改变但是这个错误突然出现了.
任何人都知道为什么,以及解决方案？
推荐指数
解决办法
查看次数
LinkedIn没有选择og:image指定的图像
DEMO URL - http://maz.node1357.speedyrails.net/webreader/803
该页面具有打开的图形标签,其中提供了打开的图形图像,尽管来自S3的HTTP具有240px宽度和320px高度.
<meta property="og:url" content="http://maz.node1357.speedyrails.net/webreader/803">
<meta property="og:title" content="sharetest_4">
<meta property="og:site_name" content="MAZ">
<meta property="og:description" content="test pdf 10 page">
<meta property="og:image" content="http://s3.amazonaws.com/maz_staging2/staging2env1/issues/00022/webreader/thumbs/staging2env1_00022_thumb_0001@2x.gif" />
为什么图像预览切换器出现在这里？第一个图像似乎是og:image标签指定的图像,但第二个图像似乎永远不会加载,尽管页面中有许多图像尺寸大于Linkedin指定的图像.
我查了一些其他网站.Linkedin在Techcrunch上的这篇文章分享显示没有切换器 - 点击这里
但是从这个分享呢 - 点击这里
这两个URL都具有宽度= 680px和高度> 300px的图像.关于如何从Linkedin上的开放图形标签中获取图像的任何指导原则？
推荐指数
解决办法
查看次数
带有开放图谱协议的Google+代码段
我有一个动态构建的网页,我正在尝试获取在Google+上分享的链接以显示片段并且看起来不错,可以在此处找到文章呈现和文档的示例代码段:
https://developers.google.com/+/web/snippet/article-rendering
当我按照文档说明时,我的链接无法呈现我在google plus中设置的所有内容,它们会显示如下:
我页面的头部看起来像这样:
<head>
<div id="replaceGoogle"></div>
</head>
在我的javascript中,我有这个插入生成的开放图标记:
//replace google
var google = '<meta property="og:type" content="article" /><meta itemprop="og:headline" content="'+ data[0].name+'" /> <meta itemprop="og:description" content="View beer on Beer Portfolio" /> <meta property="og:image" content="'+ data[0].icon +'" />';
$("#replaceGoogle").replaceWith(google);
数据来自json从ajax调用中读入.我不能动态地这样做吗？
推荐指数
解决办法
查看次数
如何在Facebook Open Graph中添加多个标签(article:tag)？
对于一个有多个标签的博客/文章,如何添加Facebook Open Graph数据？
这似乎是最合乎逻辑的方式.但是它报告说它在Facebook调试器中是不正确的:
<meta property = "article: tag" content = "advocate, charity, crowdfunding, Healthcare, hospitals, Medical Bills, Medicare, negotiate, uninsured" >
像这样添加上面的相同似乎是正确的,但它似乎很荒谬:
<meta property="article:tag" content="advocate" />
<meta property="article:tag" content="charity" />
<meta property="article:tag" content="crowdfunding" />
<meta property="article:tag" content="Healthcare" />
<meta property="article:tag" content="hospitals" />
<meta property="article:tag" content="Medical Bills" />
<meta property="article:tag" content="Medicare" />
<meta property="article:tag" content="negotiate" />
<meta property="article:tag" content="uninsured" />
这样做的正确方法是什么？是否有更"优化"的写作方式？
推荐指数
解决办法
查看次数
在Telegram中的丰富链接预览中获得良好的BIG/LARGE图像
我在Telegram中看到了很多或关于丰富链接预览的请求,但这是关于"如何在预览中获得大/大图像".
我们以我的网站上的这篇文章为例.它已经拥有所有OG:
<meta property="og:title" content="Questa settimana su TLI (08 dicembre 2018)" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://turbolab.it/immagini/12483/max" />
<meta property="og:url" content="https://turbolab.it/newsletter-turbolab.it-1349/questa-settimana-tli-08-dicembre-2018-1812" />
<meta property="og:description" content="Non hai tempo di leggerci tutti i giorni? nessun problema! ecco a te il riepilogo di quanto proposto da TurboLab.it nel corso della settimana in conclusione." />
<meta property="og:locale" content="it_IT" />
<meta property="og:site_name" content="turbolab.it" />
结果:链接在Telegram上发布时有效,但图像很小并且即使og:image(this)为1000 px宽也向右浮动.我想在它自己的路线上拥有它.
检查一下(第一个条目是我的网站,我要修复的网站:请注意小图片,向右浮动.第二个和第三个是我想要的结果,如YouTube视频和Mashable文章所示).
上图中使用的3个URL是:
- https://turbolab.it/newsletter-turbolab.it-1349/questa-settimana-tli-08-dicembre-2018-1812
- https://www.youtube.com/watch?v=y6eHY537Cao
- https://mashable.com/article/xiaomi-48-megapixel-camera/?europe=true&utm_cid=hp-r-1#cR2kG7X_naqO
richpreview.com没有帮助,因为它在所有theree(一 …
推荐指数
解决办法
查看次数
LinkedIn没有拿起og:image
对于我的一个网站,我使用Open Graph来丰富从我的网站共享的帖子.但LinkedIn并没有选择og:image中指定的图像.通过简单的PHP脚本将LinkedIn机器人的图像修改为200px X 200px.
我发现一些遇到类似的问题(Linkedin没有得到缩略图)但这个问题还没有解决.
推荐指数
解决办法
查看次数
什么是facebook API中的访问令牌？
- Facebook API中的访问令牌是什么？
- 为什么我需要它？
- 它的目的是什么？
- 我是否需要将其永久存储在我的网站中？
推荐指数
解决办法
查看次数
如何更新Linkedin Open Graph Image？
我需要在共享时为linkedin更新Open Graph Image.我在Facebook和Plus上更改了它,但在Linkedin上没有.这有什么解决方法吗？
我试过通过这个网站添加一个新的链接没有运气http://beta.beantin.se/clearing-linkedin-link-sharing-preview-cache/
推荐指数
解决办法
查看次数