web前端工作者一般会把更多的经历放在网页的可视界面效果上,而忽视模板背后的代码中包含的一些seo问题。

1. 图片内存大

UI设计师可以做出精美的图片,让网页生动起来,却经常忽视图片的访问速度。一个精美的网页往往包含很多图片:头部的banner、产品图片、新闻缩略图、文章正文配图等,如果这些图片没有经过压缩处理,就会拖垮网站,无论哪个搜索引擎都不喜欢反应迟钝的网站。如果网站没有使用cdn加速,或者没有放置在大陆服务器,这个问题会更加严重。

seo规范做法:网站上线前处理图片压缩问题,可以ps另存为web格式实现,也可以借助在线图片压缩工具。

2. 图片没有alt属性

alt属性缺失的问题不会体现在网页上,但当图片加载失败的时候就会暴露问题,没有alt属性的图片搜索引擎也无法识别其内容。

3. css、js不规范

合理的做法是css和js都置于html文件外部,通过引用调用,这一点也会被不懂seo的前端人员忽视。经常会看到这样的问题:css直接放在相关html模块的附件;js到处都是,没有统一整理;应该置于页面底部的js堆积在head标签呢。

4. js特效过多

有时候也许是客户要求,加上各种亮瞎眼的特效,注意要避免使用过的js,会影响网页加载速度。html5和css3已经能够实现很多动态效果,结合使用。

5. h1标签随便使用

没有seo意识的web前端写出的代码可能包含过多的h1标签,页面效果是实现了,却误了seo。

seo规范:一个网页只保留最重要的一个h1标签