标题前端搜索引擎优化 SEO
1. 创建唯一且准确的网页标题title
告诉用户和搜索引擎特定网页的主题是什么,它应放置在 HTML 文档的 元素中。应该为网站上的每个网页创建一个唯一标题，并且尽量避免与网页内容无关或使用默认或模糊的标题
2.使用 meta 的 keywords 属性元标签
我们可以使用 的 keywords 元数据来提炼网页重要关键字，以及 description 元数据准确总结网页内容，而避免在 description 元数据的内容中出现关键词的堆砌，描述过长
例如：
<meta name='keywords' content='SEO,title,meta,语义化,alt'><meta name='description' content='介绍搜索引擎优化的技巧，如使用创建title标题、meta关键词和描述、语义化标签、img的alt属性等。'>
注意： title、 meta description 和 meta keywords 三者的权重依次减小，我们要想网页有好的排名，必须合理使用这三个标签。
3. 使用语义化元素
在合适的位置使用合适的元素表达合适的内容，让用户和“蜘蛛”能一目了然文档结构，我们不应该滥用标题元素或者 b i 这种没有实际意义的标签，换而可以使用 em 或 strong 来表示强调。 h1 的权重比 h2 的大，我们不应该为了增大权重而去滥用 h1 ，一般来说 h1 用于正文的标题。
4.利用 中的 alt 属性
alt 属性可以在图片未成功显示时候，使用文本来代替图片的呈现
5.设置rel=‘nofollow’ 忽略跟踪
如果某个 a 的链接不需要跟踪，那么添加 rel=‘nofollow’ 即可通知“蜘蛛”忽略跟踪。因为“蜘蛛”分配到每个页面的权重是一定的，为了集中网页权重并将权重分给其他必要的链接
6.尽量保证 HTML 的纯粹和高质量(css js html分开)
我们应尽量让结构（HTML）、表现（CSS）及行为（JavaScript）三者分离。如果在一个 HTML 页面中，编写大量的 CSS 样式或脚本，会拖慢其加载速度，此外，如果不为 定义宽高，那么会引起页面重新渲染，同样也会影响加载速度。一旦加载超时，“蜘蛛”就会放弃爬取。如果这个 HTML 文档内容比较独特丰富（合理插入图片说明）等，会被认为质量较高符合用户需求，从而提高 SEO 的排名。
7.扁平化网站结构
一般来说，一个网站的结构层次越少，越有利于“蜘蛛”的爬取。所以目录结构一般不多于 3 级，否则“蜘蛛”很容易不愿意继续往下爬。就像用户在操作一个网页一样，层级大于 3 就很影响用户体验了，“蜘蛛”就是模仿用户的心理。
参考：
https://caijialinxx.github.io//07/30/seo-in-front-end/
