seo搜索引擎优化重点(SEO概述SEO（SearchEngineOptimization）的工作原理及区别 )

　　seo搜索引擎优化重点(SEO概述SEO（SearchEngineOptimization）的工作原理及区别

)

　　搜索引擎优化概述

　　SEO（Search Engine Optimization，搜索引擎优化）是一种利用搜索引擎的排名规则来增加目标网站在自然搜索结果中的数量和排名的优化行为。在搜索引擎中获得更多免费流量并更好地展示您的图片。简单的说，搜索引擎优化就是提高自然搜索排名来获取流量，为用户提供有价值的信息。SEO分为两个部分：网站站长可以控制的内部优化，以及网站本身以外的外部优化，不同于SEM（Search Engine Marketing）。

　　搜索引擎的工作原理

　　

　　1) 信息采集 模块

　　信息采集是一个可以浏览网页的程序，被描述为“网络爬虫”。它首先打开一个网页，然后以该网页的链接作为浏览的起始地址，获取链接的网页，提取网页中出现的链接，并通过一定的算法确定接下来访问哪些链接。同时，信息采集器将访问过的URL存储在自己的网页列表中，并标记为已搜索。自动索引程序检查页面并为他创建索引记录，然后将该记录添加到整个查询表中。然后信息采集器从网页开始到超链接，继续重复访问过程直到结束。

　　2）收录 建库预处理

　　蜘蛛抓取网页的内容，所以如果你想让用户通过关键词快速搜索到这个网页，你必须对网页关键词进行索引，以提高查询效率。简单的说，就是把网页的每一个关键词都提取出来，在网页频率、位置、特殊标记等诸多因素中给这些关键词赋予不同的权重，然后存储到索引库中。

　　3）分析搜索内容对结果进行排序

　　第一步是检查最近是否有人搜索过相同的关键词。如果有这样的缓存，最快的处理就是把这个缓存提供给你，这样查询效率最高，会给后端负载带来压力。最低。

　　第二步是发现输入查询最近没有被搜索过，或者由于其他条件必须更新结果，那么用户输入的词就会被切分，如果有多个关键词，或者如果是句子，答题程序会再次对单词进行切分，将搜索查询拆分为几个不同的关键词。

　　第三步，将分段后的关键词分发给查询系统。查询系统会去索引库查询。索引库是一个巨大的分布式系统。先分析下关键词属于哪一块。服务器。

　　第四步，将不同关键词的查询结果（只按权重排序的top结果的一部分，绝对不是所有结果），根据权重的倒序，将其聚合在一起，然后是共同命中的部分会被反馈。并做最后的权重排序。

　　搜索引擎收录

　　看看有多少 收录 内容

　　在搜索网站的输入框中赚取站点：你需要知道的网址

　　例如网站：

　　搜索引擎营销策略

　　概述中提到了SEM（搜索引擎营销），什么是SEM

　　SEM是利用用户检索信息的机会，按照用户使用搜索引擎的方式，将营销信息尽可能多地传递给目标用户。简单的说，搜索引擎营销是基于搜索引擎平台的网络营销，利用人们对搜索引擎的依赖和使用习惯，在人们检索信息时，将信息传递给目标用户。它是一种新的在线营销形式。如下图，有广告的搜索内容是通过SEM提升排名

　　

　　

　　总结：短期营销-SEM竞价推广与长期发展-SEO优化

　　如果公司要求近期见效，且是季节性短期营销，建议采用竞价促销；

　　为了长远发展，SEO是更合理的选择。提高自身竞争力网站是网络营销的基础。

　　SEO查询工具

　　Chinaz站长工具：爱站网站长工具：

　　搜索引擎官方平台工具

　　/

　　前端SEO标准1)网站结构布局优化：尽量简洁，提倡扁平化结构1.1)控制首页链接数

　　网站首页是权重最高的地方。如果首页链接太少，没有“桥”，“蜘蛛”就无法继续向下爬到内页，直接影响网站收录的数量。但是，主页链接不应过多。一旦链接过多而没有实质性链接，很容易影响用户体验，降低首页网站的权重，收录的效果也不好。

　　1.2) 平面目录层次结构

　　尝试让“蜘蛛”只需要跳转3次就可以到达网站中的任何内页。

　　1.3) 导航优化

　　导航尽量使用文字，也可以配合图片导航使用，但图片代码一定要优化。

　　标签必须加上“alt”和“title”属性，告诉搜索引擎定位导航，这样即使图片无法正常显示，用户也能看到提示文字。

　　1.4) 网站 结构布局

　　页眉：标志和主导航，以及用户信息。页面主体：左侧文字，包括面包屑导航和正文；右边是热门文章和相关文章，好处：留住访客，让访客多留，对于“蜘蛛”来说，这些是文章是相关链接，增强了相关性页面，也增强了页面的权重。页面底部：版权信息和友好链接。

　　2)网页代码优化2.1) 标题、描述和关键词的合理设计

　　标题：只强调重点，尽量把重要的关键词放在前面，不要重复关键词，每个页面的标题尽量不要设置相同的内容。Tag：关键词，就列出几页重要的关键词，记得堆太多。标签：网页描述，需要高度概括网页内容，切记不要太长，不要太堆砌关键词，每个页面要不一样。

　　2.2)语义编写HTML代码，合理使用语义标签2.3)关于标签属性等。

　　给图片超链接等添加“title”alt等属性，访问外部链接，链接到其他网站，需要添加el="nofollow"属性告诉“蜘蛛”不要爬行。

　　2.4） 文字标题相关

　　为文本标题使用标签：h1 标签带有一个权重“蜘蛛”，这被认为是最重要的。一个页面最多只有一个 H1 标签，它位于页面最重要的标题上方。例如，可以将 H1 标签添加到主页上的徽标中。. 字幕使用标签，别处乱用h标题标签

　　2.5）强调标签

　　, 标签：需要强调时使用。标签在搜索引擎中受到高度重视。他们可以突出关键词并表达重要的内容。标签强调的效果仅次于标签；标签：它们只用于展示效果，不会在SEO中发挥作用。任何效果。

　　快速学习Nuxt.jsNUXT.js

　　官方介绍：从头开始构建一个服务端渲染应用是相当复杂的。幸运的是，我们有一个优秀的社区项目 Nuxt.js，它让一切变得非常简单。Nuxt是一个基于Vue生态的更高层次的框架，为开发服务端渲染的Vue应用提供了极其便捷的开发体验。更酷的是，您甚至可以将其用作静态站*敏*感*词*。

　　简单理解：不是浏览器的工作，一般理解是创建时的请求数据和页面渲染。第二点是充当静态文件服务器，将渲染后的页面返回给用户。

　　优势：

　　

　　说到图中的服务端渲染，什么是服务端渲染和客户端渲染

　　服务器端渲染和客户端渲染浏览器（客户端）通过AJAX向服务器（java servlet）发送http请求数据。服务端将获取到的接口数据封装成JSON，然后在收到JSON时将响应渲染给浏览器。html页面，生成DOM元素，然后将页面展示给用户

　　

　　

　　了解了服务端渲染和客户端渲染是什么之后，再来说说NUXT.js的工作原理

　　Nuxt.js 的工作原理

　　1.浏览器（客户端）向 Node.js 服务器发送 http 请求。

　　2. 部署在 Node.js 上的应用 Nuxt.js 收到浏览器请求，它会请求后端服务器。

　　3.后端接口服务器会响应JSON数据，Nuxt.js会在服务器端获取数据并渲染成html。

　　4. 然后 Nuxt.js 会将 html 页面响应给浏览器

　　5.浏览器会直接显示接收到的html页面

　　

　　对比服务端渲染和Nuxt.js服务端渲染应该很容易理解。

　　简单介绍让大家快速了解Nuxt.js 接下来：

　　小二！服务！

　　1. 第一步是安装NUXT，很简单，按照官网的步骤操作即可。

　　参考链接...

　　2.目录结构

　　| .nuxt

| assets //资源目录 组织为编译的静态资源 大家都懂

| image.png

| components // 组织 Vue.js 组件，NUXT不会扩展增强该目录下的组件，这意味着组件不能使用 asyncData 方法

| layout // 布局目录 如果没有额外配置，目录不能重命名--不建议改名

| middleware // 用于存放应用的中间件

| node_modules // 懂吧~

| pages // 页面目录用于组织应用路由及视图，NUXT会读取该目录下所有.vue文件并自动生成路由（路由文件在 .nuxt/router.js）

| index.vue

| plugins // 插件目录 用于组织那些需要在跟vue.js应用，实例化之前需要运行的Javascript插件

| static // 用于存放应用的静态文件，此类文件不会被NUXT.js调用Webpack 进行构建编译处理。服务器启动的时候，该目录下的文件会映射至应用的根路径 `/` 下。例如 /static/root.txt 映射至 /root.txt

| store // Nuxt.js 框架集成了 [Vuex 状态树] 的相关功能配置，在 `store` 目录下创建一个 `index.js` 文件可激活这些配置。 新建一个index.js 这事就算妥了

| nuxt.config.js // 文件用于组织 Nuxt.js 应用的个性化配置，以便覆盖默认配置 不要gai'ming'zi

| package.json // 用于描述应用的依赖关系和对外暴露的脚本接口

复制代码

　　3. 接下来直接告诉大家开发NUXT需要注意什么。那么大家就可以直接上手了，*敏*感*词*！

　　静态资源的导入和路由

　　//引入静态资源 和 跳转路由

~/assets/image.png

个人中心

复制代码

　　异步数据

　　Nuxt.js 扩展了 Vue.js 并增加了 asyncData 方法，这样我们就可以在渲染组件之前异步获取数据。每次加载组件（仅限页面组件）时都会调用 asyncData 方法。它可以在服务器端或路由更新前调用。调用该方法时，第一个参数context被设置为当前页面的context对象。

　　async asyncData({ params }){ // params 就是传进来的值

//asyncData 函数去执行我们的异步操作 当我们获取到接口返回的内容是 此时我们Vue还没有实例化 所以this获取不到 我们通过返回 方法 去获取 因此标签内如果需要展示内容 {{info.XXX}}

const data = await $axios.$get('/api/user')

return {data}

}

复制代码

　　@nuxtjs/axios

　　我们在 asyncData 中调用接口。Nuxt.js 官方提供了@nuxtjs/axios 模块。该模块还包括 axios 和 @nuxtjs/proxy（解析异步和执行代理转发）模块。

　　// 1.安装@nuxtjs/axios：

npm install @nuxtjs/axios

// 2.在nuxt.config.js中配置axios

module.exports={

modules:['@nuxtjs/axios']

}

复制代码

　　中间件

　　中间件允许您定义一个自定义函数，以便在渲染之前在一个页面或一组页面上运行。可以用来判断权限，只有有权限才能访问对应的页面

　　中间件应该放在 middleware/ 目录中。文件名的名称将成为中间件名称（middleware/auth.js 将成为身份验证中间件）

　　//创建权限中间件

//在 middleware/ 下创建 auth.js 文件，其中auth就是中间件的名称。

//一个中间件接收content作为第一个参数

export default({ store, redirect }) => {

if(/* 没有token */){

return redirect('/')

}

}

复制代码