如何做一个移动友好型网站

拥有一个移动友好的网站是所有网站所有者必须要做的事。这是因为56%的网站流量来自移动设备，这表明更多的人更喜欢通过移动设备访问互联网。它导致谷歌转向移动优先索引，在为页面排名时优先考虑移动优化网站。这意味着，如果你想在竞争中保持领先地位，并为网站带来流量，你必须让你的网站对移动设备友好。

让你的网站对移动设备友好需要一些技术知识，但我们将指导你完成它。这里有几种方法可以让一个网站对移动设备友好。

移动优先的方法是先为移动设备开发和设计，然后再转移到桌面。有些开发人员和设计师首先为桌面工作，然后再为移动设备缩小设计规模。然而，现在存在移动优先索引，反转这个工作流将帮助您从一开始就优化设计。

如果你已经有了一个功能齐全的网站，但它还没有针对移动使用进行优化，那就在移动版本上转换或重新创建它。有两种方法可以做到这一点——使用网站构建器或CMS插件。

对于网站初学者或非技术用户来说，使用响应式主题是创建移动友好网站的简单、方便的选择。通过安装这种类型的主题，您的网站将自动适应任何设备。如果你刚开始创建一个网站，使用响应式主题会让它从一开始就适合移动设备。然而，如果你已经有了一个已经建立的桌面网站，请确保在切换主题之前下载一个网站备份。

Adobe于2020年12月30日停止了Flash的开发，这意味着谷歌Chrome、Safari、Mozilla Firefox等主要浏览器都不支持Flash。现在，大多数基于flash的内容都已更新到HTML5和WebGL等现代标准。

快速的网站托管和服务器质量严重影响你的网站性能。选择一个快速可靠的网络主机提供商，这样你的网站就可以以最佳速度运行。

虽然你的内容是人们被吸引的主要原因，但网站设计会显著影响你网站的跳出率。因此，你需要从一开始就给别人留下好印象。要检查你的网站的移动友好度，可以使用谷歌的移动友好测试工具。它只需要站点的URL来运行测试。

加速移动页面(AMP)是一个框架，旨在加快你的移动网站的加载时间。它限制了HTML/CSS和JavaScript，将网站数据压缩到普通移动网页的八分之一。这导致加载过程快了四倍。

媒体查询用于为不同的设备提供定制的样式表。它会询问设备的大小，然后指示浏览器根据您拥有的CSS集显示网页。它们是移动友好型网站的重要组成部分，可以让你的网站自动调整到不同的屏幕大小。

像Pacifico这样的自定义和创意字体可以使您的网站看起来更有视觉吸引力，但如果您将它用于内容正文文本，则很难阅读。它还可能会促使你的网站访问者下载新的字体到他们的手机上，损害用户体验，使他们立即离开。也要考虑字体大小——移动网站上主要内容的理想文本大小是16像素。二级和三级文本，如标题和标签，可以比正文文本小2个像素。不同的字体在相同的大小下或多或少都是可读的，所以总是通过在实际的移动设备上阅读文本来测试它们。

在处理移动网站时，目标是在不损失图像整体质量的情况下创建尽可能小的尺寸。这是因为移动设备的带宽比台式机小得多，所以加载大的图像文件需要更多的时间。许多移动用户也使用有限的数据计划，因此较小的图像大小可以帮助他们使用更少的数据量。