见过上面这张图的，绝对是经历过90年代上网冲浪的朋友们了。没错，这就是最开始的谷歌搜索引擎入口了。
一直奉行少即是多的 Google 官网，除了在 Logo 在不断变化以外，网站的整体思路和设计风格可以说是一脉相承了。
那么，在什么时候开始，网站的审美开始变得越来越受网站建设者重视以及用户的追捧呢，处理不断更新的技术支持外，网站建设者也希望能通过网站的风格来给用户带来更多的内容表达和建立形象，以期带来更多的用户访问。
伴随着移动互联网的发展，我们身边出现了智能手机平板等各种移动设备，而且移动端还有很多不同的尺寸，因为小尺寸的屏幕没有办法完全显示，大尺寸的网页显示出来的文字是非常小，而且网页超出了屏幕的宽度，需要左右拖动，才能够浏览这种浏览方式，这种浏览方式是不是让你有一种砸机的冲动。
为了避免你的行为过激，响应式网站就这样适当的出现了，响应式网站，能够根据屏幕的宽度自动调节网页的大小来适应屏幕，不管是手机平板或者是电脑来访问，都能自己调节页面的宽度来适应设备，所以响应式网站也叫自适应网站，响应式网站必须要经过程序猿的定义和开发能实现的效果，虽然程序员做起来麻烦，但用户看着爽啊，你的网站升级为响应式了吗？
在谷歌在站长世界（webmaster）举办的2020 PubCon大会上表示：“2021年3月份起，只有PC版本的网页内容将被完全忽略，所有内容必须对移动端可用，包括文字、数据、图片、视频等。”
5 月 22 日，Google 官方宣布更新移动端搜索结果的交互设计，将比之前更加强调突出信息的来源。从 Google 给出的示意图看来，搜索结果的来源网页不仅文本颜色、位置有变化，还新增了小 logo。
▲ 右边为新的设计，图片来自：Google
搜索结果的来源网页，之前是放在搜索结果标题的下方，显示为绿色。更新后，网址会放在搜索结果的上方，并且还会在网址前显示相应的网站图标。
如果搜索结果是广告，网址前方的图标的是加粗的「Ad」（广告）。
其实早在2018年8月，谷歌就明确建议网页制作时使用响应式技术，并给出6点理由：
1.页面唯一性,PC/移动统一管理
2.响应式网页更利于Google对页面索引属性的创建
3.相同内容,PC和移动无需单独维护
4.降低可能影响移动端页面表现的风险
5.减少加载时间,提升用户体验
6.更利于Google对网页内容的抓取
谷歌2015年5月公布全球数据移动端流量首次超过PC端，一直非常注重用户体验的谷歌，推出“移动端友好”算法（Mobilegeddon），对移动端不友好的网站将不会出现在第一页。目前全球还有大部分网站是被谷歌蜘蛛索引认为是对移动端不友好的，从pc端转移到移动端，这是一次重大的变革，也可以称得上是网络洗牌，如果不好好把握，移动互联网的时代，一定将会把你变成竞争对手的炮灰。
何为自适应/响应式网站
说到响应式得先提提HTML5(简称H5)，H5技术是目前全球最领先的前端技术，它代码精简容易被收录，且能适配各种终端屏幕，谷歌会认为更符合用户体验的要求，比起之前权重更高排名更好。目前被日常广泛使用，谷歌宣布2015年9月1日起，旗下浏览器chrome将正式、全面“暂停flash广告内容。Flash即将凋零，HTML5取而代之，未来我们的互联网生活将和H5息息相关。
请看响应式网站示意图：
主要特点：
1、兼容性：兼容多个终端自动侦测设备屏幕的大小，网站所有图片自动生成不同尺寸，根据屏幕大小获得取最适合的一张图片，满足各种屏幕尺寸设备的清晰显示及快速打开；
2、浏览器：兼容多款浏览器自动识别浏览器的版本；
3、优化：被Google(谷歌)、百度称为SEO好友，同网址可有效提升网站排名，在移动端、电脑端同步排名，无需进行多次推广，提升谷歌优化效果；
4、体验：PC、手机、平板同一个网址，大大提升用户体验度，被用户成为最佳体验式网站，除了能让网站更快打开，还更容易被记住，对于企业的品牌推广有一定作用。
5、管理方便。一个网站即可同步解决电脑、移动端等多个终端网站建设问题，能有效为企业降低成本。
H5时代来临，Adobe已宣布Flash将于2020年退役!
PS：想知道自己的网站是否对移动端友好吗？
谷歌移动设备友好测试工具：
https://search.google.com/test/mobile-friendly（要翻墙哦）
相关文章：
安装SSL刻不容缓！HTTP遭谷歌、Chrome、Firefox浏览器全面封杀！
