SEO前端相关（一）

一个靠谱的前端会让SEO事半功倍，简洁明细的网站架构是SEO最最基本的要求。

首先，H5的架构是最适合优化的。因为很多新的语义标签非常适合优化，很多网站还在用从前的html协议，或者声明变成h5，但写法仍然是老样子，打开网页，一层层div包裹，整个网页源码看上去十分混乱。要知道，爬虫进来的时候，是会根据标签判断你页面内容布局的。<div>、<span>这些标签本身对于蜘蛛来说毫无意义，假如你的模块都是由div分割，那么蜘蛛是无法判断你整个页面的主体内容是什么的，只能通过算法来猜测判断。这对于可怜的小爬虫来说实在是太不友好了吧？我们何不直接告诉它呢？<nav>导航、<article>内容、<aside>侧栏、<main>主体内容、<footer>页脚……标签分明，结构一目了然，爬虫知道哪个是页面的主要内容，会更有利于收录已经关键词的布局。

其次，嵌套不要太深。很多人为了得到自己想要的模块布局，不惜连续好几层div，要知道，层级越深，页面结构越复杂，越不利于爬虫的抓取，太深的层级会让我们的小蜘蛛迷惑，任务这部分内容不重要。假如其中包裹的恰好是页面的主要内容，那就十分悲剧了。最好的办法就是把整个页面看做一个整体，然后用css来规划布局表现，尽量减少使用html标签来影响页面的表现，这是一个成熟优秀的页面基本的结构。example:

demo1:　　

 

 

demo2:

 

demo3:

 

 

 

看出从demo1到demo3发生了什么吗？是的，div层级减少了，到达正文<p>和<h>和<img>的路径都缩短了1层，原本通过div布局的方法用css代替了。当然，正规来说，css应该直接用链接比较好，这里是为了方便对比才直接写在页面中，平时的时候，css和js请单独写在文件中通过链接调用。(对了，这个思路是闯神的~。~)

 再次，页面布局也会有所影响。example： www.wfyxb.cn 这个站点曾经在导航中把一个有关医院简介的栏目页面放到第一位，导致，尽管该处写了nofollow，爬虫仍然把这个页面当成全站最重要的页面，每次搜索关键词排名，该页面都会排在最前面~。~ 

最后，字段展现。倾向于代码中展现全字段，然后通过css来控制字节数目。而不是截取。