一.SEO相关
1.什么是seo优化
SEO即搜索引擎优化,是一种方式,利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名,说白了就是你的SEO做的越好,当别人搜索某个关键词时,你的网站在搜索结果中就排的越靠前。
2.如何做SEO优化
(1)设置合理的title(标题)、keywords(对该网页的简要描述)、description(告诉搜索引擎,本网页主要围绕着哪些关键词展开)。
(2)使用语义化的HTML5标签搭建网页,符合W3C规范,类似于<header></header>,<footer></footer>,<nav></nav>,<aside></aside>,<section></section>等。
(3)非装饰性图片,指除了那些作为元素背景图的图片,必须加alt,增强内容相关性,提高关键词密度
(4)还有其他方面,类似于友情链接,即在你的网站和别人的网站上相互放上对方的网站超链接;再比如向各大搜索引擎提交收录自己的站点,会很大程度上提升网站的排名;
3.如何对VUE进行SEO优化?
问题:首先,VUE本质是是一个SPA应用,就是只有一个Web页面的应用,是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序。
VUE不利于SEO,SEO本质是一个服务器向另一个服务器发起请求,解析请求内容。但一般来说搜索引擎是不会去执行请求到的js的。也就是说,如果一个单页应用,html在服务器端还没有渲染部分数据数据,在浏览器才渲染出数据,而搜索引擎请求到的html是没有渲染数据的, 所以就很不利于内容被搜索引擎搜索到。
做法:
- SSR服务器渲染
服务端渲染就是尽量在服务器发送到浏览器前就将页面渲染到页面上。
Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。
服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用",因为应用程序的大部分代码都可以在服务器和客户端上运行。
详细操作可以见官网:Server-Side Rendering (SSR) | Vue.js
- 静态化
- 预渲染prerender-spa-plugin
(4)使用Phantomjs针对爬虫做处理