9月底本公众号发布了一篇 SEO策略之一:优质内容是永恒的竞争力 的文章,有网友给祁老师留言希望能够获取到完整版内容😊。因内容比较多且部分内容为口述,所以无法直接将文档发给这位网友😣。后续小编将分多次整理发布陈铭分享的SEO知识文档,今天主要为大家介绍一些移动端优化的实用方法,感谢大家的关注😘。
用户对移动设备的依赖程度越来越高,这就需要开发和设计人员不断对移动端网页进行优化🚀。移动端优化的方面主要有:
-
Responsive design & images响应式的设计/图片;
-
Navigation导航;
-
Viewable content内容的可见、Accessibility可获取性、Readability可读性;
-
Speed速度;
-
Web Caching网页的缓存;
-
Stylized links合适的易于点击的链接;
-
Reliable hosting可靠的托管;
-
Security网站的安全性。
以上每一个方面都可以独立成文进行专门的探索与研究,本文就其中几点提供一些优化思路,供大家参考😀。
01、响应式的设计/图片
02、导 航
参考因素如下:
-
确保菜单导航与网站内容一致,并且在菜单导航中首先列出最有价值的页面。
-
菜单导航的设置简明。菜单中项目个数一般为4-8个,如果项目数量太多,可设置二级菜。但不能设置更多层级的菜单,如三级/四级菜单等。
-
页面可以考虑增加搜索框,帮助用户快速查找内容。
-
增加面包屑链接使页面结构更加直观。
-
合理设置页面中的内链,使网站浏览更加流畅。
-
链接易于点击。可点击的链接不要超出屏幕;可点击链接的距离不要相隔太近;链接尽量不要使用弹出窗口,否则用户可能在尝试关闭的时候而导致高跳出率。(移动设备友好)
-
确保你的导航菜单并不会完全消失。即菜单导航固定在在屏幕的上方。
03、内容的可读性
参考Readability这个指标,分数在9分以下为Good,值越高可读性越差。重点优化被标为红色和黄色的句子,通常这些句子的可读性有待提升。
参考因素如下:
-
字体大小:14-16 px -
排版:简洁明了 -
背景色:白色 -
行间距:字体大小的1.5倍 -
阅读水平:需要根据不同地区人们的阅读水平决定。如果你的目标群体阅读水平不是太高,那么切不可使用太过繁复华丽的文字内容。通俗易懂才是最合适的。 -
组织结构:内容的结构合理,并使用各级标题帮助用户理清内容结构。 -
可浏览性:每段中2-3个句子 -
链接和按钮大小:较文本大
04、速 度
那么,我们可以做些什么?
-
Plugin audits 插件的审查 -
Keep code/images optimized 优化代码与图片 -
Avoid large embeds 避免使用较大的Embeds(比如Youtube videos) -
Invest in modern themes/code 研究新的主题和代码 -
Invest in good hosting 使用良好的托管(比如:Cloudflare)
除此之外,我们仍需要来优化整体页面的大小。页面的大小是移动友好型网站的主要考虑因素。为了适应移动设备,页面必须快速加载,那么,优化整体的DOM是有必要的。
除了上述提到的内容外,以下几点也是需要考虑的:
-
不要使用不必要的自定义字体。使用不必要的自定义字体会使页面的加载过程复杂化,并增加了处理页面所需要的脚本数量。这会增加页面的加载时长,影响Core Web Vitals的得分。
-
优化图像。优化图像的原则是在保证网站速度的情况下,尽量保持图像的质量。在网站速度和图像质量之间找到一种微妙的平衡。
-
减少整体DOM和关键渲染路径所需的资源量。
-
缩小页面大小。缩小页面的过程涉及压缩文件以节省空间并因此减少整体页面的加载时间。尽量少的使用插件。
这些都是影响Core Web Vitals得分的因素,而Core Web Vitals的得分决定你的页面是否能在谷歌搜索引擎结果中展示。
以上就是本期分享的内容,希望能对各位有所帮助。下周我们将继续分享SEO知识。敬请关注哦🥰~
【精选问答】,专注解答AdSense常见疑问。如果您希望探讨更多相关知识,请加入祁劲松10多年前建的一个QQ群,群名称:Google AdSense实战交流 ,群号:106483616。微信扫描下方二维码,关注《Google AdSense实战宝典》微信公众号。