js 抓取网页内容(网站SEO优化常用的7大html标签和大家聊聊！)

　　js 抓取网页内容(网站SEO优化常用的7大html标签和大家聊聊！)

　　最近有很多朋友问我关于 html 标签在 SEO 中的使用。基于这些问题，我总结了网站7个常用的SEO优化html标签，和大家聊聊。

　　网站上线前，需要对网站的代码和标签做必要的处理，以提高优化后的网站的打开速度，夸大关键词@ > 谁想要达到排名。一个很好的 网站 在代码方面编码良好。

　　作为网站搜索引擎优化优化人员，了解网站的代码是很有必要的，这是网站优化的必要因素之一，网站推广必须想要获得好的性能，源码非常重要，关键的搜索引擎蜘蛛对简洁的网站代码情有独钟，这就需要我们对网站的代码进行简化和优化。网页的简化意味着网站代码优化，去除网站冗余代码以减小网站的大小，提高网站的加载速度和用户体验。

　　网站代码优化是站长必须掌握的一项基本技能。这与搜索引擎蜘蛛是否会对您的网站 感兴趣有关。冗长无用的代码会让蜘蛛难以理解，增加蜘蛛的抓地力。取网站的难易程度，同时网页的精简也与网站的加载速度有关，这对用户体验非常重要。

　　1、HEAD 部分代码规范化。

　　代码的HEAD部分是搜索引擎普福网站的入口部分。现在很多网站头代码都大同小异，死板的效果很明显。这样的网站代码就像一个模板框架一样不被蜘蛛喜欢，我们要做的就是规范网站的代码，建立一个唯一的网站头部，并使搜索引擎新鲜，从而吸引蜘蛛。普福。

　　2、使用DIV+CSS分隔网页结构。

　　虽然现在div+css已经很成熟了，但是很多网页规划师还是可以使用老式的表格结构或者考虑到网页的兼容性和结构的一般简单性。虽然表结构很方便，但它的缺点也是未知数。是的，就是会大大增加网页的大小，尤其是多层表格的嵌套。这种结构不仅会增加体积，同时如果嵌套的数量过多，会影响搜索引擎的威力，影响网站的性能。收录。

　　另外，有的网站会使用外部文件，把css和js放在外部文件中，只需要在页面html中放不同的代码调用即可。对很多css代码和javasript代码来说，javascript被放在了网站页面的html文件的最后，而一些真正可以使用的文本部分被推到了html的后面。杭州搜索引擎优化认为这部分代码需要精简。

　　3、CSS 代码本身的优化。

　　CSS 是页面效果渲染中非常重要的一个组件，包括颜色、大小、背景和字体。编写 CSS 很容易，但编写可靠的 CSS 代码需要很多技巧。

　　(1）, CSS 位置

　　CSS说明如果在网站之后显示，需要重新渲染页面，会影响打开速度。所有 CSS 定义代码的位置都应该放在 网站 的过去。

　　(2）, css精灵技能

　　网站上的部分图片可以通过css sprite技能进行合并，减少加载请求，提高网页加载速度。

　　(3）, CSS 代码优化

　　通过CSS代码属性的缩写、冗余结构（frameworks）的去除、reset（resets）等一系列方法和技术，对CSS代码进行了简化，减小了CSS文件的大小。

　　(4），尽管甚至不使用内联 CSS

　　内联 CSS 有两种，一种是头部区域内的普通内联；另一种是在标签中显示的内联内联CSS，无论使用哪种内联CSS方法，都会增加页面的大小。，我们可以甚至使用外部 CSS 来缩小网站的页面大小。

　　4、JS 位置、大小和其他负面优化。

　　JS优化和其他词的优化还是有相同的地方的。JS优化的关键是关注最关键的地方，也就是瓶颈。一般来说，瓶颈总是发生在*敏*感*词*循环中。地方，这并不是说循环本身有性能成就，而是说循环迅速降低了可以或存在的性能成就。

　　(1）, JS 位置

　　优化网页代码中的js时，杭州SEO建议将js放在页面末尾，既可以加快页面打开速度。

　　(2）, 合并 JS

　　合并同域名下的js，通过进程减少网络连接数，提高网页打开速度。

　　(3），LazyLoad(延迟加载)技能

　　Lazy Load 是一个用 JavaScript 编写的 jQuery 插件，它可以延迟加载长页面中的图像，在用户将页面转换到他们的位置之前，不会加载浏览器可见区域之外的图像。

　　(4），调用外部JS代码

　　我们知道，未来的搜索引擎仍然无法或识别 JS 代码。如果在网站中显示大量的JS代码，在收录上就很难网站了，我们要做的就是把Javascript代码的形式放到网站 中的外部调用，既可以简化搜索引擎的工作，又不会无形中衍生出有用的代码涉及到网站。

　　不仅如此，杭州SEO认为可以使用外部调用的css代码。在网站的开头，可以在css代码文件中定义网站的文字和颜色，即使页面代码中没有。里面渲染了太多的格式化代码。

　　(5），减少页面对JS的依赖

　　现在，JS实际上对搜索引擎不友好。虽然据说搜索引擎对 JS 没有任何仇恨，但最好还是少一件事。虽然 JS 可以或者可以产生很多效果，但是网页有很多。JS会影响蜘蛛对页面的抓取，增加页面的体积，尤其是导航栏等页面的关键位置，即使采用DIV+CSS的规划方式也是如此。

　　5、减少TABLE标签的使用。

　　表格标签是大多数在线 网站s 中最稀有的代码形式。原因是创建网站的时候表比较快，但这也影响了后期对网站的优化。

　　与div+css结构的简化代码网站相比，占用空间比较大。因此，在建网站的时候，即使少用表，即使要使用表，嵌套表也应该使用。即使它被谨慎使用，它也节省了冗长代码的生成。

　　那么，当前的 网站 做了什么？很多程序员的第一个想法就是用CSS来做布局，用CSS来排版。这种做法大大减少了页面中的表格，但是在杭州SEO眼里，网站不能没有表格，有些东西是必须要使用的，表格本身没什么用，但是有很多网站都是使用嵌套表的，普通这样的表格式会为网站生成很多残码，而这些残码就是没用的代码，而这种类型的代码也是我们网站需要精简的代码之一。

　　6、大量使用代码注释省略。

　　许多程序员习惯于在编写代码时在别人看不懂的地方给出注释。这些代码通常用于几个程序员之间的协作工作，对局外人和搜索引擎没有用处。给搜索引擎蜘蛛带来一些麻烦。

　　在打开页面代码的时候，我们经常会看到一些注释代码，它们是程序员为了表明代码含义所做的注释。其实这些是打不开的，因为对于搜索引擎来说，它们没有任何意义，反而会增加页数。代码的容量，所以对网站没有好处，直接省略比较好。

　　7、消除页面中的冗余代码就是简化代码。

　　有的网站认为创作者的代码抄写习惯成功了，页面上会出现很多空白代码，比如：空白代码，重复定义样式和字体的代码，不要小看这些小代码，积累了很多，也会让我们的网站很臃肿。

　　很多网站使用DIV+CSS，在CSS中定义了文本的字体、颜色和页面布局，但是网站的其余部分也使用style和font来重新定义Font字体，这些代码完整，无需重复定义，属于可以简化的代码。

　　8、将html控件方法转换为CSS控件。

　　许多网页设计师习惯于控制标签内的内容。例如，在img标签中，宽度和高度用于控制图像的大小。即使将这些代码转换为外部 CSS，网页代码也会变得更薄。

　　9、缓存静态开销。

　　通过设置浏览器缓存的过程，在浏览器端缓存css、js等更新频率较低的文件，这样当同一个访问者再次访问你的网站时，浏览器可以要么或者从浏览器的缓存中这样你就可以从你的服务器获取css、js等，而不必每次都从你的服务器读取，在一定程度上加快了网站的打开速度，可以节省你的服务器流量。

　　10、网页压缩技巧。

　　对于网页压缩，相信各位站长都不陌生。如果启用服务器Gzip，对页面进行Gzip压缩，减小元素的大小，从而减少数据的传输，从而提高网页的加载速度。这个功能需要你的服务器的支持，GZIP压缩通常可以对网页实现30%-80%的压缩，这是最重要的优化效果。

　　总之，通过流程代码优化来发挥网站优化作用的方法还有很多，这里只是随便提一下，少见的，希望大家多多讨论。

　　11、权重标签的使用。

　　典型的权重标签有H1、strong、b标签等。对于想要参与排名的人来说很重要关键词@>使用权重标签，好处是将标志传递给搜索引擎：关键词@ >这个地方非常重要和必要的区别对待，从而提高了已建立的关键词@>在搜索引擎中的排名。

　　网站常见的SEO标签如下：

　　关键词1@>网站SEO优化中常用的TDK标签

　　TDK 是每个 seoer 都熟悉的 html 标签。TDK分别代表Title、Keywords和Description三个最常见的优化标签。标题页标题、关键词页关键词@>、描述页描述。（严格来说，除了title，其他两个都是mate标签的属性。）这三个标签因为太熟悉了，这里就简单提一下。

　　关键词2@>网站SEO 优化标题标签

　　标题标签也称为 H 标签。它强调页面的主要部分，一般用于标题、副标题和列名。从 h1 到 h6 有 6 对标题标签，强调程度递减。三个标题标签 h1、h2、h3 经常使用，因为 h4、h5、 h6 的强调小到可以忽略不计，基本上就是未用于 网站 优化 SEO。

　　h1标签是对页面最重要部分的强调，一般用在页面标题中。需要注意的是，同一页面上只能出现一对 h1 标签。如果页面上出现多个H1标签，会对seo产生不利影响。

　　h2、h3等标题标签可以在同一页面上多次使用，一般用在列名、文章段落标题或副标题中。

　　标题标签虽然对网站的优化有积极的影响，但如果乱用也会带来不良后果。不要在整个内容中使用标题标签。

　　关键词8@>网站优化常用标签的nofllow属性进行SEO优化

　　是的！你没看错，noflow 属性。许多seoers 喜欢说nofllow 标签。其实nofllow并不是一个标签，它只是html标签的一个属性。一般认为使用nofllow属性的链接不会被搜索引擎追踪（这个观点是有争议的），也不会将权限传递给被链接的页面。最常见的方式是使用nofllow属性避免页面权重的不必要损失，达到权重集中的目的。使用锚文本如下

　　很多seoer只知道上面的常用方法。实际上，nofllow 属性也可以作用于整个页面中的链接。由于这种用法很少见，本文不再展开。会在单独的文章中用到 文章 说一下nofllow属性的用法。

　　关键词9@>网站优化常用标签的Canonical属性

　　Canonical 属性与nofllow 属于同一类别，也被许多人称为Canonical 标签。但是对于一些搜索引擎来说，它比nofllow 属性更奇怪。Canonical在英文中有权威的意思，用于SEO中，用于解决相同内容在不同URL形式下造成的内容重复问题。最常见的写法如下

　　网页中的Canonical标签可以告诉搜索引擎，在几个内容相同、URL不同的页面中，哪个页面最规范，最有望被搜索引擎收录搜索到，它可以避免< @网站 相同内容的网页。通过不同URL带来的权重分配问题，达到了页面权重集中的目的。

　　在当前的移动互联网时代，百度赋予了Canonical属性一个新的角色，就是利用Canonical属性进行移动适配。（关于移动端适配，小李会在后续文章中详细分析。）

　　5.网站SEO优化常用标签的mate标签

　　mate标签是所有优化标签中最重要的标签，不是其中之一。众所周知的 TDK 标签是 mate 标签的属性。因为mate标签的功能非常强大，所以扮演的角色太多了。限于篇幅，本文仅简单介绍mate标签在优化中的三个作用。

　　功能一：承载关键词和描述属性的内容，是页面优化不可缺少的元素。

　　功能二：进行PC站和移动站的适配标注，mate label肩负着移动适配的重任。

　　功能三：301跳转到单个网页，可用于页面集中和网站修改。

　　6.网站优化常用标签的title属性

　　title属性可以应用于很多html标签，从网站seo优化的角度来看，常见的re-a标签、img标签、embed标签和video标签。小李认为，title属性的主要作用是提升用户体验。鼠标移动时html元素上显示的文本信息就是title属性的内容。当嵌入标签、视频标签和链接文本无法完全显示时，建议使用title属性改善用户体验

　　7.网站常用标签alt属性的SEO优化

　　在网站优化中，alt属性主要用在img标签中。在img表中加入alt属性，就是通过alt属性来描述图片，告诉搜索引擎图片的含义；二是提升用户体验。当img缺少title属性时，鼠标在图片上移动时显示的文字信息就是alt属性的内容；而当图片由于某种原因无法正常显示时，会显示alt属性中的文字而不是图片。

　　聚推传媒小李总结：

　　以上7个标签在小李看来是最常用的标签。在网站seo优化过程中，会用到很多HTML标签和属性，但小李认为掌握以上7个标签属性的使用对于一般的网站优化就足够了。