有关如何解决所有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/">
答案 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验证的更多信息: