当有人在Facebook上发布链接时,脚本通常会扫描该链接以查找任何图像,并在帖子旁边显示一个快速缩略图.对于某些URL(包括我的),FB似乎没有任何东西,尽管它们在该页面上有许多图像.
我读到FB更喜欢用户希望指定的图像的"image_src"rel标签,但这不会为我的网站生成该缩略图.
我的网址直接转到DNS,并没有转发,所以我不认为这也可能是问题所在.
有没有人知道为什么FB无法从我的网站生成任何缩略图？
小智 119
最简单的方法是链接标记:
<link rel="image_src" href="http://stackoverflow.com/images/logo.gif" />
但是,您可以添加一些其他内容以使其更适合社交媒体:
打开图形标签
Open Graph标签是您添加到<head>网站的标签,用于描述您的网页所代表的实体,无论是乐队,餐厅,博客还是其他内容.
Open Graph标记如下所示:
<meta property="og:tag name" content="tag value"/>
如果使用Open Graph标记,则需要以下六个:
og:title - 实体的名称.og:type - 实体的类型.您必须从Open Graph类型列表中选择一种类型.og:image - 表示实体的图像的URL.图像必须至少为50像素×50像素.方形图像效果最好,但您可以使用高达三倍的图像.og:url - 表示实体的页面的规范永久URL.当您使用Open Graph标签时,Like按钮会og:url在Like按钮代码中发布指向而不是URL的链接.og:site_name - 您网站的可读名称,例如"IMDb".fb:admins或fb:app_id- 以逗号分隔的页面管理员的Facebook ID或Facebook平台应用程序ID列表.至少,只包括您自己的Facebook ID.有关Open Graph标记的更多信息以及有关管理页面的详细信息,请参阅Open Graph协议文档.
http://developers.facebook.com/docs/reference/plugins/like
One*_*ler 61
我知道这个问题已经过时了,但是我最近处理了同样的问题并且在它上面绕了几个星期.谷歌上的多次搜索发现了很多有用的信息,但大部分内容都集中在Open Graph标签上,我对此并不感兴趣.原来我的网站有多个问题,但这里有一些基础知识.
正如EightyEight所说,确保你的HTML是有效的 - 你的javascript和服务器端代码(PHP,ASP等)也是如此.我在一段代码中遇到一个小PHP错误,该代码作为从主页面单独调用服务器执行.由于一些奇怪的巧合,该代码产生了500错误 - 但仅适用于IE6和严格的解析引擎,如W3C验证器和Facebook页面爬虫.这个问题并没有出现在现代浏览器中(Chrome 4,FF 3.5,IE 8等),所以我没有马上看到它,但是更老/更严格的客户每次都显示500,这是FB没有的主要原因抓取我们的页面(当其他一切似乎都正确时).
关于兰迪的回应,他说正确的是Facebook会在你更新之后很长时间保留你网页的旧缓存副本.FB声称它只持有24小时,但我经历的时间要长得多.幸运的是,FB发布了他们的"URL短绒"工具,它会告诉你的FB上被共享的时候怎么会出现你的页面的预览,而且这将迫使FB立即更新其网页的缓存.这是一种救生工具.您可以在http://developers.facebook.com/tools/lint/找到它.
关于URL Linter工具,请注意URL的每个变体都在Facebook上单独缓存,因此"www.example.com"与"example.com"不同.此外,还存储了唯一的大小写,因此"ExampleOne.com"与"exampleone.com"不同.(当我觉得缓存已经很好地更新并且客户声称他们没有看到更新时,这导致了我的客户和我之间的很多混淆.原来我看了exampleone.com并且已经使用过用来更新缓存的Linter,但是他们正在查看我没有提交给Linter的exampleOne.com.结果,我最终向Linter提交了一些URL的变种只是为了覆盖基础.)
WyrdNEXUS建议使用image_src链接标记是现场点.这样可以确保FB正在为您的页面抓取最佳图像.关于图像文件应具有哪些规格,有一些不同的指导方针,但我已成功使用128px方形图像,并且已经看到130x97图像也可以通过.这是来自http://developers.facebook.com/docs/reference/plugins/like/的 Facebook官方文档:
图像必须至少为50像素×50像素.方形图像效果最好,但您可以使用高达三倍的图像.
显然,FB会为你调整大图像的大小,但是如果你事先自己调整大小,你几乎总会得到更好的结果.
关于Mike Cooper与eHow文章的链接,请避免在该文章中使用第1步.在撰写文章和Mike发布链接时,这是有效的建议,但现在最好使用URL Linter工具预览页面在共享时的显示方式.通过使用Linter,您不会导致FB在您有机会调整它之前缓存(可能)错误的页面副本.
小智 11
使用这里提供的facebook lintter.http://developers.facebook.com/tools/lint/
这将检查您的链接并重新获取任何图像.这也清除了任何旧的缓存.
或试试这个 - https://developers.facebook.com/tools/debug
Gau*_*123 11
要更改标题,描述和图像,我们需要在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 =您的网站链接
请享用 !!!!
| 归档时间： |
|
| 查看次数： |
191902 次 |
| 最近记录： |