关键词：
参考http://www.cnblogs.com/EnSnail/p/5671345.html
一、搜索引擎工作原理
当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。
在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程序称之为“搜索引擎蜘蛛”或“网络爬虫”。这些勤劳的“蜘蛛”每天在互联网上爬行，从一个链接到另一个链接，下载其中的内容，进行分析提炼，找到其中的关键词，如果“蜘蛛”认为关键词在数据库中没有而对用户是有用的便存入数据库。反之，如果“蜘蛛”认为是垃圾信息或重复信息，就舍弃不要，继续爬行，寻找最新的、有用的信息保存起来提供用户搜索。当用户搜索时，就能检索出与关键字相关的网址显示给访客。
一个关键词对用多个网址，因此就出现了排序的问题，相应的当与关键词最吻合的网址就会排在前面了。在“蜘蛛”抓取网页内容，提炼关键词的这个过程中，就存在一个问题：“蜘蛛”能否看懂。如果网站内容是flash和js，那么它是看不懂的，会犯迷糊，即使关键字再贴切也没用。相应的，如果网站内容是它的语言，那么它便能看懂，它的语言即SEO。
二、SEO简介
全称：Search English Optimization，搜索引擎优化。自从有了搜索引擎，SEO便诞生了。
存在的意义：为了提升网页在搜索引擎自然搜索结果中的收录数量以及排序位置而做的优化行为。简言之，就是希望百度等搜索引擎能多多我们收录精心制作后的网站，并且在别人访问时网站能排在前面。
分类：白帽SEO和黑帽SEO。白帽SEO，起到了改良和规范网站设计的作用，使网站对搜索引擎和用户更加友好，并且网站也能从搜索引擎中获取合理的流量，这是搜索引擎鼓励和支持的。黑帽SEO，利用和放大搜索引擎政策缺陷来获取更多用户的访问量，这类行为大多是欺骗搜索引擎，一般搜索引擎公司是不支持与鼓励的。本文针对白帽SEO，那么白帽SEO能做什么呢？
1. 对网站的标题、关键字、描述精心设置，反映网站的定位，让搜索引擎明白网站是做什么的；
2. 网站内容优化：内容与关键字的对应，增加关键字的密度；
3. 在网站上合理设置Robot.txt文件；
4. 生成针对搜索引擎友好的网站地图；
5. 增加外部链接，到各个网站上宣传；
三、前端SEO
通过网站的结构布局设计和网页代码优化，使前端页面既能让浏览器用户能够看懂，也能让“蜘蛛”看懂。
(1)网站结构布局优化：尽量简单、开门见山，提倡扁平化结构。
一般而言，建立的网站结构层次越少，越容易被“蜘蛛”抓取，也就容易被收录。一般中小型网站目录结构超过三级，“蜘蛛”便不愿意往下爬，“万一天黑迷路了怎么办”。并且根据相关调查：访客如果经过跳转3次还没找到需要的信息，很可能离开。因此，三层目录结构也是体验的需要。为此我们需要做到：
1. 控制首页链接数量
网站首页是权重最高的地方，如果首页链接太少，没有“桥”，“蜘蛛”不能继续往下爬到内页，直接影响网站收录数量。但是首页链接也不能太多，一旦太多，没有实质性的链接，很容易影响用户体验，也会降低网站首页的权重，收录效果也不好。
因此对于中小型企业网站，建议首页链接在100个以内，链接的性质可以包含页面导航、底部导航、锚文字链接等等，注意链接要建立在用户的良好体验和引导用户获取信息的基础之上。
2.扁平化的目录层次，尽量让“蜘蛛”只要跳转3次，就能到达网站内的任何一个内页。扁平化的目录结构，比如：“植物”--> "水果" --> "苹果"、“桔子”、“香蕉”，通过3级就能找到香蕉了。
3.导航优化
导航应该尽量采用文字方式，也可以搭配图片导航，但是图片代码一定要进行优化，<img>标签必须添加“alt”和“title”属性，告诉搜索引擎导航的定位，做到即使图片未能正常显示时，用户也能看到提示文字。
其次，在每一个网页上应该加上面包屑导航，好处：从用户体验方面来说，可以让用户了解当前所处的位置以及当前页面在整个网站中的位置，帮助用户很快了解网站组织形式，从而形成更好的位置感，同时提供了返回各个页面的接口，方便用户操作；对“蜘蛛”而言，能够清楚的了解网站结构，同时还增加了大量的内部链接，方便抓取，降低跳出率。
4. 网站的结构布局--不可忽略的细节
页面头部：logo及主导航，以及用户的信息。
页面主体：左边正文，包括面包屑导航及正文；右边放热门文章及相关文章，好处：留住访客，让访客多停留，对“蜘蛛”而言，这些文章属于相关链接，增强了页面相关性，也能增强页面的权重。
页面底部：版权信息和友情链接。
特别注意：分页导航写法，推荐写法：“首页 1 2 3 4 5 6 7 8 9 下拉框”，这样“蜘蛛”能够根据相应页码直接跳转，下拉框直接选择页面跳转。而下面的写法是不推荐的，“首页 下一页 尾页”，特别是当分页数量特别多时，“蜘蛛”需要经过很多次往下爬，才能抓取，会很累、会容易放弃。
5.控制页面的大小，减少http请求，提高网站的加载速度。
一个页面最好不要超过100k，太大，页面加载速度慢。当速度很慢时，用户体验不好，留不住访客，并且一旦超时，“蜘蛛”也会离开。
(2)网页代码优化
1.<title>标题：只强调重点即可，尽量把重要的关键词放在前面，关键词不要重复出现，尽量做到每个页面的<title>标题中不要设置相同的内容。
2.<meta keywords>标签：关键词，列举出几个页面的重要关键字即可，切记过分堆砌。
3.<meta description>标签：网页描述，需要高度概括网页内容，切记不能太长，过分堆砌关键词，每个页面也要有所不同。
4.<body>中的标签：尽量让代码语义化，在适当的位置使用适当的标签，用正确的标签做正确的事。让阅读源码者和“蜘蛛”都一目了然。比如：h1-h6 是用于标题类的，<nav>标签是用来设置页面主导航的等。
5.<a>标签：页内链接，要加 “title” 属性加以说明，让访客和 “蜘蛛” 知道。而外部链接，链接到其他网站的，则需要加上 el="nofollow" 属性, 告诉 “蜘蛛” 不要爬，因为一旦“蜘蛛”爬了外部链接之后，就不会再回来了。
6.正文标题要用<h1>标签：“蜘蛛” 认为它最重要，若不喜欢<h1>的默认样式可以通过CSS设置。尽量做到正文标题用<h1>标签，副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签。
7.<br>标签：只用于文本内容的换行，比如:
<p>
第一行文字内容<br/> 第二行文字内容<br/> 第三行文字内容 </p>
8.表格应该使用<caption>表格标题标签
9.<img>应使用 "alt" 属性加以说明
10.<strong>、<em>标签 : 需要强调时使用。<strong>标签在搜索引擎中能够得到高度的重视，它能突出关键词，表现重要的内容，<em>标签强调效果仅次于<strong>标签。
<b>、<i>标签: 只是用于显示效果时使用，在SEO中不会起任何效果。
10、文本缩进不要使用特殊符号 应当使用CSS进行设置。版权符号不要使用特殊符号 © 可以直接使用输入法，拼“banquan”，选择序号5就能打出版权符号©。
12、巧妙利用CSS布局，将重要内容的HTML代码放在最前面，最前面的内容被认为是最重要的，优先让“蜘蛛”读取，进行内容关键词抓取。
13.重要内容不要用JS输出，因为“蜘蛛”不认识
14.尽量少使用iframe框架,因为“蜘蛛”一般不会读取其中的内容
15.谨慎使用 display：none ：对于不想显示的文字内容，应当设置z-index或设置到浏览器显示器之外。因为搜索引擎会过滤掉display:none其中的内容。
16. 不断精简代码
17.js代码如果是操作DOM操作，应尽量放在body结束标签之前，html代码之后。
seo网站基础优化核心共享(代码片段)
昆明SEO的小编做seo也有一段时间了，从开始的网站编辑到现在的SEO技术人员，靠时间和经验的积累。中间也走过不少弯路。做SEO会建站是基础，从搭建网站到网站上线，然后到怎么获取排名，有排名之后怎么稳定排名并且获取更... 查看详情
搜索引擎优化（seo）基础常识(代码片段)
搜索引擎优化（SEO）基础常识前言在移动互联网迅猛发展的今天，各种APP、小程序满天飞，针对网页的搜索引擎优化（SEO）对于现今的企业来说已经不是头等重要的事情了。但是如果公司的SEO做得好的话&#x... 查看详情
seo优化(代码片段)
参考http://www.cnblogs.com/EnSnail/p/5671345.html 一、搜索引擎工作原理 当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。 在搜索引擎网站，比如百度，在其后台... 查看详情
flutter网络搜索引擎seo优化友好(代码片段)
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YBxyJJuX-1633656159521)(https://ducafecat.tech/2021/10/08/translation/flutter-web-seo-friendly/2021-10-08-09-12-55.png)]原文https://medium.com/mindful-engineering/ 查看详情
浅析那些网站优化效果的判断方法(代码片段)
SEO网站优化假如做的好的话，就会对网站的建造和推行起到非常大的推进作用，可是这里有一个条件，那就是SEO网站优化的作用必须要好。关于SEO优化的作用怎么，必须有一个清晰而合理的查核规范，才干保证在进行SEO网站优化... 查看详情
前端seo优化详细方案(代码片段)
前言：在好久之前就总结过一个版本的搜索引擎优化，但是那时只是很肤浅的做一些meta中的,description,keywords,以及一些简单的语义化标签，并没有在谷歌搜索引擎中心搜索到自己的网站，这次更新才是真正的做到... 查看详情
vuespn如何做seo优化(代码片段)
vuespn如何做seo优化突然来了一个需求，对已有的项目做SEO优化，WHAT？总所周知，spn对seo不够优化，因而官方考虑到直接使用ssr一个不算解决办法的办法prerender-spa-plugin//build/webpack.prod.conf.jsconstPrerenderSPAPlugin=require(‘prerender-spa-plug... 查看详情
百度谷歌搜索引擎研究，如何做seo优化？网站优化实操（程序员必看）(代码片段)
...工作方式1.2谷歌搜索排名技术1.3新网站如何应对搜索2 SEO优化重点2.1URL的三要素2.2移动端不能忽视2.3速度/性能直接影响SEO2.4页面元素有三档2.5重要内容最好同步展示3网站代码优化实操3.1优化重点3.2标签优化1.搜索引擎原理1、基... 查看详情
百度谷歌搜索引擎研究，如何做seo优化？网站优化实操（程序员必看）(代码片段)
...工作方式1.2谷歌搜索排名技术1.3新网站如何应对搜索2 SEO优化重点2.1URL的三要素2.2移动端不能忽视2.3速度/性能直接影响SEO2.4页面元素有三档2.5重要内容最好同步展示3网站代码优化实操3.1优化重点3.2标签优化1.搜索引擎原理1、基... 查看详情
网站标签图标的生成网站tdk三大标签seo优化logoseo优化(代码片段)
...hortcuticon"href="favicon.ico"/>网站TDK三大标签SEO优化SEO搜索引擎优化目的是对网站进行深度优化页面必须有三个标签来负荷SEO优化title、keyword、description建议：网站(产品名)+网站介绍<title>品优购-综合网购首... 查看详情
微信小程序搜索优化指南(seo)(代码片段)
前言其实在2019年上半年，微信就发布了基于小程序页面的搜索。为了更好地发现及理解小程序的页面，结合过去一段时间来我们遇到的各种情况，强烈建议各位开发者花一些宝贵的时间认真阅读本文。小程序爬虫爬虫访问小程... 查看详情
seo技巧--代码优化(代码片段)
...nbsp;二、SEO简介 全称：SearchEnglishOptimization，搜索引擎优化。自从有了搜索引擎，SEO便诞生了。 存在的意义：为了提升网页在搜索引擎自然搜索结果中 查看详情
seo之html优化：让你的网站html代码更符合seo规范
摘要HTML优化是网站内部优化的重点，可能对SEO新手来说，容易忽略。符合搜索引擎习惯的HTML代码是极利于SEO的，可以让你的网站获得更好的搜索引擎排名。如何制作一个标准的HTML网页，如何做HTML优化，本文将为你详细阐述。... 查看详情
抖音seo优化排名系统/seo系统源码部署/短视频分发制作系统(代码片段)
...多种模式可视化混剪逻辑，生成不同的视频进行分发优化。场景：当普通对象属性更改后，触发所绑定的onChange回调；思路：能更改属性的有set和deleteProperty这两个trap，在其中调用onChange方法即可代码：... 查看详情
html代码seo优化最佳布局实例讲解
搜索引擎对html代码是非常优化的，所以html的优化是做好推广的第一步。一个符合seo规则的代码大体如下界面所示。 1、<!–木庄网络博客–>这个东西是些页面注释的，可以在这里加我的“木庄网络博客”，但过多关键字... 查看详情
潍坊seo：学习seo要知道什么语言代码呢？
...代码呢？不懂代码就不能做seo？答案是否定的。懂与网站优化相关的代码，能更好的从事seo优化相关工作，能提升优化网站工作效率。学习SEO需要知道什么代码学习seo，代码方面的知识，分布于前端代码HTML+CSS，JavaScript，分布于... 查看详情
seo优化
SEO优化的10个正确做法搜索引擎优化（SEO）是一门新兴学科，有章可循，但又总感觉杂乱无章，每当想下手优化时又不知从何做起，别急，这里推荐10个搜索引擎优化方法将会带你进入SEO殿堂，请注意，本文讲述的方法是目前最... 查看详情
当你在百度搜索关键字的时候，哪个网站会排在最前面？今天给大家科普一下“网站seo”(代码片段)
...言什么是SEO呢？SEO是SearchEngineOptimization，意为“搜索引擎优化”，一般简称为搜索优化。对于SEO的主要工作就是通过了解各类搜索引擎如何抓取互联网页面，如何进行索引以及如何确定其对某一个特定关键词的搜索结果排名等技... 查看详情