1

关于如何修复所有 ADDTHIS 和 OGP 标签错误的任何建议:

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

我们可以做什么/改变以使页面消除这些错误?文档类型?

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

<!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/">
4

1 回答 1

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]/我的脑海中。它们通常在基本 html 中定义为 1 列、2 列和 3 列布局。

我想指出,Magento 在这里的标准有点落后,出于 SEO 的原因,验证内容并不是最重要的事情,并且试图将 Magento 模板打造成单调乏味并且需要做很多工作。尝试修复可修复的问题,但绝对不是所有问题。

此特定布局的其他问题:

您正在使用data-*仅在 html 5 中有效的属性,因此<!doctype html>如果您想使用它们,您应该使用 html5 文档类型。

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

url 中哈希 (#) 后面的值需要进行 urlencoded/escaped,因此将使用 & 符号%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 开放图元标签和有效 html

于 2012-04-29T14:36:55.287 回答