Magento W3C和ADDTHIS以及OGP标签(生成错误)

时间:2012-04-29 14:24:34

标签: magento w3c-validation

有关如何解决所有ADDTHIS和OGP标记错误的任何建议:

http://validator.w3.org/check?uri=http://shirtsofholland.com

我们可以做什么/改变以使页面松散这些错误? DOCTYPE?

我将标题更改为(基于以下信息和其他链接):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
"http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
xml:lang="<?php echo $this->getLang() ?>" 
xmlns:addthis="http://www.addthis.com/help/api-spec"
xmlns:og="http://opengraphprotocol.org/schema/">

1 个答案:

答案 0 :(得分:3)

这应该可以通过将DTD模式添加到xhtml中的html标记来修复。

<html 
xmlns="http://www.w3.org/1999/xhtml"
xmlns:addthis="http://www.addthis.com/help/api-spec"
xmlns:og="http://opengraphprotocol.org/schema/">

在Magento中更改此设置的模板位于[magento]/app/design/frontend/default/[your theme]/templates/page[s]/之中。它们通常在1列,2列和3列布局的基本html中定义。

我想要注意的是,Magento在标准方面稍微落后一点,验证内容对于SEO原因来说并不是最重要的事情,并且尝试将Magento模板打造成形状是繁琐的并且需要做很多工作。尝试修复修复程序,但绝对不是一切。

此特定布局出现的其他问题:

您正在使用data-*属性,这些属性仅在html 5中有效,因此如果您想使用它们,则应使用html5 doctype <!doctype html>

您正在使用xhtml中不允许的属性,例如iframe上的frameborder和表格上的height / width属性。

网址中哈希(#)后面的值需要进行urlencoded / escapeped,因此&符号将为%26。否则,他们将在验证器中抛出错误。

TinyMCE问题:

您遇到的其他错误与我上面概述的要点或tinyMCE的工作原理(Magento后端的文本编辑器)有关。

TinyMCE尝试将一个段落元素包装在几乎所有内容中,这主要是因为如果浏览器没有任何上下文,则contenteditable属性在某些浏览器中不起作用。

tinymce的问题是根深蒂固的问题,只能通过覆盖Magento中的默认tinymce配置并使用以下教程中的步骤进行自己的实现来解决:

http://www.gethifi.com/blog/how-to-produce-xhtml-10-strict-markup-with-tinymce

有关Addthis验证的更多信息:

http://support.addthis.com/customer/portal/articles/381263-addthis-client-api-#valid-xhtml

有关opengraph验证的更多信息:

Facebook open graph meta tags & valid html