摘要：
大家可能都知道单页SEO不友好，但是你有没有想过为什么单页SEO不友好呢？在单页面盛行的今天，有什么策略可以避免这个缺点呢？我很好奇。有没有？那就和我一起开启探索之旅吧~搜索引擎如... 大家可能都知道单页SEO不友好，但是你有没有想过为什么单页SEO不友好呢？ 在单页面盛行的今天，有什么策略可以避免这个缺点呢？ 我很好奇。 有没有？ 那就和我一起开启探索之旅吧~
搜索引擎 如何工作
搜索引擎网站后台会有一个非常大的数据库，里面存储了大量的关键词，每个关键词对应着很多个URL。 这些URL被称为“搜索引擎蜘蛛”或“SEO记录”程序从浩瀚的互联网上一点一滴地下载和收集。 随着各种网站的出现，这些勤劳的“蜘蛛”每天都在互联网上爬行，从一个链接到另一个链接，下载内容，分析提炼，找到关键词。 如果“蜘蛛”认为数据库中没有但对用户有用的关键词就存储在后台数据库中。 相反，如果“蜘蛛”认为是垃圾邮件或重复信息，就会丢弃它，继续爬行，寻找最新的、有用的信息，保存起来供用户搜索。 当用户搜索时，可以检索与该关键字相关的URL并将其显示给访问者。 一个关键词匹配多个URL，因此存在排名问题。 相应地，与关键字最匹配的URL将被排在第一位。 在“蜘蛛”抓取网页内容、提炼关键词的过程中，存在一个问题：“蜘蛛”能否理解。 如果网站的内容是类似js的，会让人难以理解，会一头雾水。 无论关键词多么恰当，都是没有用的。 相应地，如果网站内容能够被搜索引擎认可，那么搜索引擎就会增加网站的权重，增加网站的友好度。
SEO简介
SEO是搜索引擎优化）的英文缩写，是指在了解搜索引擎自然排名机制的基础上，对网站进行内部和外部的调整和优化，提高网站关键词在搜索引擎中的自然排名，获得更多的流量，从而达到网站销售和品牌建设的预期目标。
SEO的主要工作是通过了解各种搜索引擎如何抓取互联网页面，如何对其建立索引，以及如何确定其对特定关键词的搜索结果的排名来优化网页，从而提高搜索引擎的性能。 排名，从而增加访问量 网站优化 ，最终提高网站的销售或宣传能力。 增加网站曝光度，增加整个网站的权重，让用户更容易搜索到你的网站，进而带来客观的流量。 通过该策略进行流量引流的优点是： 1. 成本低；2、耐用性；3、无需承担“无效点击”的风险。
以下是一些SEO优化方向的简单总结：
网站设计优化 网站内容优化 为什么单页SEO不友好？
因为在单页面的情况下，页面中的很多内容是根据匹配的路由动态生成并展示的 SEO技术 ，而页面内容很多是通过ajax异步获取的，所以网络爬虫不会等待异步请求完全的。 线路爬取页面内容，网络爬虫很难准确模拟相关行为来获取复合数据。 他们更擅长抓取和分析静态资源。
如何解决单页SEO不友好问题
了解问题所在后，“搜索引擎蜘蛛”或者“记录”程序更擅长抓取和更新静态资源，那么我们就必须采取相应的策略，生成尽可能多的静态资源，让记录获得更多更多数据，从而提高网站的搜索排名。 目前，市场上常用的策略有两种：预渲染和SSR（服务器端渲染）。
下面简单介绍一下一些SEO 优化策略 ：
预渲染
预渲染基于-spa-。 项目构建时，通过无头浏览器模拟浏览器请求，将获取到的数据插入到给定的模板中，生成已经包含数据的HTML，这样就有了更多的静态资源。SEO记录可以捕捉更多的网站信息，提高网站的搜索排名。 我最近一直在用它来搭建官方网站。 考虑到单页面的SEO问题以及官网大部分都是静态资源的情况，我采用了预渲染技术。 我想在这里做一下分享给大家。
这里的预渲染使用了-spa-模块，组合起来生成一些路由对应的静态页面。 我的项目是使用--app脚手架构建的，自定义配置是在-.js中完成的。
// 在create-react-app 2.x以下的的版本里,// 在config-overrides.js是这样配置预渲染的const PrerenderSPAPlugin = require('prerender-spa-plugin');const path = require('path');module.exports = function override(config, env) {if (env === 'production') {config.plugins = config.plugins.concat([new PrerenderSPAPlugin({routes: ['/', '/home', 'about'],staticDir: path.join(__dirname, 'build'),}),]);}return config;};// create-react-app 2.x 以上的ban版本是这样配置的const { override, fixBabelImports, addLessLoader, addWebpackAlias, addWebpackPlugin } = require('customize-cra');const PrerenderSPAPlugin = require('prerender-spa-plugin');const path = require('path');// 除了单独定义一个功能函数你还可以使用// customize-cra提供的addWebpackPlugin来添加插件// 感兴趣的小伙伴可以自行百度使用方法const addConfigPlugin = config => {// 在这里我们还可以很方便的对config扩展别的配置项if(process.env.NODE_ENV === 'production') {config.plugins = config.plugins.concat([new PrerenderSPAPlugin({routes: ['/', '/home', 'about'],staticDir: path.join(__dirname, 'build'),})]);}return config}// 我的理解override函数的本质还是处理config对象并返回module.exports =override(addConfigPlugin,// 这里是按需加载antdfixBabelImports('import', {libraryName: 'antd',libraryDirectory: 'es',style: 'css'}))--官方应用文档也提供了有关预渲染的相应解决方案。 点击这里。
SSR（服务器端渲染）
服务端渲染是先向后端服务器请求数据，然后生成完整的首屏HTML返回给浏览器。 服务端渲染将获取到异步数据并执行脚本的最终HTML返回给客户端。SEO记录可以完整捕获 SSR的另一个巨大作用是加快首屏渲染速度，因为无需等待所有内容下载并执行后才显示服务器端渲染标记，因此用户将看到更快地完全渲染页面。
SSR 相对于预渲染的优势
更快的构建速度。SSR动态插入数据 SEO技术 ，构建时不会预加载数据。 相反 网站优化 ，它在输入URL后请求服务器，获取返回的数据，将其插入到模板中，然后返回给客户端。常规路由下的个性化页面加载，个性化页面无法预渲染，SSR可以解决问题。 更好的SEO优化。 更快的首屏加载速度（请求业务数据、将数据转换成html片段均在服务器端完成，浏览器负责加载资源、请求CDN资源、css渲染，缩短到达时间。）
这里推荐Nuxt.js，一个基于Vue.js的服务端渲染应用框架。 如果你想了解更多，可以查看官方文档。
我这里的代码示例使用最基本、最简洁的技术来实现一个简单的 Vue SSR 示例。 有关实施的完整版本，请单击此处
// 一个基础版本的ssr的实现const server = require('express')()const Vue = require('vue')const fs = require('fs')const vueServerRender= require('vue-server-renderer');// 生成一个render函数const Renderer = vueServerRender.createRenderer({// 定义一个基础的模板页面template:fs.readFileSync('./src/index.template.html', 'utf-8')})server.get('*', (req, res) => {// 创建一个vue组件const app = new Vue({data: {name: 'this is vue ssr basic demo',url: req.url},template:' {{name}}, current url is: {{url}}'})const context = {title: 'SSR test#'}// 将vue实例和对应的传参转换成html字符串Renderer.renderToString(app, context, (err, html) => {if(err) {console.log(err)res.status(500).end('server error')}// 返回渲染完成的页面res.end(html)})})const port = process.env.PORT || 8008;// 运行服务器端server.listen(port, () => {console.log(`server started at localhost:${port}`);})结合vue——开发一个SSR项目还是有一定挑战的。 我也是费了一番功夫才跑成功的。 我遇到的坑是vue生成的Dom和服务器渲染的内容不匹配。
如果遇到这个问题，需要检查./-.js中是否有状态同步。
如果你想实现一个对Nuxt框架不着急的SSR项目，我的建议是先查看Nuxt官方文档，然后尝试自己实现一个小项目。 如果遇到问题，可以参考我的实现vue-ssr-demo，以及You 的一个demo。 该demo实现的功能比较强大和完整，但是很多模块的版本比较低。 某些新版本的 API 可能会发生变化。 某些模块依赖于node@9以下的版本。 如果你想正确运行 vue--2.0 可能需要一些努力。 如果您在学习过程中遇到问题或者有什么建议，请在评论区留言或者添加微信与我交流。 希望我们都能成为更好的自己~
SEO网站优化的步骤和技巧有哪些
（1）META标签优化：例如：TITLE，KEYWORDS，DESCRIPTION等的优化
（2）内部链接的优化，包括相关性链接（Tag标签），锚文本链接，各导航链接，及图片链接
（3）网站内容更新：每天保持站内的更新(主要是文章的更新等)
（4）代码压缩改进：例如：网站主页唯一性，网站内页链向主页，301,404等改进
外部优化
（1）外部链接类别：博客、论坛、B2B、新闻、分类信息、贴吧、问答、百科、社区、空间、微信、微博等相关信息网等尽量保持链接的多样性。
（2）外链组建：每天添加一定数量的外部链接，使关键词排名稳定提升。
（3）友链互换：与一些和你网站相关性比较高,整体质量比较好的网站交换友情链接,巩固稳定关键词排名。
链接优化
一、网站结构优化
1、建立网站地图
只要有可能，最好给网站建一个完整的网站地图sitemap。 同时把网站地图的链接放在首页上，使搜索引擎能很方便的发现和抓取所有网页信息。
网站优化
2、每个网页最多距离首页四次点击就能到达。
3、网站的导航系统最好使用文字链接。
4、网站导航中的链接文字应该准确描述栏目的内容。
5、整站的PR传递和流动。
6、网页的互相链接。
二、搜索引擎如何抓取网页
1.搜索引擎如何爬取。（按什么规则，怎样爬取）
2.物理及链接结构
静态化
4.绝对路径和相对路径
5.内链的权重分配及网站地图
6.避免蜘蛛陷阱
三、链接结构
网络结构的第二个结构形式：链接结构也称为逻辑结构，也就是有网站内部链接形成的链接的网络图。
比较合理的链接结构通常是树形结构。
四、关键词选择
使用网络推广助手中关键词工具进行选择适合推广的词；
做调查来选取关键词；
通过查看统计日志来选取关键词；
长尾关键词；
将关键词进行多重排列组合；
尽量不要使用行业通用词；
擅于利用地理位置；
确定关键词的价值；
长尾词的选择；
关键词的时效性；
分析竞争对手；
有些词是从网络的相关搜索中过来的，而非用户搜索的关键词。
优化步骤
编辑
SEO技术并不是简单的几个建议，而是一项需要足够耐心和细致的脑力劳动。大体上，SEO优化主要分为8小步:
1、关键词分析（也叫关键词定位）
这是进行SEO优化最重要的一环，关键词分析包括：关键词关注量分析、竞争对手分析、关键词与网站相关性分析、关键词布置、关键词排名预测。
2、网站架构分析
网站结构符合搜索引擎的爬虫喜好则有利于SEO优化。 网站架构分析包括：剔除网站架构不良设计、实现树状目录结构、网站导航与链接优化。
3、网站目录和页面优化
SEO不止是让网站首页在搜索引擎有好的排名，更重要的是让网站的每个页面都带来流量。
4、内容发布和链接布置
搜索引擎喜欢有规律的网站内容更新，所以合理安排网站内容发布日程是SEO优化的重要技巧之一。 链接布置则把整个网站有机地串联起来，让搜索引擎明白每个网页的重要性和关键词，实时的参考是第一点的关键词布置。 友情链接战役也是这个时候展开。
5、与搜索引擎对话
向各大搜索引擎登陆入口提交尚未收录站点。
网站优化
在搜索引擎看SEO的效果，通过site:站长们的域名，知道站点的收录和更新情况。 通过domain:站长们的域名或者link:站长们的域名，知道站点的反向链接情况。 更好的实现与搜索引擎对话，建议采用Google网站管理员工具。
6、建立网站地图SiteMap
根据自己的网站结构，制作网站地图，让站长们的网站对搜索引擎更加友好化。 让搜索引擎能过SiteMap就可以访问整个站点上的所有网页和栏目。
最好有两套siteMap,一套方便客户快速查找站点信息（html格式），另一套方便搜索引擎得知网站的更新频率、更新时间、页面权重（xml格式）。 所建立的sitemap要和站长们网站的实际情况相符合。
7、高质量的友情链接
建立高质量的友情链接，对于seo优化来说，可以提高网站PR值以及网站的更新率，都是非常关键性的问题。
8、网站流量分析
网站流量分析从SEO结果上指导下一步的SEO策略，同时对网站的用户体验优化也有指导意义。 流量分析工具，建议采用分析工具GoogleAnalytics分析工具和网络统计分析工具。
以上8步贵在坚持.流量多了也别骄傲,少了也别灰心.努力前进,学好SEO优化,站长们一定能成功。
执行难度
【SEO各种执行方式难度】难易度排名：1.外链建设；2.内容制作；3.撰写博客；4.社会化整合；着陆页；结构；7.竞争对手调研；8.关键字研究；网站地图；10.内部链接；标记；标记。
SEO策略几个常见现象
一:沙盒
什么是沙盒?沙盒的意思是通常指新网站在前期很难在Google有好的排名，一般时间限制在6个月左右。 为什么进入沙盒?一般进入沙盒的原因是网站突然增加了大量的外部连接。
二:炸弹
什么是炸弹?炸弹的意思是通过建立大量的外部连接，锚文本(连接文字)全部为关键字.致使网站强行上升排名。 为什么会存在炸弹?因为搜索引擎算法问题，大量的锚文本让引擎误认为某个网站是最符合搜索请求的页面.对于新站来说，定时定量的添加锚文本比一次性大量的添加锚文本更能增加网站的权重。
三:幽灵
什么是幽灵?幽灵指的是新站排名不稳定，忽高忽低的现象。 为什么会出现幽灵?这个主要是因为搜索引擎防止作弊造成的。 还一个因素就是网站的权重问题。
四:连坐
什么是连坐?连坐是古代一种刑法，在这里指的是被同服务器或IP地址的其他网站牵连。 同样也是搜索引擎防止作弊，为了避免链接工厂的泛滥。
五:金三角
金三角指的是google抓取关键字重点位置一般分布在页面左上，呈三角形。
六:快照回档
形成原因：主机空间不稳定，网站首页的改动，友链链接异常，网络算法的调整，优化过度，使用seo作弊手法。
解决办法：稳定的维护跟更新站内的文章以及站外外链及友情链接排查及时更新调整！
效果
可以让相关关键词排名靠前，满足用户需求
让有需求的人首先找到站长们
提供搜索结果的自然排名，增加可信度
让站长们的网站排名自然靠前，增加网站浏览量，促进网站宣传和业务发展
增加优秀网站的曝光率，提升网页开发的技术
更加方便不懂网络或者知之甚少的人寻找到需要的网络知识
为企业节约网络营销费用
为网站提供生态式的自我营销解决方案
策略
seo的策略主要包括关键词优化、对网站结构和SEO整站优化及SEO整站优化吧内容的优化、注重内链和外链的优化
关键词的优化策略
关键词是搜索引擎优化的核心。 关键词的选择对于网站在搜索引擎中排名具有关键作用。 对于电子商务网站来说，要求用户能够很容易获取自己想要的信息，而用户一般通过关键词来进行检索，那么为了让搜索引擎读懂电子商务网站的的信息，站长需要对关键词做如下设置：
第一，用组织名称和服务内容名称命名。
第二，关键词中不仅体现能够提供的服务。 还要包括产品或者服务能够解决的问题。
第三，要将季节的变化考虑进去。
第四，要把拼写错误和方言俚语考虑进去。
第五，要描述产品和服务的地理位置。 对于家政、鲜花礼品、婚庆服务、网站建设尤为重要。
第六，要考虑突发性事件。 比如地震，雪灾等。 对于“医药”等关键词特别敏感。
第七，要考虑突出节日等等。
2．对网站结构和内容的优化策略
优化网站主要包括：网站结构优化、网站标签优化、网站页面优化，为的是让搜索引擎更容易搜索站长们的网站并且关注站长们想排名靠前的关键词。
3.注重内链和外链的优化策略
超链接将分散的网络连成一个整体，对于搜索引擎来说，一个网页被链接的次数和链接入网页的质量是体现网页重要性的一个非常重要的指标。
作用
1、扩张资本规模
2、优化企业财务结构
3、通过SEO进行资产重组
4、调整产品结构，促进产业升级
5、品牌保护
6、推广（主要作用）
7、为企业节约网络营销费用
SEO优化站内优化有什么技巧？
SEO优化站内优化有什么技巧？以下为您介绍几个常用的技巧，希望能帮到你。
1、对关键词排名前三页的同类型网站，分析其站内优化情况，主要通过网络搜索结果的摘要及网络快照页面，如TKD关键词优化、页面关键词布局、表现等优化，可以通过第三方工具分析竞争网站外链接优化情况，比如链接数量及相关性如何，链接锚文本是否等。
2、安全、稳定、快速的服务器或主机空间是前提。
3、网站后台程序要生成整站Html静态页面。
4、优化站点TKD标签优化、页面关键词优化(词频、布局及表现等)，结合自身经验，同时借鉴竞争网站的优化好的地方而定。
6、建站时，CSS文件、JS文件尽量外部调用，减少页面体积的提高蜘蛛爬取体验。
7、站外优化时采用交换友情链接的方式，但值得上午是：链接网站权重、导出链、相关性、锚文本使用多样化。
8、优化站点的更新要保持一定的活跃度、及时修改站内出现的问题。
9、数据监测(包括收录、排名、日志等)、基于数据的进行二次优化。
SEO优化有哪些技巧？
我来简单说下吧：一，信息架构要明晰，这个对SEO也非常重要，包括网站扁平化设计，友好的URL设计，标题书写，页面相关度信息聚合和融合二，为网站确定一个主题（核心关键词），一旦确定，那么全站都围绕这个关键词进行扩展和相关性来做三，对于网络，有四个内容是最重要的：原创度、更新频率、【相关度】和外链权重。 内容建设上围绕这些去做。 对于谷歌大同小异，但有一点是非常差异的，谷歌对新网站给你的收录门槛较低，但排名却不会很快就很理想，因为谷歌的考察因素多的多，所以是权重的长期积累，很重要。 现在网上关于这方面的教程有很多，但是很多都是过时的，因为互联网是在不断的变化的，为了避免让大家学到错误的过时的知识，我联合互联网上的牛人，组建了一 个群，想学SEO和电商的小伙伴，可以来这里学习，前面三七九，中间三一 一 ，后面三四六 ，按照顺序组合起来就可以找到，我想说的是，除非你想学习这方面的知识，让自己获取互联网机会，如果只是凑热闹的话，就不要来了。 四，发布软文，带外链，可以是带超链接的，也可以是不带的文本链接，对于搜索引擎都能被认为是外链，高质量的链接交换。 五，不要优化过度，不要使用黑帽手法，不要大规模采集，不要不自然增加内容（非正常的爆发式增长内容），尤其是对新站，网络和谷歌都有沙盒效应，就是加入一个黑房子对你进行观察，表现好就相对快的放出来更多的参与排名，表现一般或异常会延长观察期，表现极度异常，恭喜你，你很可能中标，被列为不被待见名单，结果如何天知道，要么不予收录，要么降权，要么长期得不到权重分配，蜘蛛长期不予光顾。 六，不用太刻意强调SEO，SEO应该做策略比做战术要好的多，策略主要从信息架构（围绕核心词）和一些内容聚合（长尾词）上去做，随着内容的自然生长，会自然的构成N多SEO终端页面，这些就不展开了，细说可以写本书了。 同时不要为SEO而SEO，除非专门意义上的SEO产品，否则用户体验是第一位，在不影响甚至能帮助用户提高体验度的情况下把SEO融入进去。 PS：用户体验也会影响网站在搜索引擎中的排名，搜索引擎会记录用户点击行为，包括点击率，点击深度等，记录下来，表现好会有利于提高排名，表现差就反之，网络表现明显。 其他不说了，如果有网站我可以针对性的分析，没有网站只能泛泛而谈了，SEO细节，策略和执行力都很重要。