标签: opengraph

"fb:app_id"元标记中指定的应用ID无效

我试图为我的网站启用Facebook Insights.我说我的网页APP_ID,以fb:admins使我的网页的每一个管理员才能访问数据解析时,登录到Facebook的页面作为.但是当我尝试保存对话框时会出现消息:

The app ID "123,123,123,123,123" specified within the "fb:app_id" meta tag was invalid.
Run Code Online (Sandbox Code Playgroud)

我仔细检查了我的应用ID,这是正确的.

facebook opengraph facebook-insights

12
推荐指数
3
解决办法
7万
查看次数

Giphy如何与Facebook分享GIF?(2015年,不闪光)

如果我将以下网址粘贴到Facebook,我可以分享动画gif.这不是电影而不是闪光,Facebook 现在支持没有这些解决方法的GIF.我可以点击它暂停,并在暂停时在圆圈中显示"GIF".

http://giphy.com/gifs/hot-funny-cartoon-fBEDuhnVCiP16

无论我从该页面的meta标签复制什么,我都无法让Facebook在我自己的页面上共享动画gif.我甚至已经复制了该页面的整个代码并自己提供(更改<link rel="canonical"<meta property="og:url"匹配我的URL).

Open Graph Object Debugger为真正的Giphy页面和我的副本提供相同的结果.有趣的是,Object Debugger中的预览是两个页面的旧式Flash电影.但是,当我将Giphy网址粘贴到我的Facebook上时,它显示了gif - 我的副本显示了Flash.

Giphy从Facebook获得一些特殊待遇吗?我需要做一些与众不同的事吗?

facebook gif opengraph

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

LinkedIn在共享网站时不会获取元数据

我在分享我正在LinkedIn上工作的网站时遇到问题:LinkedIn无法从页面获取任何数据.该网站的元数据遵循其文档中的建议.我尝试了所有这些建议.

另外,我调查了以下内容:

  1. 通过HTTP而不是HTTPS提供内容,但通过HTTPS提供的许多其他网站,例如https://stripe.com/nohttps://www.facebook.com/,工作得非常好.
  2. 张贴为公司页面.除了允许手动输入数据(这是一个简单的解决方案)之外,这没有任何区别.
  3. 以不同的用户身份发布.没有任何区别.
  4. 在网站上发布新内容以确保LinkedIn尚未缓存元数据.这也没有任何区别.
  5. 在添加Open Graph元标记之前,这也是一个问题.

这可能是由LinkedIn引起的问题,但是 - 考虑到这适用于其他网站 - 我很可能会发现我做错了.

html share linkedin meta-tags opengraph

12
推荐指数
1
解决办法
6263
查看次数

删除需要为iPhone OpenGraph SMS消息按"点击加载预览"

我正在尝试能够发送包含OpenGraph预览图像的链接的SMS消息,这些链接将加载到iOS"消息"应用程序中,并且将显示缩略图而无需用户首先按[点击加载预览] ...如何这可以实现吗?

为此,我正在向运行iOS 10的iPhone X发送文本短信,并使用Messages应用程序打开.

文本消息正文包含一个指向资源(HTML网页)的URL,该资源的正文包含带og:image标记的OpenGraph元数据.例如:

<meta property="og:image" content="https://www.apple.com/v/iphone/home/t/images/home/og.png?201610171354" />
Run Code Online (Sandbox Code Playgroud)

出于演示目的,我们正在努力使图像首先立即加载,而无需用户点击按钮以便查看...

预期行为:

预期的行为

实际行为:

实际行为

作为旁注,在我们测试的Android客户端上,支持OpenGraph的图像将立即显示,而不会提示用户执行任何操作.任何其他OpenGraph支持的应用程序测试都是如此,包括Facebook.

作为参考,以下是我测试过的一些方法,试图让它适用于我们(以及其中的组合):

  • 尝试直接提供图像没有中间重定向,也尝试重定向.
  • 尝试提供PNG和JPG图像.
  • 尝试从包含不超过20个字符的URL提供图像,其中URL具有".jpg"和".png"参数,并且没有其他GET参数.当扩展不是链接的一部分时也尝试.
  • 尝试通过直接引用其IP而不是使用公共域名来从服务器提供图像.
  • 尝试使用GET参数,每次都使用随机数来澄清一个完全唯一的URL.
  • 尝试从HTTPS和HTTP链接提供图像.
  • 尝试使用动态生成的图像,这应该在渲染和提供图像时需要几毫秒的短暂延迟.
  • 尝试在脚本中强制执行睡眠,响应URL页面以及图像请求以引起有意延迟几毫秒并尝试各种设置.
  • 尝试使用各种不同的尺寸,肖像和风景以及极大和极小和(50x50, 60x50等等和以上)之间的变体服务图像.
  • 始终确保图像大小<1 MB,但无论如何还要测试更大的图像以查看它们是否可以正常工作.
  • 尝试从相同的规范来源提供服务图像,电话或消息服务可能已经"识别"为"可信",因为我们已经加载了过去的那些预览(测试是否存在这样的功能,它可能不存在).
  • 特别试过,Apple技术说明"消息中链接预览的最佳实践"中提到的所有建议,请参阅https://developer.apple.com/library/content/technotes/tn2444/_index.html
  • 试图将OG标签移到<head>页面之外.
  • 尝试剥离除相关og:image标签之外的所有标签的页面.
  • 尝试删除对GET的响应的HTTP标头到图像资源,以便只返回图像本身.尝试然后Content-Type单独添加标题.
  • 尝试启动对图像的请求以响应各种HTTP规范缓存 - 使相关标头无效.
  • 尝试从美国和澳大利亚的各种电话号码发送,也尝试将SMS消息本身的"发件人"字段更改为字符串"VERIZON", "Verizon", "Telstra", "APPLE", "Apple", "Facebook", "Uber", "China".

  • 尝试从手持电话以及Twilio Messaging API服务发送消息.

以上都不适用于iPhone X.

iphone opengraph ios open-graph-protocol iphone-x

12
推荐指数
1
解决办法
1187
查看次数

如何从帖子ID构建Facebook帖子URL?

可能重复:
如何构建Facebook新的Graph API返回的对象的永久链接?

Facebook开放图API允许公共搜索,例如

https://graph.facebook.com/search?q=watermelon

返回的结果可能是状态,视频,链接,照片(以及其他?).

每个都有一个帖子ID,例如

100000973592583_149321401769498
Run Code Online (Sandbox Code Playgroud)

我想构建一个帖子的URL.对于状态,这似乎工作:

http://www.facebook.com/profile.php?id=100000973592583&v=wall&story_fbid=149321401769498

但是,对于链接(或视频或照片),这通常有效,但有时不起作用.例如,带有id的链接

45430244790_127287890653212
Run Code Online (Sandbox Code Playgroud)

需要

http://www.facebook.com/posted.php?id=45430244790&share_id=127287890653212&comments=1#s127287890653212

有人有创建防弹链接的经验吗?有没有关于它的文档?

编辑:假设我也知道类型(视频,帖子,照片,链接,..)

facebook opengraph

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

是否有可能在Facebook上共享一个Open Graph视频,它们都会播放并链接回我的网站?

我在网站上托管视频,并创建了Open Graph视频标签,以便在Facebook上共享像example.com/video/my-new-video这样的页面,可以在Facebook新闻源中播放视频,但是没有链接回到example.com/video/my-new-video.

在这种情况下,Open Graph标签如下所示:

<meta property="og:title" content="My New Video" /> 
<meta property="og:description" content="This is my new video about sharing videos" />
<meta property="fb:app_id" content="xxxxxxxxxxxxx" />           
<meta property="og:image" content="http://example.com/video/my-new-video/poster-image.jpg" />
<meta property="og:url" content="http://example.com/video/my-new-video/" />
<meta property="og:type" content="video" />
<meta property="og:video" content="http://example.com/video/my-new-video/video-file.swf" />
<meta property="og:video:secure_url" content="https://example.com/video/my-new-video/video-file.swf" />
<meta property="og:video:type" content="application/x-shockwave-flash" />       
<meta property="og:video:width" content="1280" />
<meta property="og:video:height" content="720" />
Run Code Online (Sandbox Code Playgroud)

如果我删除指向SWF播放视频的og:视频网址,我会获得视频的图像和说明,并附带指向example.com/video/my-new-video的链接,但无法在Facebook中播放视频新闻源.

在这种情况下,Open Graph标签如下所示:

<meta property="og:title" content="My New Video" /> 
<meta property="og:description" content="This is my new video about sharing videos" />
<meta property="fb:app_id" content="xxxxxxxxxxxxx" …
Run Code Online (Sandbox Code Playgroud)

video facebook opengraph facebook-graph-api facebook-opengraph

10
推荐指数
0
解决办法
757
查看次数

Facebook有时无法获取Open Graph标签

我有一个iOS应用程序,用于共享Facebook链接的公共图书馆.链接指向单个域,其中包含一个相对简单的PHP脚本,该脚本根据链接的内容(目录项,日历事件和用户生成的列表)重定向到三个不同的目标域.我有这样的设置,因为我使用的是iOS通用链接,而且我无法控制所有的链接目的地,所以我需要一个apple-app-site-association文件的中心位置.

在这个PHP脚本中,我试图根据共享的内容类型动态设置OG标记.这是脚本:

<?php

$shareType = $_GET['t'];
$contentId = $_GET['id'];

$base_catalog_url='XXXXXXXXXXXX';
$base_list_url='XXXXXXXXXXXXX';
$base_event_url='XXXXXXXXXXXXXX';

if($shareType=='0'){
    $oclc;
    if(strlen($contentId)==8){
        $oclc = 'ocm'.$contentId;
    }

    if(strlen($contentId)==9){
        $oclc = 'ocn'.$contentId;
    }

    $url = $base_catalog_url.'searchCatalog?'.http_build_query(array('clientID' =>'sdIPhoneApp','term1'=>$oclc));
    $resp = simplexml_load_file($url);

    $pageTitle = $resp->HitlistTitleInfo->title;
    $isbn = $resp->HitlistTitleInfo->ISBN;
    $imageURL = 'http://www.syndetics.com/index.aspx?isbn='.$isbn.'/lc.gif&client=XXXXXXX';
    $redirectURL =  'XXXXXXXXXXXX'.$contentId;
    error_log($redirectURL);
    echo '<html>
        <head>
            <meta property="og:image" content="'.$imageURL.'" />
            <meta property="og:title" content="'.$pageTitle.'" />
            <meta name="twitter:card" content="summary" />
            <meta name="twitter:site" content="@acpl" />
            <meta name="twitter:title" content="'.$pageTitle.'" />
            <meta name="twitter:description" content="Allen County Public Library" />
            <meta name="twitter:image" content="'.$imageURL.'" />
            <meta http-equiv="refresh" …
Run Code Online (Sandbox Code Playgroud)

php facebook opengraph ios ios-universal-links

10
推荐指数
1
解决办法
562
查看次数

Opengraph W3C有效吗?

我想知道opengraph标记是否有效W3C,当我尝试验证它时,我收到以下错误:

Line 14, Column 17: there is no attribute "PROPERTY"
 <meta property="og:site_name" content="sitename">
Run Code Online (Sandbox Code Playgroud)

如果它无效,它会影响我的pagerank和其他搜索引擎算法吗?

是否有可能掩盖这些属性?

html w3c opengraph

9
推荐指数
1
解决办法
9623
查看次数

打开图表:og:图像显示LINKEDIN和FACEBOOK之间的差异

Facebook和LinkedIn似乎对og:image有不同的标准.在Facebook上,他们建议图像应该至少200 x 200像素(方形)见这里 但是LinkedIn建议180 x 110像素(矩形)请看这里

有没有办法将og:image映射到Facebook或LinkedIn?这样做的最佳方法是什么?

我正在尝试为网站主页创建一个默认缩略图,让用户以一种很好的方式共享主页.目前LinkedIn正在裁剪我的图片:尽管Facebook和Google+正在分享它.

linkedin opengraph facebook-opengraph

9
推荐指数
1
解决办法
4576
查看次数

缩略图未显示在LinkedIn上分享帖子

我们已经建立了一个包含LinkedIn的广泛社交分享的新迷你网站.很多OpenGraph标签,作品.我们选择使用og:image元属性进行共享时显示的特定图像.

这些图片在Facebook和Pinterest上运行良好,但在LinkedIn上运行不正常.这是OG图像标记:

<meta property="og:image" content="https://img.mshanken.com/d/wso/Articles/2016/ST_TheBreakers070516_1600.jpg">
Run Code Online (Sandbox Code Playgroud)

但是,如果您单击我们在页面底部设置的LinkedIn图标,您最终会看到一个看起来像这样的共享页面,它不会显示图像: LinkedIn分享图片预览

Weirder仍然,如果您检查共享预览,图像IS在源代码中:

<div class="image-thumbs-container">
<img src="https://media.licdn.com/media-proxy/ext?w=180&amp;h=110&amp;f=c&amp;hash=q0uvWygJS2HJrhZZ2qZGdYu2Tig%3D&amp;ora=1%2CaFBCTXdkRmpGL2lvQUFBPQ%2CxAVta5g-0R6jnhxUzw8p4aCKqEH-50hKCoaTFXP-RFTovozTPCKqZsXfeLS-xzl5HHRU4kZnLrT9AnPhFZO5KoyAfNpxi4m_ZMc" width="130" alt="Preview of the share image" data-orig-url="https://img.mshanken.com/d/wso/Articles/2016/ST_TheBreakers070516_1600.jpg" data-width="" data-height="" data-size="" data-position="1" class="active">    
</div>
Run Code Online (Sandbox Code Playgroud)

我们需要做些什么才能让这张图片出现在LinkedIn股票上?

linkedin opengraph open-graph-protocol

9
推荐指数
3
解决办法
2万
查看次数