1. Inicio
  2. Pregunta y respuesta
  3. HTML5 Botón válido de Google+ - Editor de valor incorrecto para el atributo rel

HTML5 Botón válido de Google+ - Editor de valor incorrecto para el atributo rel

2012-04-13 108 views
6

Recientemente migré mi sitio web de xhtml transitional a html5. Específicamente para poder hacer uso de etiquetas de anclaje de nivel de bloque válidas. <a><div /></a>.HTML5 Botón válido de Google+ - Editor de valor incorrecto para el atributo rel

Cuando se ejecuta la validación me encontré con el siguiente error:

Bad value publisher for attribute rel on element link: Keyword publisher is not registered.

Pero de acuerdo a esta página, eso es exactamente lo que debo hacer.

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

Mi código:

<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>

no puedo encontrar la manera de implementar esto de una manera compatible con HTML5. ¿Alguien puede ayudar?

Fuente

2012-04-13 mrtsherman

+0

Usted sería mejor ir a stackoverflow, ya que esta es una pregunta de programación en lugar de una pregunta para webmasters. – Christopher

+0

@Christopher - En realidad elegí WM a propósito, ya que parece que los webmasters estarían familiarizados con algo. Si me equivoco, apreciaría una bandera para transferir. Tengo muy poco representante para hacerlo aquí. – mrtsherman

+0

No creo que haya ninguna solución ordenada para esto. [El editor se ha eliminado] (http://microformats.org/wiki/existing-rel-values#dropped) y el código de google todavía requiere Yo. Ignoraría el error de (validador. nu?) y estar atento a los documentos de google para ver si actualizan el código para usar un valor 'rel 'válido (o cambiar a otra cosa como' data-publisher'). – steveax

Respuesta

3

primera) Dentro <head>:

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

segundo) en cualquier lugar dentro <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>



Este código es válido y "amigo de" con http://validator.w3.org/

Puede cambiar https://plus.google.com/u/1/+StackExchange/ para cualquier URL que Google + que desee (https://plus.google.com/xxxxxxxxxxxxxxxx/)

Documentation

Fuente

2012-11-08 04:25:23 Omar

0

Bueno, hay que añadir dos enlaces dentro de etiqueta de la cabeza y el cuerpo de la etiqueta de la siguiente manera:

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

Después de eso, use el formato google + en el cuerpo. Debe estar debajo de la etiqueta del cuerpo:

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

aquí está la captura de pantalla. ¡Uy! lo siento, necesito 10 reputación para cargar la imagen en esta página ... LOL De los dos formatos, seremos validados por Structured Data of Google Webmaster y validator.w3.org. Como usted sabe que en los microdatos esquema utiliza editorial como uno de los itemprop, por lo tanto, en el cuerpo de la etiqueta o etiqueta HTML debería ser así:

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

*) eso es todo cuando el tipo de sitio es un blog.

(amor este foro) tina-andrew-blog NB: me encontré con esto: https://productforums.google.com/d/msg/webmasters/lciIK8HdJXE/kcv8EipRzzcJ Pero, lo hago con el código anterior, funciona bien :(

Fuente

2014-03-12 15:34:15

Cuestiones relacionadas

 Cuestiones relacionadas