首页 新闻资讯 建站经验

SEO测试– 搜索引擎首选有效的HTML和CSS吗?

网站可访问性与SEO有什么关系?

有效代码是Web开发人员的标志,他对Web可访问性,可用性和良好的设计充满热情-注重细节,并对其工作感到自豪。通常,使用许多设备可以更轻松地访问符合标准的站点。这个想法是要有干净,正确标记的代码。良好的内容代码比率。

从本质上说,这是一个合乎逻辑的结论:减少页面上的代码量,并且内容(您知道关键字的位置)具有更高的优先级。此外,必要的合规性将使您的网站易于爬网,并且还使您可以更好地控制搜索引擎赋予内容的哪些部分更大的权重。验证代码以实现SEO好处的思想是,一旦您拥有一个兼容的网站,不仅可以在更多浏览器上获得更好的用户体验,而且您的网站将拥有更少的代码,因此,在搜索引擎上排名更高。

听起来不错,但实际上很难证明,尤其是在竞争激烈的垂直领域。

可以肯定的是,W3C验证不是排名最高的“ SEO魔术子弹”。没有魔术子弹。有一种论据可以利用一切优势–不仅可以到达首页,而且可以巩固自己的地位,使其与那些想要从您那里(从别人那里获取)的人(对于我而言)一样,对我来说,建立一个网站在搜索引擎排名中,验证不是优先考虑的因素,因为比页面级别的代码质量更重要的因素在起作用。

如果搜索引擎可以阅读,它将对其进行排名。搜索引擎的建立是为了理解具有低质量代码的网站,并且多年来,它的功能已经大大提高。我从未见过一个无法访问的网站遇到重大排名问题,而这些问题可能不是由其他更重要的质量因素引起的。

虽然有好处,但搜索引擎并不在乎您的页面是否有效的HTML和有效的CSS。这很明显–查看搜索引擎排名前十的结果,您可能会发现其中大多数包含无效的HTML或CSS。我喜欢创建可访问的网站,但是当您在一个网站上有多个作者或开发人员时,要管理它们会有些麻烦。让标准在您自己的站点上滑动很容易。

如果您的网站设计得很糟糕,甚至包含很多无效代码,甚至搜索引擎和浏览器都无法读取它,那么您就遇到了问题。最近,我没有遇到过如此糟糕的情况的许多站点。

在可能的情况下,如果要调试一个新网站,则要求至少对网站的可访问性要求最低(必须满足三个优先级),并旨在获得有效的HTML和CSS。

有效的HTML和CSS是最佳实践网站优化的支柱,而不是严格的搜索引擎优化(SEO)。这是搜索引擎不会惩罚您的一种优化形式。

测试;搜索引擎是否喜欢有效的HTML?

早在2007年,我进行了(非常小规模!)测试,以查看我是否可以快速查看搜索引擎是否更喜欢Valid HTML和VALID CSS。(请注意,此后,我对网站进行了大幅度(仓促)修改,并删除了旧页面,包括这些测试页面,但那时人们可以对自己进行回顾了-早在2007年!)。

它包括:

流浪者网站上的4页

新的但重复的课程内容

所有HTML页面

所有页面名称的字母均乱码,以确保在搜索引擎中没有首选项。搜索引擎是否会按字母顺序,创建日期等来阅读页面?谁知道-也许我们也会发现这一点。

1个有效的HTML + CSS

1个有效的HTML +无效的CSS

1个无效的HTML +有效的CSS

1无效的HTML +无效的CSS

锚定文字相同的文字,以免影响搜索引擎(当然,使用相同文字短语链接到不同页面的可访问性当然不好)

据我们所知,我们已经尝试过复制包括页面标题和元描述等在内的页面。此测试还应测试的是,搜索引擎至少会在今天至少从此重复内容中收集至少一个页面,或者它会忽略吗?商场。

我们假设除了验证之外,一切都是平等的–包括重复的关键字描述,关键字和标题元素等。

在第一个测试中,我们将其放在文件夹中。这可能会使一切变得补充,但是我们可以等待和SEO;)

我实际上对结果感到惊讶。搜索引擎在这4个页面中以有效CSS和有效HTML排名该页面。搜索引擎搜寻了这些页面,对其进行了检查,并按预期方式应用了重复的内容过滤器,然后选择了一个进行排名。碰巧的是,搜索引擎似乎更喜欢W3C(万维网联盟)规定的带有有效代码的页面。

这是否表明搜索引擎在非常细微的层面上偏爱有效代码?

当时我是这么认为的,但是我对测试SEO有很多了解,最终,我无法确定搜索引擎是否只是选择了最新编辑的文档。它是最后一个经过编辑的文档,并且有效。

仅供参考–什么是CSS?

CSS或级联样式表是网站设计人员用来开发网站页面上的样式,外观和布局,文字和颜色的“语言”。

正确使用CSS可以将设计与内容分开,从而使网站更易于使用并最终得以维护。由于CSS仅下载一次并保存在浏览器缓存中,因此它也可以帮助缩短下载时间。

一种好的(最好的?)网站开发技术是使用HTML构建您的页面,并将此页面链接到所谓的外部CSS文件,该文件控制网站上所有样式的元素。然后,您可以像这样链接样式表:

CSS的意思是“层叠样式表”(是层叠样式表的缩写)

CSS样式可帮助定义如何在浏览器中显示HTML元素

CSS样式通常存储在站点的“外部” CSS样式表中

W3c将CSS样式添加到HTML 4.0中

外部样式表可以在更新网站时节省网站设计师的大量时间和精力–我们在使用它们

多个CSS样式定义旨在“级联”为一个

CSS的作用是什么?

HTML标签/元素最初旨在定义文档的内容。他们应该使用标签说“这是标题”或“这是不太重要的标题”或“这是一个段落”。

该文档的布局应该由浏览器来处理,而不使用任何格式标记。

NInternet Explorer继续向原始HTML规范中添加了新的HTML标记和属性。很快,创建HTML文档的内容与文档的显示布局明显分开的网站变得越来越困难。

为了解决此问题,除HTML 4.0之外,万维网联盟(W3C)–非营利,标准制定联盟,负责标准化HTML –创建了STYLES。

所有主要的浏览器都支持级联样式表,尽管有些浏览器对它们的处理方式略有不同,这对网站设计师来说是一个痛苦!

具有成本效益的网站开发

CSS定义了HTML元素的显示方式。CSS样式通常保存在外部.CSS文件中。外部样式表使您仅需编辑一个CSS文档即可更改Web中所有页面的外观和布局!

CSS使网站开发人员可以一次控制多个网页的样式和布局。作为Web开发人员,您可以为每个HTML元素定义样式,并将其应用于所需的任意网站页面。要在整个网站范围内进行更改,只需更改样式,网站中的所有元素都会自动更新。

多种样式将层叠为一种样式

样式表允许以多种方式指定样式信息。可以在单个HTML元素内,HTML页面的元素内或外部CSS文件中指定样式。单个HTML文档中甚至可以引用多个外部样式表。

CSS的级联顺序

CSS样式将按照以下规则“层叠”为样式,其中第四优先级最高:

浏览器默认

外观样式表

内部样式表(在<head>标记内)

内联样式(在HTML元素内)

因此,内联样式(在HTML元素内)具有最高优先级,这意味着它将覆盖<head>标记内部,外部样式表或浏览器中声明的样式(默认值)。

上一条:SEO页面优化的4个最佳实践 下一条:专业SEO公司遵循的6种执行策略
快速联系

You can contact us by email, phone number and address

请您拨打本凡一对一咨询电话:

0551-65651281
18326678023

您也可以咨询我们的在线客服

客服咨询 客服咨询 客服咨询