Question

我最近将我的网站从xhtml过渡迁移到了html5。具体来说，我可以使用有效的块级锚标签。 <a><div /></a>。

运行验证时遇到以下错误：

关于元素链接的属性rel的错误值发布者：关键字出版商未注册。

但是根据这个页面，这正是我应该做的。

https://developers.google.com/+/plugins/badge/#connect

我的代码：

<link href="https://plus.google.com/xxxxxxxxxxxxxxxx" rel="publisher" />

<a href="https://plus.google.com/xxxxxxxxxxxxxxx?prsrc=3" style="text-decoration:none;">
  <img src="https://ssl.gstatic.com/images/icons/gplus-16.png" alt="" style="border:0;width:16px;height:16px;"/>
</a>

我无法弄清楚如何以符合html5的方式实现这一点。有人可以帮忙吗？

Answer 1

第一）<head>内：

<!DOCTYPE html>
<head>
    <!--head code-->
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
</head>

第二次）<body>内的任何地方：

<body>
    <!--body code-->
    <div class="g-plusone" data-size="small" data-annotation="none" data-href="https://plus.google.com/u/1/+StackExchange/"></div>
</body>

此代码有效且“{FRIEND'S”与http://validator.w3.org/

您可以为所需的任何Google +网址更改https://plus.google.com/u/1/+StackExchange/（https://plus.google.com/xxxxxxxxxxxxxxxx/）

Documentation

Answer 2

Google发送帮助：http://support.google.com/webmasters/bin/answer.py?hl=en&answer=2539557&topic=2371375&ctx=topic。

您需要在?rel=author的href值中添加<a>并删除该不符合<link>标记：

<a href="https://plus.google.com/12345?rel=author">
  <img src="https://ssl.gstatic.com/images/icons/gplus-16.png"/>
</a>

Answer 3

好吧，你必须在head标签和body标签内添加两个链接，如下所示：

<head>
  <link href='https://plus.google.com/xxxxxxxxxxxxxxxxx' itemprop='publisher'/>
</head>

之后，请在正文中使用google +格式。它应该低于身体标签：

<body>
<a href="https://plus.google.com/xxxxxxxxxxxxxxxxx" rel="publisher" />
.....
.....
.....
</body>

这是截图。哎呀！对不起，我需要10个声望才能在此页面中加载图片...大声笑从这两种格式中，我们将通过Google网站管理员和validator.w3.org的结构化数据进行验证。如您所知，在微数据模式中使用publisher作为itemprop之一，因此，在body标签或html标签中应该是这样的：

<body itemscope="" itemtype="http://schema.org/Blog">

*）当你的网站类型是BLOG时就是这样。

（喜欢这个论坛）tina-andrew-blog NB：我发现了这个：https://productforums.google.com/d/msg/webmasters/lciIK8HdJXE/kcv8EipRzzcJ 但是，我使用上面的代码，它运作良好：（

HTML5有效的Google+按钮 - 属性rel的错误值发布商

3 个答案: