Facebook Sharer如何在共享我的URL时选择图像和其他元数据？
Sam*_*son 390 facebook facebook-sharer opengraph
使用Facebook Sharer时,Facebook将为用户提供使用从源中提取的一些图像中的一个作为其链接预览的选项.如何选择这些图像,以及如何确保我的页面上的任何特定图像始终包含在此列表中？
bka*_*aid 589
当我的页面被共享时,如何告诉Facebook使用哪个图像？
Facebook有一组开放图元标记,它可以决定显示哪个图像.
Facebook图像的关键是:
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />
它应该出现在<head></head>页面顶部的标签内.
如果这些标签不存在,它将寻找指定图像的旧方法:<link rel="image_src" href="/myimage.jpg"/>.如果两者都不存在,Facebook将查看您页面的内容并从您的页面中选择符合其共享图像标准的图像:图像必须至少为200像素×200像素,最大宽高比为3:1,并且在PNG中, JPEG或GIF格式.
我可以指定多个图像以允许用户选择图像吗？
是的,您只需按照希望它们出现的顺序添加多个图像元标记.然后将向用户显示图像选择器对话框:
我指定了适当的图像元标记.为什么Facebook不接受这些变化？
一旦共享了网址,Facebook的抓取工具(具有用户代理facebookexternalhit/1.1 (+https://www.facebook.com/externalhit_uatext.php))将访问您的网页并缓存元信息.要强制Facebook服务器清除缓存,请使用他们在2010年6月启动的Facebook Url调试器/ Linter工具来刷新缓存并解决页面上任何元标记问题.
此外,页面上的图像必须可由Facebook抓取工具公开访问.您应该指定绝对网址,例如http://example.com/yourimage.jpg而不仅仅是/yourimage.jpg.
我可以使用客户端代码(如Javascript或jQuery)更新这些元标记吗？ 与搜索引擎抓取器非常相似,Facebook刮刀不执行脚本,因此下载页面时出现的元标记都是用于图像选择的元标记.
添加这些标记会导致我的页面不再验证.我怎样才能解决这个问题？
您可以将必要的Facebook命名空间添加到标记中,然后您的页面应通过验证:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
- 最小图像尺寸现在为200x200px. (23认同)
- 我可以选择图像的顺序吗？在我的例子中,另一个图像出现在元标记的图像之前. (3认同)
- @Yarin我不确定这是真的.StackOverflow设置了image_src属性,它正在使用它.apple-touch-icon的文件名不同,未被使用. (2认同)
小智 36
当您分享Facebook时,您必须将html添加到head部分的下一个元标记中:
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />
就是这样!
根据FB告诉你的内容,添加按钮.
您需要的所有信息都在www.facebook.com/share/
Ant*_*Max 28
截至2013年,如果你使用facebook.com/sharer.php(PHP),你可以简单地制作任何按钮/链接:
<a class="btn" target="_blank" href="http://www.facebook.com/sharer.php?s=100&p[title]=<?php echo urlencode(YOUR_TITLE);?>&p[summary]=<?php echo urlencode(YOUR_PAGE_DESCRIPTION) ?>&p[url]=<?php echo urlencode(YOUR_PAGE_URL); ?>&p[images][0]=<?php echo urlencode(YOUR_LINK_THUMBNAIL); ?>">share on facebook</a>
链接查询参数:
p[title] = Define a page title
p[summary] = An URL description, most likely describing the contents of the page
p[url] = The absolute URL for the page you're sharing
p[images][0] = The URL of the thumbnail image to be used as post thumbnail on facebook
这很简单:你不需要任何js或其他设置.只是一个HTML原始链接.以您想要的任何方式设置A标签的样式.
- 这应该是新的"接受的答案" - 如此简单明了.谢谢你,伙计. (4认同)
- 不工作.请参阅https://developers.facebook.com/x/bugs/357750474364812/ (4认同)
Mat*_*ges 13
将以下标记放在head:
<link rel="image_src" href="/path/to/your/image"/>
来自http://www.facebook.com/share_partners.php
至于在没有这个标签的情况下它选择的默认值,我不确定.
Jas*_*don 12
根据我的经验,http://www.facebook.com/sharer.php不使用元标记.它使用您传递的字符串.见下文.
http://www.facebook.com/sharer.php?s=100&p[title]=这是我的标题&p [摘要] =这是我的摘要&p [url] = http://www.MYURL.com&&p [images] [ 0] = HTTP://www.MYURL.com/img/IMAGEADDRESS
元标记与Facebook的开发人员/发送按钮一样,其他Open Graph信息也是如此.因此,如果你使用Facebook的实际元素之一,如评论等,那将全部与Open Graph相关联.
更新:有两种方法可以使用共享者*注意？s与查询字符串中的？u值
1 ==> STRING: http ://www.facebook.com/sharer.php？s +来自上面的内容
〜 〜>将从字符串中提取信息.
2 ==> URL: http ://www.facebook.com/sharer.php？ u = url其中url等于实际url
~~>将刮取url值中提供的页面
~~>你可以测试测试值这里:https://developers.facebook.com/tools/debug
小智 11
旧方式,不再有效:
<link rel="image_src" href="http://yoururl/yourimage"/>
报道新方式,也行不通:
<meta property="og:image" content="http://yoururl/yourimage"/>
它在我实施它的第一天随机工作,从那时起根本没用.
Facebook linter页面,一个检查您的页面的实用程序,报告一切正确并显示我选择的缩略图...只是share.php页面本身似乎没有运行.必须是Facebook上的一个错误,他们显然不在乎修复,因为我在他们的系统中看到的关于这个问题的每个错误报告都说解决或修复.
Gau*_*123 10
要更改标题,描述和图像,我们需要在head标记下添加一些元标记.
第1步:
在头标记下添加元标记
<html>
<head>
<meta property="og:url" content="http://www.test.com/" />
<meta property="og:image" content="http://www.test.com/img/fb-logo.png" />
<meta property="og:title" content="Prepaid Phone Cards, low rates for International calls with Lucky Prepay" />
<meta property="og:description" content="Cheap prepaid Phone Cards. Low rates for international calls anywhere in the world." />
下一步:
点击以下链接
https://developers.facebook.com/tools/debug
在提到标签的文本框(例如http://www.test.com/)中添加您的URL .单击DEBUG按钮.
完成.
你可以在这里验证https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/
在上面的网址中,u =您的网站链接
请享用 !!!!
| 归档时间： |
|
| 查看次数： |
322108 次 |
| 最近记录： |