网站seo优化和前端html直接的关系，两只是否产生影响？

许多人都在为HTML前端代码和SEO之间的关系而烦恼，两只之间确实会有联系，html代码会直接或间接影响到搜索引擎上面的排名。据百度官方介绍，关联度是排名的重要维度，前端布局或页面模式均是判断一个网站优劣的比较重要的部分。

前端的页面模型与搜索引擎优化密切相关。

在SEO教学过程中，我经常向参加SEO培训的学生灌输页面模型的概念。一个高质量的页面模型对搜索引擎有很多友好的元素，比如关键词出现的位置、关键词出现的频率、当前页面内链的构建机制等等。一般来说，就是通过不同的板块来阐述当前页面的核心点，维度不同，主题一致，丰富性好，是SEO的核心。

标题:只强调重点。重要关键词不应超过2次，而且要靠前，每页标题要不一样；

如果代码是语义的，搜索引擎很容易理解网页要表达的意思。比如文字模块要有大标题，合理使用h1-h6，列表代码要用ul或者ol，重要文字要用strong等等。总之要充分利用各种HTML标签来完成自己的工作。

重要关键字放在HTML代码上。

SEO抓取HTML取HTML内容。有了这个特点，主代码可以优先阅读，广告等不重要的代码可以放在下面。比如左右栏的代码不变，只需要改变风格，使用float:left；和float:right；可以随意在显示的位置交换两栏，这样可以保证重要代码在前面，让爬虫先抓取。也适用于多栏。

前端权重标签可以影响SEO结果。

搜索引擎看网页不像普通人。一般来说，权重标签，如H1标签、strong标签等。，起着强调的作用；图片标签alt起着解释的作用。这些前端标签影响搜索引擎优化结果，但不是绝对的。

搜索引擎优化禁止使用js输出重要内容。

保持文本效果。

若要兼顾用户体验和SEO效果，在需要使用图片的地方，如个性字体的标题，我们可以使用风格控制，使文字不会出现在浏览器中，但是在网页代码中有这个标题。

举例来说，这里的电视剧分类，为了完美还原设计图纸，前端工程师可以将文字制作成背景图纸，然后将html中的文字缩进设置为足够大的负数，偏离浏览器，也可以使用设置行高的方法来隐藏文字。

前端使用CSS截取字符，使SEO效果最大化。

若文字长度过长，可采用样式截取，设定高度，隐藏超出部分即可。其优点是使文字完全呈现给搜索引擎，同时在表现上也保证了美观。

压缩和格式代码。