中文网站站长博客。
Google中文网站站长博客 为广大站长提供关于Google网页抓取、收录、搜索引擎优化以及其他相关的站长资讯。
更快的图片搜索
2013年1月29日星期二
原文:
A faster image search
发表者:
Hongyi Li
,Google图片搜索助理产品经理
使用Google搜索图片的人一般都喜欢浏览大量图片,既要查看图片本身,又要查看图片的元数据(即图片详细信息)。基于来自用户及网站管理员的反馈,我们重新设计了Google图片搜索以便为用户提供更好的搜索体验。在接下来的几天里,您将会看到图片搜索结果呈现在一个内嵌面板之上,体验到更快捷的搜索速度、更漂亮的界面以及更可靠的搜索结果。您还可以利用键盘来快速翻阅图片集。如果您想返回浏览其它搜索结果,只需要向下滚动就可以从之前停下的地方继续搜索。
这一改进,对于网站管理员来说同样有利:
如今,我们将在搜索结果下方显示图片的详细信息(元数据),而不是像过去那样让用户打开另一个页面。
我们还将在图片旁边的显要位置给出一些比较关键的信息:如图片所在的页面标题,来源域名,以及图片大小。
域名也可以直接点击,另外我们还新添加了一个按钮供用户访问图片所在页面。如此一来,链接源页面的按钮便从过去的两个增加到了四个。根据我们的测试结果显示,对图片托管网站的平均点击访问率有了明显增加。
源页面将不会在查看图片详细信息时以浮动框架的形式出现在背景之中。因此,用户的搜索将变得更快速,减轻源网站的服务器负担,也便于网站管理员更精确地衡量网站效果,如页面访问量。另外,和往常一样,图片搜索查询数据可以在网站管理员工具中的
热门搜索查询
中找到。
如果您还有任何问题,请在
网站管理员帮助论坛
上提问。
响应式设计 - 利用媒体查询的力量
2013年1月24日星期四
发表者:
Rupert Breheny
,
Edward Jung
, &
Matt Zürrer
,Google网站管理员小组
原文:
Responsive design – harnessing the power of media queries
我们热爱数据,同时我们还花了大量时间分析自己网站的数据情况。而对于采取同样行为的网站开发者来说,也必然会注意到来自移动设备的访问量在大幅增加。在过去的一年里,我们发现,许多主要网站的页面访问量中有相当一部分来自智能手机及平板电脑。而这类用户往往使用的都是支持最新HTML、CSS、以及JavaScript的浏览器,但同时,他们的屏幕宽度往往也都很有限,一般仅为320像素。
我们对产品的承诺是
简单易操作
,而这意味着,我们将竭尽全力保证所有用户都能获得愉快的网络浏览体验。我们之前面临的艰难抉择在于,究竟该开发移动网络专属网站还是该调整现有及新建网站以使其既适合台式机,又适合移动设备。如果开发两种网站,好处在于我们可以更有针对性的满足硬件设备需求;而保留一种网站,只做调整的话,则可以保留一种标准的URL,避免出现复杂的重定向问题,而且还可以简化网址共享。出于对可维护性的考虑,我们倾向于保留一种网站类型,同时我们也开始考虑如何才能满足以下准则:
1.我们的页面应保证在任何屏幕分辨率下都能够清晰渲染
2.我们对一种内容进行标注,使其在任何设备上都能够浏览
3.不论视窗尺寸如何,都不能出现水平滚动条
排列内容,改进导航,重新缩放图片尺寸 -
Chromebooks
实施
作为起点,简单的语义标记在布局需要改变的情况下能使我们的页面更具灵活性。通过保证样式表使用
流式布局
,我们就能逐步实现在移动设备上的应用。我们舍弃了针对浏览器设定宽度的方法,改为采用最大宽度。至于高度方面,我们采用最小高度,这样大字体或多行文本就不会破坏浏览器边缘。而为了保证固定宽度的图片不会将液柱“撑开”,我们将运用CSS规则:
img {
max-width: 100%;
}
流式布局是一个好的开始,但仍缺乏一种特定的技巧。幸运的是,包括IE9+及大部分移动设备在内的
现代浏览器
均支持
媒体查询
功能。而这正是造就在移动浏览器上用户体验下降的网站与经过改进,能够有效利用简洁用户界面的网站之间区别的因素。不过,首先我们必须考虑的是,智能手机怎样向服务器表明了自己。
窗口
像素何时不为像素?答案是在智能手机上的时候。按照默认设定,智能手机浏览器伪装出高分辨率台式电脑浏览器的效果,其所呈现的页面会让用户以为自己是在通过台式电脑屏幕进行浏览。正因为如此,才有了必须放大才能阅读的微小文本“综观模式”。不论屏幕的
实际物理像素
是多少,Android版浏览器的
默认窗口宽度
为800像素,IOS浏览器为980像素。
为保证浏览器将您的页面渲染得可读性更强,您需要用到窗口元标记元素:
<meta name="viewport" content="width=device-width, initial-scale=1">
尽管移动设备的屏幕分辨率彼此之间差异很大,但现在的大多数智能手机浏览器使用的都是320像素的标准设备宽度。如果您的移动设备宽度为640物理像素,那么320像素宽的图片将通过倍增像素数目扩大至全屏尺寸。这也是为什么文本在小屏幕上看起来更加干净 - 与在标准台式电脑显示屏上时相比,像素密度增加了一倍。
在窗口元标记标签中根据设备宽度设定文件宽度的好处在于,当用户改变智能手机或平板电脑的定向时,设定也能够随之更新。将这一功能与媒体查询结合在一起可以使您在用户旋转设备时改进布局:
@media screen and (min-width:480px) and (max-width:800px) {
/* Target landscape smartphones, portrait tablets, narrow desktops
*/
}
@media screen and (max-width:479px) {
/* Target portrait smartphones */
}
在实际操作中,您可能会发现,根据网站在不同设备上连贯及表现效果的不同,您或许会用到各种断点。您也可以不涉及像素次元,在
系统支持
的情况下,通过定向媒体查询将某些特定定向设为目标。
@media all and (orientation: landscape) {
/* Target device in landscape mode */
}
@media all and (orientation: portrait) {
/* Target device in portrait mode */
}
排列内容,较小图片-
Google文化研究所
媒体查询范例
近日,我们重新启动了
Google大全
页面。除采用了流式布局以外,我们还加入了部分媒体查询功能以改善小屏用户,如平板电脑和智能手机用户的浏览效果。
我们并未采用针对特定设备分辨率的做法,而是设计了各种尺寸的断点。针对分辨率超过1024像素的屏幕,我们根据12列格,将页面按照原始效果进行渲染。而针对801像素至1024像素之间的屏幕,我们将通过流式布局为您呈现稍微经过压缩的浏览效果。
只有在屏幕分辨率低于800像素时,非核心内容才会被置于页面底端:
@media screen and (max-width: 800px) {
/* specific CSS */
}
通过媒体查询功能,我们也踏入了智能手机领域:
@media screen and (max-width: 479px) {
/* specific CSS */
}
至此,我们已不再载入大型图片,而是改为排列内容区块。另外,我们还会在不同内容之间插入空白,使内容处于不同区域且更容易辨别。
通过以上的简单措施,我们保证了网站在各种不同设备上皆能使用。
排列内容及移除大型图片-
Google大全
总结
我们必须牢记,保证网站在移动设备及窄小窗口上也能浏览绝不是一件容易的事情。流式布局虽然是一个不错的开端,但我们仍需在设计上做出部分妥协。媒体查询功能虽然有助于许多设备改善浏览效果,但我们不能忘记,有
25%的网站访问量
仍是通过那些不支持此技术的台式电脑浏览器进行的。此外,该功能在运行方面也仍有不足之处。而如果您的网站上设置了好玩的插件,使用鼠标的用户或许能正常浏览,但对于难以实现精确操作的触屏用户,恐怕会带来很多不便。
关键的问题在于,既要早测试,又要常测试。花时间在智能手机或平板电脑上浏览自己的网站绝对是值得的。而如果您无法通过实际设备进行测试,您可以使用
Android SDK模拟器
或
IOS模拟器
。您也可以请朋友或同事在他们的设备上浏览您的网站来观察效果。
移动浏览器用户是新的网络用户中十分重要的一个组成部分。而学会如何满足他们的需求也是专业开发中一个激动人心的新领域。
更多Google响应式设计范例:
•
www.google.com.hk/about/
•
www.google.com.hk/goodtoknow
•
www.google.com.hk/culturalinstitute
•
www.google.com.hk/events/sciencefair
•
www.google.com.hk/intl/en/chrome/devices
•
picasa.google.com.hk/
引入数据标注工具,更好地处理事件数据
2013年1月18日星期五
发表者:
Justin Boyan
,产品经理
原文:
Introducing Data Highlighter for Event Data World
Google正在加强对结构化数据的运用,以呈现更好的搜索结果。其中
丰富网页摘要
以及
事件日历
等工具都能帮助用户找到您的内容。在此之前,要让Google识别结构化数据,唯一的办法就是对网站的HTML代码进行标记。不过我们发现,对有些网站来说,这一方法似乎比较难以实施。
如今,我们将向网站管理员提供另一种更为简单的方法:数据标注工具。
在未来的几个月里,我们将使数据标注工具支持更多的语言种类及数据类型。 关
于事件的数据标注标签已经支持所有语言。(2013年2月19日更新。)
数据标注工具是一款指向点击型工具,任何经过您授权管理网站的用户都可以在Google网站管理员工具中使用它。使用该款工具,无需改变HTML语言编码。您只需用鼠标在网站的典型事件页面上对每段关键数据做标注并打上“标签”即可:
如果您的页面上以固定格式列举了多个事件,在您做标签的过程中,数据高亮工具将“学习”这一格式,并通过自动提示添加其他标签,加快您的工作速度。同样地,如果您的多个页面都以固定格式列举事件,这款工具将在您前几个页面添加标签的过程中记录格式的种类。通常情况下,手动标记5到10个页面已经足够让我们复杂精密的机器学习算法识别您网站上其它类似页面的格式。
当您完成这一切之后,可以检查数据高亮工具记录下的全部事件数据的样本。确定无误后,便可以点击“发布”。
这里有一个视频简短的介绍了一下标注过程。
随后,当Google搜索到您的网站时,就可以识别您的最新事件列表,并在搜索结果中显示出来。您也可以在
结构化数据
表中检查搜索到的数据,若您对结果不满意,可以随时停止发布。
如果您想要尝试体验数据标注工具,请访问网站管理员工具,选定您的网站,点击左侧列表中的“优化”链接,然后再点击“数据标注工具”。
如果您还有其它任何问题,请参阅我们的
帮助中心文章
,或登录
网站管理员帮助论坛
提问。祝您体验愉快!
纪念现代互联网诞生30周年
2013年1月9日星期三
发表者:
Vint Cerf,Google副总裁兼首席互联网传播者
2013年1月1日是现代互联网的30周岁生日。五年前,我们用新设计的一个
Doodle
纪念了这个特殊的日期。现在,我们则邀请温顿•瑟夫(Vint Cerf)来讲述整个故事。鉴于温顿在塑造互联网架构、包括合作设计TCP/IP协议方面所做的贡献,他被人们广泛认为是现代互联网之父之一。他与Google合作,一起致力于促进并保护互联网的发展。
很久以前,我和我的同事们参与了一场伟大的冒险,与美国和其他国家的一小队科学家和技术人员进行了合作。对我来说,这场冒险开始于1969年,当时美国国防部高级研究计划局(DARPA)在盛大的
ARPANET
实验中对
分组交换
通信潜力进行了操作测试。
此外,DARPA还率先试验了其他类型的分组交换网络,其中包括移动分组无线网和分组卫星通信,但当时存在一个很大的问题 —— 网络之间没有共同的语言。每个网络都有自己的
通信协议
,使用不同的惯例和格式标准来发送和接收数据包,所以没有办法在网络之间传输任何东西。
罗伯特•卡恩(Robert Kahn)和我试图解决这个问题,于是我们开发了一种新的计算机通信协议,专门用于支持不同的分组交换网络之间的连接。我们将其称为“TCP”,即“Transmission Control Protocol”(传输控制协议),并于1974年在《IEEE通讯汇刊》(IEEE Transactions on Communications)上发表了一篇题为
《一种分组网络互相通信协议》
(A Protocol for Packet Network Intercommunication)的相关论文。后来,为了更好地处理实时数据传输,包括语音传输,我们把TCP分成了两部分,将其中一个称之为“互联网协议”(“Internet Protocol),简称“IP”。两个协议合起来称为“TCP/IP”。
TCP/IP协议经过了在DARPA开发的三种类型的网络之间进行的测试,最终被选定作为他们的新标准。1981年,约翰•普斯特尔(Jon Postel)公布了一项
迁移计划
,将ARPANET的400台主机从旧NCP协议迁移到TCP/IP协议,并将1983年1月1日设为截止日期,在此时间点之后,所有未切换的主机将被切断。
从左至右依次为:温顿•瑟夫,1973年;罗伯特•卡恩,20世纪70年代; 以及约翰•普斯特尔
当这一天终于来临时,可以这么说,当时最大的感觉就是松了一口气,特别是对于那些每天和时间赛跑的系统管理员们而言。当时并未举办盛大的庆祝活动,我甚至都找不到一张相关的照片。唯一可见的纪念品是自豪地佩戴在那些通过严峻考验的人们身上、印有“I survived the TCP/IP switchover”(我成功度过TCP/IP切换期)字样的徽章!
不过,事后看来,当时真是一个具有重要意义的时刻。在那一天,可操作的互联网诞生了。后来,TCP/IP协议继续作为一项国际标准为人们所接受,现在已支撑起整个互联网。
从Bob和我写论文那时候算起到现在,时间已经过去将近40年了,我可以向大家保证,虽然我们曾经有过很高的期望,但却从未敢设想过互联网会变成如今这样的全球平台。能够作为一份子参与这一历程,我感到无比荣幸,如同任何骄傲的父母一样,看着它不断成长,我感到非常开心。今后我将继续尽我所能保护互联网的未来。我希望大家能和我一起向互联网表示祝福 —— 希望在以后的岁月里它会继续将我们联系在一起。
标签
恶意软件
搜索引擎优化
网站管理员小贴士
网站管理员指南
小贴士
心系四川 爱我中华
badware
Google
Google Webmaster Tools
Google索引
Google站长工具
img
Matt Cutts 的文章
robots.txt
SEO
Top Contributor
博客归档
2020
十一月
九月
八月
七月
六月
五月
四月
三月
二月
一月
2019
十一月
十月
九月
2018
七月
五月
二月
一月
2017
十二月
十一月
六月
四月
三月
2016
十二月
十一月
十月
九月
八月
五月
三月
一月
2015
十二月
十一月
十月
九月
八月
七月
五月
四月
三月
二月
一月
2014
十一月
九月
八月
七月
六月
五月
四月
三月
二月
一月
2013
十二月
十一月
九月
八月
七月
六月
五月
四月
三月
二月
一月
更快的图片搜索
响应式设计 - 利用媒体查询的力量
引入数据标注工具,更好地处理事件数据
纪念现代互联网诞生30周年
2012
十二月
十一月
十月
九月
八月
七月
六月
五月
四月
三月
二月
一月
2011
十二月
十一月
十月
九月
八月
七月
六月
五月
四月
三月
二月
一月
2010
十二月
十一月
十月
九月
八月
七月
六月
五月
四月
三月
二月
一月
2009
十二月
十一月
十月
九月
八月
七月
六月
五月
四月
三月
二月
一月
2008
十二月
十一月
十月
九月
八月
七月
六月
五月
四月
三月
二月
一月
2007
十二月
十一月
十月
九月
八月
七月
Feed
Give us feedback in our
Product Forums
.