【VUE】前端搜索引擎优化seo

2024-03-11 12:59:39　　点击量：

标题前端搜索引擎优化 SEO
1. 创建唯一且准确的网页标题title
告诉用户和搜索引擎特定网页的主题是什么,它应放置在 HTML 文档的 元素中。应该为网站上的每个网页创建一个唯一标题，并且尽量避免与网页内容无关或使用默认或模糊的标题

2.使用 meta 的 keywords 属性元标签
我们可以使用 的 keywords 元数据来提炼网页重要关键字，以及 description 元数据准确总结网页内容，而避免在 description 元数据的内容中出现关键词的堆砌，描述过长
例如：

注意： 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/2018/07/30/seo-in-front-end/