跳转到主要内容

SEO策略之二:移动端优化

snowyang 提交于 周五, 10/28/2022 - 15:06

9月底本公众号发布了一篇 SEO策略之一:优质内容是永恒的竞争力 的文章,有网友给祁老师留言希望能够获取到完整版内容😊。因内容比较多且部分内容为口述,所以无法直接将文档发给这位网友😣。后续小编将分多次整理发布陈铭分享的SEO知识文档,今天主要为大家介绍一些移动端优化的实用方法,感谢大家的关注😘。

用户对移动设备的依赖程度越来越高,这就需要开发和设计人员不断对移动端网页进行优化🚀。移动端优化的方面主要有:

  • Responsive design & images响应式的设计/图片;

  • Navigation导航;

  • Viewable content内容的可见、Accessibility可获取性、Readability可读性;

  • Speed速度;

  • Web Caching网页的缓存;

  • Stylized links合适的易于点击的链接;

  • Reliable hosting可靠的托管;

  • Security网站的安全性。

以上每一个方面都可以独立成文进行专门的探索与研究,本文就其中几点提供一些优化思路,供大家参考😀。

 

01、响应式的设计/图片     

 
响应式的设计能够确保网站桌面和移动设备上所有的内容相同,这种设计方式能够避免内容的重复,以免被搜索引擎判定为作弊行为。与传统的m.子站相比,谷歌更加青睐响应式设计。
​ 

02、导   航     

 
网站的导航相当于网站的路标,用来指引用户,如果用户可以通过导航轻松的查找到他们需要的内容,他们将延长停留时间。有效的导航可以帮助网站提高浏览量,改善用户体验。网站的导航是决定这个网站可用性的重要因素之一。
手机端的导航主要是菜单导航目录内链
菜单导航是网站的概览,它向用户直观的展示了网站最具价值的页面和内容;页内目录是整个页面的导航菜单,对于长页面来说,页面目录能够帮助用户快速了解页面的内容,并且能够快速找到所需内容;内链是对内容的补充与完善。

参考因素如下:

  • 确保菜单导航与网站内容一致,并且在菜单导航中首先列出最有价值的页面。

  • 菜单导航的设置简明。菜单中项目个数一般为4-8个,如果项目数量太多,可设置二级菜。但不能设置更多层级的菜单,如三级/四级菜单等。

  • 页面可以考虑增加搜索框,帮助用户快速查找内容。

  • 增加面包屑链接使页面结构更加直观。

  • 合理设置页面中的内链,使网站浏览更加流畅。

  • 链接易于点击。可点击的链接不要超出屏幕;可点击链接的距离不要相隔太近;链接尽量不要使用弹出窗口,否则用户可能在尝试关闭的时候而导致高跳出率。(移动设备友好)

  • 确保你的导航菜单并不会完全消失。即菜单导航固定在在屏幕的上方。

03、内容的可读性   

 

内容简单明了的回答或者说明问题,用户易读懂且体验良好。涉及到how to的内容,步骤简单明了,用户易于操作;内容结构分明,便于用户浏览。内容的可读性能提高用户的停留时长,降低跳出率。
内容的形式多种多样,除了文字之外,可以考虑使用图片、音频、视频等多种呈现形式,也可以使用数据图表来辅助表达文章内容,增加文章的可读性。
在长篇幅的内容中,尽量使用短句或者短的段落,不用使用太过复杂的句子,使用图片或者数据图表来分段也是一个不错的选择。
关于可读性的评分,推荐使用以下工具:https://hemingwayapp.com
 

参考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的得分决定你的页面是否能在谷歌搜索引擎结果中展示。

最后,推荐使用lighthouse扩展工具来检查修复网站中的问题。https://developer.chrome.com/docs/lighthouse/overview/

 

以上就是本期分享的内容,希望能对各位有所帮助。下周我们将继续分享SEO知识。敬请关注哦🥰~

【精选问答】,专注解答AdSense常见疑问。如果您希望探讨更多相关知识,请加入祁劲松10多年前建的一个QQ群,群名称:Google AdSense实战交流 ,群号:106483616。微信扫描下方二维码,关注《Google AdSense实战宝典》微信公众号。

https://adsensebook.cn/sites/adsensebook.cn/files/inline-images/QQ%E6%88%AA%E5%9B%BE20220530223608.png

 

AdSenseBook.cn 2009-2022 v2.16 a-j-e-1 James Qi