标签: opengraph

我正确地设置og:image在我的网站上,facebook linter看到它(facebook调试器)然而,它说图像应该至少为200x200,而事实并非如此,我的图像是250x250 图像.

可能导致问题的原因是什么？这与Cloudfront有什么关系吗？

Edit: I got around it by switching from this image to another image which is a 
jpg image, but still I couldn't find the cause for the problem since the image
looks fine.

我有一些示例网址,提供Facebook共享.但是网址页面中的图片没有显示在Facebook评论框中.我已经插入了这样的Meta标签

<meta property="fb:app_id" content="xxxx"/>
<meta property="og:site_name" content="xxxx"/>
<meta property="og:title" content="xxxx" />
<meta property="og:description" content="xxx" />
<meta property="og:type" content="xxx:photo">
<meta property="og:url" content="http://www.example.com/content/xxx"/>
<meta property="og:image" content="http://www.example.com/images/xxx.png"/>

*我的图像是1000*1000像素(宽*高).

有什么想法解决？

我正在尝试为Facebook创建一个自定义的开放图形故事,但我在og:image正确显示时遇到了一些麻烦.我正在使用这里和此处推荐的1200*630大小的图像,但在我的时间轴上,它会从图像的左边缘裁剪成一个正方形.它也在故事预览中显示为正方形,虽然这次是从中心裁剪出来的.

如何以正确的宽高比和大小显示图像？它只是责备的测试环境还是我需要在服务器端添加一些东西？我已经尝试过使用meta标签width而height没有成功.

目前标签看起来像这样:

<meta property="og:image" content="http://www.linktomyimage/1200x630pixels.png" />

我不确定这是新行为还是根本不起作用.所以我使用LinkedIn自定义URL功能,你可以在这里查找.URL如下所示:

https://www.linkedin.com/shareArticle?mini=true&url=http://developer.linkedin.com&title=LinkedIn%20Developer%20Network&summary=My%20favorite%20developer%20program&source=LinkedIn

一旦我分享了URL,提供的内容summary就不会显示在帖子预览中:

所以我尝试了其他服务,如Youtube,Reddit等,所有帖子都不包括提供的摘要.

不幸的是,我不能为你提供我在我的网站上使用的开放图形标签,因为它在公司环境中运行,我不确定我是否可以提供这些片段.

但是,运行linkedin的Post Inspector会显示它检测到我的摘要没有问题:

如果有人想知道,价值是德语

所以我的快速和相当简单的问题,也可以在评论中回答,是:

linkedin有没有改变他们的一面？是否有其他未记录的属性,自定义URL中既没有youtube也没有我,因此摘要没有显示？来自linkedin开发者的帖子有没有注意到这一变化？它总是那样,还是只是暂时的？

我有一个基于Express JS API和Backbone JS前端构建的主干应用程序.

因此,每个模型和集合都使用API​​,并将其渲染到骨干视图提供的模板中.

我的尝试是这样的:每次路线改变(反过来,渲染一个新视图)我想改变标题标签的内容 - OGP相关内容,推特卡,有助于SEO的元标签.我不是问如何实现这个,但这是计划.

有传言说OGP不会以这种方式运作吗？客户端应用程序是否没有机会通过路由动态更改OGP条目？

如果是,我应该如何在不完全更改为服务器端呈现的情况下更改应用程序的行为方式？

我正在玩我的网站添加一些Facebook Open Graph元标记,以帮助Facebook共享我的网站内容.

其中一个标签是这样的:

fb:admins or fb:app_id

以逗号分隔的Facebook用户ID列表或管理此页面的Facebook平台应用程序ID.在您的页面上包含fb:admins和fb:app_id是有效的.

问题:

• 这个房产的重要性是什么？
• 管理什么页面？
• 为什么我们需要管理一些页面？

我只是不明白.有人可以帮忙吗？

Facebook的开放式图形协议标记允许使用如下标记定义当前网页的区域设置,以及它也可用的任何替代区域设置:

<meta property="og:locale" content="en_GB">
<meta property="og:locale:alternate" content="fr_FR">
<meta property="og:locale:alternate" content="es_ES">

可以轻松推断当前页面的永久链接(来自URL,Canonical URL元标记或og:url).

但是如果og:locale:alternate没有各自的URL ,包含什么呢？它有什么用？

这是我使用Laravel 5的Open Graph标签的当前实现:

app.blade.php

<title>@yield('title')</title>
<meta property="og:title" content="@yield('og-title', 'DEFAULT PAGE TITLE')">
<meta property="og:image" content="@yield('og-image', 'default.png')">
<meta property="og:url" content="@yield('og-url', '{{ Request::url() }}')">
<meta property="og:site_name" content="SITE NAME">

page.blade.php

@extends('app')
@section('title', $article->title . ' | SITE NAME')
@section('og-title', $article->title)
@section('og-image', secure_url('img/news/' . $article->image .'.png'))

它大部分都有效,但我有几个问题:

1. 有没有办法使用的方式@yield()在@yield？

   我试过<meta property="og:title" content="@yield('og-title', @yield('title'))">但它没用.

2. 如何获取页面的当前SECURE URL？

   {{ Request::url() }}回来http://example.com/page,但我想要https://example.com/page

作为元数据,如果您有任何建议可以改进我目前的OG方法,请告诉我.

我有一个网站,它是完全基于Ajax的(哈希导航).

有没有办法使用Javascript为基于Ajax的网站刷新Open Graph元标记？(当我点击链接时,标签,那里的值应该改变)

Twitter有一个非常有用的预览工具,用于测试您添加到网站开发版本的标签是否正确https://cards-dev.twitter.com/validator.Facebook Open Graph有类似的东西吗？