▍前端对于页面SEO的一些总结
Search Engine Optimization（SEO）即搜索引擎优化，是指通过对网站进行内部和外部的调整优化，以提升网站在自然搜索结果中的排名，从而获取更多流量，实现网站销售和品牌建设的目标。
▍SEO可分为白帽SEO和黑帽SEO两类：
白帽SEO：采用符合搜索引擎网站质量规范的合法手段和方法，以获得良好的自然排名。
黑帽SEO：采用不符合搜索引擎优化规定的手法，通过类似作弊的方式获取短期内的优化效果。
以下是前端在页面SEO方面的优化方法：
1. Title、Keyword、Description
Title是页面的标题，每个页面应该具有不同的标题，长度不超过80个字符，词语之间用英文短横线分隔。
Keyword标签用于列举网站的重要关键词，每个关键词不宜过长，之间用英文逗号隔开。
Description标签用于对网页内容进行高度概括，不超过150个字符，描述内容应与页面内容相关。
2. 网页结构布局优化
推荐使用扁平化结构，目录层级要尽可能少。
首页的访问链接数量应有效但不宜过多（100个内）。
页面大小最好在100k以内。
导航应使用文字，并设计面包屑导航。
3. 网页代码优化
避免大量使用<div>和<span>标签，提倡使用语义化标签。
给<a>标签添加说明（title属性），对于外部链接使用rel="nofollow"属性。
标题使用<h1>、副标题使用<h2>，避免滥用<h1>标签。
使用<strong>标签强调重要内容，<em>次之。
尽量避免使用iframe框架，不利于搜索引擎抓取。
避免使用javascript、Flash以及动态URL输出重要内容。
对于暂时不需要显示的元素，使用z-index或opacity属性，而非display:none。
以上总结提供了前端在页面SEO优化方面的一些建议，希望对您有所帮助。请注意，本文内容参考了网络文章，仅供个人学习使用。
