如何给前端开发做SEO培训
1. 抓取系统（Spider) 首先，我们需要了解搜索引擎的工作原理，以便更好得理解SEO。搜索引擎有一个抓取系统，俗称Spider，你可以把它想象成一群在互联网上乱爬的蜘蛛（有点恶趣味...)，它们会读取各个页面的HTML，并且通过页面上的链接关系，不断抓去新的有价值的页面内容，再将其发回搜索引擎。根据Spider传回的信息，搜索引擎来给你的页面排名。对于这个Spider，你需要注意什么呢？1. 搜索引擎无法很有效地抓取flash的内容。HTML5的出现解决了这个问题。HTML5可以达到很多flash能达到的效果，并且它与搜索引擎更加兼容。2. 搜索引擎无法读取图片中的文字。所以你需要给图片配上标记（alt tags），告诉spider这个图片是什么内容。3. 搜索引擎对于PDF,word，PPT等格式的文件没什么好感，这些格式在排名上会有劣势。4. 不要过度重复关键词。讲一个有趣的宝马公司的例子，宝马公司的营销人员为了提高产品页面的搜索排名，在每个产品上都贴上BMW的标签，导致Spider读到这个页面的时候的效果是“BMW...BMW...BMW...BMW..."这个就属于SEO中的黑帽手段（black-hat）了，这也是GOOGLE所不能接收的，这样做的一般后果是从Google搜索结果中除名。想象一下如果你是某公司的营销总监，你的行为让贵公司被GOOGLE除名，你会是什么下场不用我说了吧？幸好，宝马是个大公司，GOOGLE也不想用户搜宝马的时候只能跳出奔驰，最后这件事双方就协商着解决啦。
2. 关键词调研（Key-phrase research) 关键词调研的目的是了解用户如何搜索，了解关键词的竞争情况，以及搜索热度的发展趋势。我们需要研究出哪一个词语更能回答用户的问题，能让我们的页面被用户找到。搜索引擎通常都提供工具帮助网站分析优化关键词。英文网站可以使用Google Trends来了解和比较关键词的热度，地区来源等。同时,Google Keyword Planner可以告诉你确切的相关关键词的搜索次数，竞争程度。（需登录google账户才能使用）。中文网站可以使用百度指数和关键词工具。
3. 页面优化 （On-page Optimization) 页面优化就是要把恰当的关键词放在恰当的位置，这样搜索引擎才能知道你的页面是关于什么的。具体可以从以下这些方面着手。
1）页面标题（page titles) 标题是一个页面中最重要的部分。它显示在页面顶端的标签上。你应该为每个页面内容总结出最重要的关键词。要避免一些一般性描述，比如“主页”“博客”“产品”，你要表现你的独特性。通常，你会有多个关键词，你需要把更重要的放在前面。
2）页面地址（URL） 你可以设置自己的页面地址，应该用一些有含义的单词；需要连接两个词语的时候用连字符(-)而非下划线(_)。3）标题（Headings)你需要在标题中用说明页面的主要内容是什么，关键词需要在这里再次出现。如果一个页面有多个标题，尽量指出它们之间的共同点，否则Spider很难理解你的页面到底是关于什么。4）文章主题（Body copy)如果你的页面标题，文章标题里都重复了你的关键词，那么你不需要再在文章中像祥林嫂一样反复唠叨“我的阿毛”了，Spider倒不会嫌你烦，但是会认为你作弊，就像上面说得宝马案例一样。5）文字链接（Text Links)在你的网站中，你可能时不时的需要引入链接，连到其他网站或页面去。你的用户所点的超链接文字就是文字链接。很多网站喜欢用“请戳这里”“请猛戳这里”...错了！！你们错了！！这样的词语完全没有说明这个链接的内容，Spider不会理解“请戳这里”是什么东西。你要直接写链接的内容，比如“文章姚笛马伊俐”。6) 标签（Alt tags)刚才也提到了，alt tags就是用来描述页面上的图片的，提高页面的可达性（accessibility），同时也有利于搜索排名的优化。4. 外链建设（link building) 目的是增加链接到你的网站的其他网站数目，让搜索引擎可以由此判断你的内容是权威的有用的。
