html5 seo 产品经理,产品经理需要注意的SEO 元素

很多产品经理因为没涉及运营工作，所以在网页端产品规划的时候，没有太多考虑到SEO元素。等到产品运营一段时间后，运营小伙伴再来提需求，你会发现，你已经为自己挖了不少坑，这个时候再去填坑，开发人员就要量棒槌了(山哥有很惨痛的教训)。本着求死扶伤的精神，今天山哥就跟大家分享在PC端产品设计的时候，应该要提前考虑的SEO因素。

在正式开始之前，大概说一下SEO是干嘛的。所谓SEO就是百度等搜索引擎爬虫定期来你的网站爬取内容，存到他们的数据库，再根据一定的算法权重展示给用户。也就是说，一个网站做出来之后，要能在百度搜索出来，必须是爬虫先过来爬取入库，才能搜索到，才有可能给你网站带来访问。至于SEO有没有价值，大家可以搜索：起名字，通过爱站来看看这个网站每天从百度过来有多少流量，不多不多，也就20万~30而已。好啦，进入正题：

1、title、keywords、descrption

大家可以看到，title、keywords、description是对应百度搜索对应的，下面就这三个元素一一解说：

a、title

即页面的标题，对应百度搜索结果的标题，这个是SEO最重要的部分之一。很多人一般只是放网站的标题，这就有点浪费了。一般格式是：

首页：http://www.ctrip.com/关键词A_关键词B_关键词C_关键词D_关键词E_网站名称。先放3~5个跟自己业务强相关的关键词，再放网站名称，也有把网站名词放在前面的。

列表页：http://hotels.ctrip.com/hotel/shanghai2，关键词A_关键词B_关键词C_网站名称,注意这里的关键词是要跟当前页面强相关的，如下图搜索的上海酒店

详情页：http://hotels.ctrip.com/hotel/428365.html，关键词A_关键词B_关键词C_网站名称，这里也是当前页面的内容强相关的。

b、keywords

keywords就是页面的关键词，因为标题不能容纳那么多的文字，所以此部分可以把没有在标题里展示的关键词也展示出来。一般的，这里的关键词尽量控制在20个以内，其实太多了也没用，一个页面哪有那么多主题啊。

c、description

这是页面的描述信息，对应百度搜索的描述部分。让用户在百度就可以知道你的页面是干嘛的，很多网站主要用来介绍基本业务，附上电话号码，这些都可以。只要你有，而且跟自己业务相关，不是瞎搞就可以啦。

注意哈，相信大家也发现了，title、keywords、description每个页面的都不一样，但也都跟页面本身的内容有强烈的关系，这样做是符合业务的实际情况，引导爬虫收录。如果没有放置关键词或者每个页面的关键词都一样，这样爬虫爬到的内容都一样，更新的效率就没那么高了。

2、页面静态化

页面静态化也是SEO的重要因素，所谓静态化就是页面的URL是以.html、.htm形式结束的，很多面会带有?php、&、=等参数性质的，这个在爬虫看来页面内容是动态的，是随时有可能要改变的，所以对这类内容收录的意愿不是很高。但如果直接生成静态文件，也是太耗费服务器空间，也增加很多维护成本(因为更新时要重新生成)，所以现在很流行的做法是做伪静态，即把页面的动态元素去掉，通过程序做字段截取来传递参数。典型的代表有：http://www.qmango.com/hotel_tag_41871.html、http://www.fsbus.com/renxiangsheying/26865.html

3、站内链接

设计了这么多内容，如果没有入口，那功夫也是白费。一般的，爬虫是进入到网站首页，再进入二级页面，再进入三级页面，是顺着页面路径不断扩散往下个曾经爬取，如果某个支点没有入口，则爬虫无法进入对应的页面。所以，千万千万一定要注意，主要的页面必须有入口。关于这一点，艺龙旅行网有一个很巧妙的设计，在搜索结果页面底部设置很多支点入口，但支点内容部分是收缩起来的，点击可以看到全部。收缩的内容不影响爬虫爬取，既照顾用户体验，又设置了很多站内链接支点，厉害。详细观摩地址：http://hotel.elong.com/beijing/

4、ALT描述

这个是html里的一个属性，很多标签都有这个属性，在SEO范畴里，更多指的图片的alt属性，这个属性值一般是图片的名称。大家都知道，现阶段爬虫是无法识别图片内容(虽然人工智能OCR已经很强大了，但技术还没应用到这个领域)，而很多图片的命名都是字母加数字，爬虫只能约定说通过alt来识别图片内容。其实给alt图片加上有两个好处：早期网速慢，图片在没完全加载出来之前，或者图片地址错误无法展示了，这时占位处会展示alt内容，告知这是什么图片；现在更多是考虑到SEO了，设置alt后，会增加图片被收录的概率，大家不要小瞧图片收录，很多素材和摄影网站，来自图片收录的流量也不少哦。

5、页面代码设计

这个虽然是技术范畴哈，但是产品经理不提，运营人员不提，技术人员也很少有人知道，工作也没那么复杂，不做岂不是可惜了。正如上文所说的，爬虫是过来爬取代码入库的，那我们应该尽可能给爬虫提供它需要的代码，不相关的代码尽量不要放在页面上。这个不相关的代码主要指的是css代码和js代码，在页面设计中，很多开发人员有时会比较随意，直接东一段西一段，把css代码或者js代码嵌套写在页面上，这个是不利于爬虫识别的。一般来说，符合SEO规范的代码都建议直接以文件引用的形式来调用代码，减少爬虫的负担，如下图wordpress代码所示：

6、更新机制

很多网站做好了之后，网站首页元素几百年不变。爬虫来了一次又一次，发现你还是老样子，就不会来得这么勤快了。所以很多网站的运营人员会想办法更新内容，保证爬虫更新频率。其实这部分在产品规划的时候也可以考虑进去，增加一个文章列表，产品列表之类的，展示最新的商品或者随机展示文章，让爬虫每次来都觉得有新东西。

当然，今天分享的只是SEO一部分，专业的SEO涉及的点还要多得多，有兴趣的小伙伴可以自行深入学习。不过在产品设计时，能把以上因素考虑在内，其实就很不错啦，啦啦啦~~

本文系大山原创文章，如需转载，请联系作者，谢谢~