详细内容

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

image.png

许多人都在为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效果最大化。

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

压缩和格式代码。