写在前面:我们常常提到的“前端”是“HTML、CSS、JS”的总称。HTML是一种超文本标记措辞，其构造包括“head”部分(英文:Head)和“body”部分(英文:Body)。CSS是级联样式表，顾名思义，用来掌握网页标签的样式，决定网站的视觉效果。JS是笔墨脚本措辞。它的大略目的是掌握网页的行为，给HTML页面添加动态功能。小总结:html——构造层(掌握页面构造)；CSS样式层(控件页面样式)；JS——行为层(掌握页面行为)。具体例子:01.HTML:示例HTML。02.CSS:CSS的例子。03.JS:JS例子。正文内容:通过上面的大略先容，我想大家会以为:实在真正影响SEO比例的是HTML。接下来，我们从一些细节方面谈论HTML对SEO的影响：从性能上看:一个网页的性能紧张涉及其“加载速率”和“浏览流畅度”。紧张办理方案有:减少页面要求、CDN加速、精简代码、压缩传输、引用新框架等。；从构造上看，HTML5版本和之前版本最明显的差异便是引入了大量的语义标签，所谓的“语义标签”？顾名思义，你可以直接通过标签中利用的词语的含义，知道这个标签包的内容范围属于什么。HTML页眉标签大致可以理解，紧张用于声明网页的措辞、编码格式、对应模式和干系版权。接下来，举几个例子先容一些比较“盛行”的HTML语义标签:01.定义网站的标题信息，即标题，一样平常放置网站的网站名称、LOGO和导航栏。搜索引擎更有可能识别网站的类型。02.定义导航链接，即栏目或频道的链接。搜索引擎可以更好的理解网站的信息架构和分类。好的信息架构更有利于蜘蛛爬行和权重分配。03.定义底部信息，即页脚。放置页脚导航，比如公司先容，联系我们等等。一样平常来说，对付一个网站来说，这并不主要，搜索引擎可能会减少其位置的重量。04.这个元素用来表示网页中不同的分区。好处是每个部分都可以有自己的HTML标题。这可以帮助搜索引擎更好地理解网页的构造是如何划分的。搜索引擎可以根据。标签找到它的信息架构。(与左撇子相同)05.定义文章区域可以帮助搜索引擎识别网页内容，判断干系性。,06.在左侧栏或右侧栏中定义页面内容以外的内容。比如知乎右侧的“干系问题”就属于这个区域。阁下标签的文本信息优选地与商品标签区域的文本信息干系。可能会影响这个页面和目标页面的排名。还有一些小标签搜索引擎优化会识别:标签顾名思义是文章标签，标签顾名思义是页面发布韶光、定义音频、定义***等。末了，简要提及几个要点:一个页面须要设置。标签数量掌握在一个(最好把页面的主标题包起来，一定权重后可以把logo包起来强调品牌)，最好加上文章段落的副标题。。在编辑产品和信息详情页面时，“文章择要”和“标签”要重点编辑，由于会直接影响页面的SEO，以是编辑时最好填写准确。不要拖到往后。页面的文章内容部分最好用标签包装，以是不要担心兼容性。浏览器无法识别的标签会直接输出内容，不会影响页面显示。而且主流浏览器与HTML5的新语义标签有很好的兼容性。编辑文章时，可以适当增加干系关键词的站点链接，改进网站的内部链构造。向内容关键字添加玄色标签时请利用标签(强标签可用于强调特定的页面内容)。关键字中常常利用b标签，一个页面只能添加2-5次，详细取决于页面大小。记得在页面匹配图片时添加“Alt”属性，有利于搜索引擎对站内图片的检索，对提高网站曝光度有一定浸染，对页面的seo排名也有一定影响。参考干系文章时，如果涉及内容的复制粘贴，牢记不要复制标签，内容本身的一些无关的内外链接可以删除。给网站添加“面包屑”导航也有利于搜索引擎的抓取，更有利于页面的抓取和索引效率。末了简述一下对SEO优化有帮助的几点：网页链接伪静态(良好的链接构造，可以让搜索引擎清楚地理解网页的紧张内容)，制作网站舆图(sitemap.html/xml)提交到站长平台(直接影响网页收录)，根据网站后台系统，编辑相应的robots.***(勾引搜索引擎有效地抓取网站)，网站构造扁平化(目录和内容构造不超过3层，如果超过3层，最好通过子域调度简化构造层)。
