适当的&完整的方式来声明网站图形 - 徽标微数据

时间:2014-01-20 16:53:00

标签: html5 image microdata graphical-logo

我寻找使用微数据

在HTML5中声明徽标图像的正确方法

在此地址中:https://support.google.com/webmasters/answer/146861?hl=en也可点击微数据(推荐)子链接,可以看出

<img alt="logo" src="http://www.example.com/logo.png" />

成了

<img itemprop="logo" src="http://www.example.com/logo.png" />

所以我的第一个问题是为什么他们省略alt标记。如果我编码如下,该怎么办?从技术上讲,它仍然是正确的,对吗?或alt代码与itemprop="logo"之间是否存在冲突?

<img itemprop="logo" alt:"Image with a sea blue background and tale character Little Black Fish jumps out of the water" src="http://www.example.com/logo.png" />

我的第二个问题是 我有一个复杂的,大尺寸的徽标和我的徽标图像,我想告诉搜索引擎我的徽标的故事。 (符号,它们的含义,符号的创建者等)

那么我需要哪种微数据标签用哪种语法来实现我的目标呢?谢谢

1 个答案:

答案 0 :(得分:2)

这是Google的一个非常糟糕的例子:

  1. alt内容“徽标”通常不适用于徽标(除非公司/等人名为“徽标”)。
  2. 具有微数据img属性的itemprop仍需要alt属性。
  3. altitemprop之间没有冲突。具有这两个属性的示例很好。


    要更详细地描述您的徽标,您需要找到合适的Microdata词汇表。如果您想使用schema.org词汇表,ImageObject类型可能是您目前可以获得的最佳类型。

    您还可以使用longdesc attributecurrently a 工作草案)“将描述链接到HTML5内容中的图片”。