HTML 5元素,非JS后备

时间:2013-06-14 17:02:04

标签: html seo fallback

让我从我的网络开发情况中的“限制”开始 1.)网站必须在IE7中工作 2.)网站必须适用于非js浏览器。

我的情况非常沉重。谷歌排名是这种情况下的一切 HTML 5添加了文章,页眉,页脚等标签,我的理解是这些标签可以改善SEO 话虽这么说,我的两个限制使这些标签的实施更加困难,如果不是不可能的话。我知道垫片选项,但对于不使用JS的用户,这些选项是不可能的,因为它们不是真正的解决方案。

一个想法突然出现在我的脑海中,我想要一些关于它是否有可能的反馈。请参阅以下代码:

HTML:

<header><div class="header">Header content</div></header>

CSS:

header, .header { identical properties }

这是一个可能的解决方案吗? 如果是这样,将标题标记放在第一位,或者首先将div标记放在标记中是否明智?我最初的想法是HTML 5元素,以确保搜索引擎扫描它。

2 个答案:

答案 0 :(得分:0)

没有像articleheaderfooter等标记的SEO效应的证据。有很多关于它们的猜测。

使用你所描述的冗余标记是无害的,但与简单的div元素相比,它不会产生任何实际的好处(而后者只需要样式或脚本,如果有的话)。嵌套的顺序无关紧要,但由于新元素基本上用于文档目的,因此将它们用作外部元素并将div作为内部元素更自然。

答案 1 :(得分:0)

如果你真的想要包含标头标签,那么这看起来是一个很好的解决方案。

我可以添加的唯一建议是确保标头标记和.header类的“相同属性”不包含填充或边距等属性,因为这些属性可以应用于标头和.header中的支持HTML5的浏览器(有效地将填充或边距加倍)。

此外,META标签可用于搜索引擎优化,所以不要忘记这些!