HTML5页面结构如何影响W3C验证和SEO
如果我们将页面声明为HTML5,是否必须遵循HTML5页面结构。 下面的两个示例显示了理想的HTML5页面和不遵循HTML5结构的页面 但是,当我使用w3c验证程序验证这两个页面时,这些页面成功地被检查为HTML5,没有错误 例:HTML5页面结构如何影响W3C验证和SEO,html,seo,w3c-validation,google-crawlers,Html,Seo,W3c Validation,Google Crawlers,如果我们将页面声明为HTML5,是否必须遵循HTML5页面结构。 下面的两个示例显示了理想的HTML5页面和不遵循HTML5结构的页面 但是,当我使用w3c验证程序验证这两个页面时,这些页面成功地被检查为HTML5,没有错误 例: 文件标题 你的菜单 文件的内容。。。。。。 版权所有2009您的姓名 我的页面: <!DOCTYPE html> <html> <head> <title>Title of the document</ti
文件标题
- 你的菜单
文件的内容。。。。。。
版权所有2009您的姓名
我的页面:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<div id="header">
<div id="navigation">
<ul>
<li>Your menu</li>
</ul>
</div>
</div>
The content of the document......
<div id="footer">
<p>Copyright 2009 Your name</p>
</div>
</body>
</html>
文件标题
- 你的菜单
文件的内容。。。。。。
版权所有2009您的姓名
,
等元素不是必需的!HTML5文档是有效的HTML5文档,即使它们“丢失”-webkit外观
,那么您必须接受这样一个事实:这些属性无法验证HTML5并不完全是超文本标记语言的新规范,它是一套工具和技术(包括JavaScript和CSS)。仅仅因为有了新标签,并不意味着必须使用它们。从SEO的角度来看,可能建议使用它们,因为它们使页面结构更易于搜索angines,并使他们更容易确定相关内容。导航(
)、页脚(
)或侧栏(
)可能与内容的其余部分不太相关。w3c验证器不是全部的。我有大约500个非html5的html页面,它们都没有使用html5标记(导航、页眉、文章、页脚…),这意味着它们不遵循html5页面结构。很难将所有页面转换为HTML5页面结构。为了减少w3c中的验证错误,我必须将。所以我的疑问是:这对搜索引擎优化有帮助吗?还是我需要让所有页面都遵循HTML5页面结构。@Vinay说到搜索引擎优化,一个(大部分)有效的标记可能只是其中的一小部分。只要你知道自己在做什么,我就不会太在意验证器说什么。即使是google.com也无法正确验证。语义才是真正重要的。你越能从语义上描述你的内容,谷歌就越容易判断哪些内容相关,哪些内容不相关。例如:
-谷歌不在乎id,它仍然只是另一个分区。但是
说:嘿,我不仅仅是另一个结构元素,我是页面/文章的标题。@Quasdunk我同意你说的大部分-OP的页面有300个错误或76个错误,根据文档的DOCTYPE,可以证明验证器不是绝对可信的。但我说这有帮助!首先,没有错误的文档在不同浏览器中显示相同内容的可能性更大。我很确定错误,比如链接元素在错误的位置会影响你的搜索引擎优化结果。我有大约500个非html5的html页面,它们都没有使用html5标记(导航、页眉、文章、页脚…),这意味着它们不遵循html5页面结构。很难将所有页面转换为HTML5页面结构。为了减少w3c中的验证错误,我必须将。所以我的疑问是:这对搜索引擎优化有帮助吗?还是我需要让所有页面都遵循HTML5页面结构。如果你的500个页面都是有效的HTML4,就让它们保持原样;HTML4不会消失,或者什么的。但是,如果您的页面不是有效的HTML,谁会在乎它们的DOCTYPE是什么呢。不管怎样,你能举一个例子说明HTML4的验证错误,但是HTML5没有问题吗?你可以在这里输入源代码:嗯。那个文档有很多结构错误,比如主体中的
元素等等。很明显,它们以与HTML4检查器不同的方式混淆HTML5检查器,从而导致更少的错误。除了
中偶尔出现的
之外,我自己并不认为HTML4标准的错误比HTML5标准的错误多。但是当我对照HTML5检查时,错误减少到76个,而HTML4中的错误大约为300个。
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<div id="header">
<div id="navigation">
<ul>
<li>Your menu</li>
</ul>
</div>
</div>
The content of the document......
<div id="footer">
<p>Copyright 2009 Your name</p>
</div>
</body>
</html>