前端seo优化

前端 seo 优化

一、什么是seo优化：

• SEO是指通过采用易于搜索引擎索引的合理手段，使网站各项基本要素适合搜索引擎检索原则并且对用户更友好(Search Engine Friendly)，从而更容易被搜索引擎收录及优先排序从属于SEM(搜索引擎营销)。SEO的中文意思是搜索引擎优化。通俗理解是：通过总结搜索引擎的排名规律，对网站进行合理优化，使你的网站在百度和Google的排名提高，让搜索引擎给你带来客户。深刻理解是：通过SEO这样一套基于搜索引擎的营销思路，为网站提供生态式的自我营销解决方案，让网站在行业内占据领先地位，从而获得品牌收益

二、常见的简单优化

• 代码内部优化：

  • 研究关键词：使用关键词搜索工具，选择搜索频率比较高的字眼
  • 少使用iframe标签，搜索引擎不会搜索到里面的页面
  • 规范使用语义化标签
  • 图片的标签，添加alt关键字进行描述
  • 根据内容的不同程度使用h1~h6标签
  • 尽量分为多个子页面，每个页面有独立的meta标签，进行TITLE，KEYWORDS，DESCRIPTION等的优化

• 外部优化：（每天多添加不一样的网站排名比较靠前的外部链接）

  • 外部链接类别：博客、论坛、B2B、新闻、分类信息、贴吧、知道、百科、相关信息网等尽量保持链接的多样性
  • 外链运营：每天添加一定数量的外部链接，使关键词排名稳定提升。
  • 外链选择：与一些和你网站相关性比较高,整体质量比较好的网站交换友情链接,巩固稳定关键词排名

三、seo对vue页面的不友好

• 爬虫在爬取的过程中，不会去执行js，所以隐藏在js中的跳转也不会获取到
• vue通过js控制路由然后渲染出对应的页面，而搜索引擎蜘蛛是不会去执行页面的js的，导致搜索引擎蜘蛛只能收录index.html一个页面，在百度中就搜索不到相关的子页面的内容。
• 我们加载页面的时候,浏览器的渲染包含:html的解析、dom树的构建、cssom构建、javascript解析、布局、绘制,当解析到javascript的时候才回去触发vue的渲染,然后元素挂载到id为app的div上,这个时候我们才能看到我们页面的内容,所以即使vue渲染机制很快我们仍然能够看到一段时间的白屏情况,用户体验不好
• 引起的问题
  • 收录的页面少了->被抓取的页面就少了->点击量之类的也就少了；
  • 不能对对应的页面做TDK(title, keywords, description)不同的配置，每个页面的title和meta标签都是一样的，不利于网络爬虫的爬取