2012-04-13 11 views
6

Recentemente ho migrato il mio sito web da xhtml transitional a html5. In particolare in modo che potessi fare uso di tag di ancoraggio validi a livello di blocco. <a><div /></a>.Pulsante Google+ valido HTML5 - Editore di valore errato per attributo rel

Quando si esegue la convalida ho incontrato il seguente errore:

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

Ma secondo questa pagina, che è esattamente quello che dovrei fare.

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

Il mio codice:

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

io non riesco a capire come implementare questo in un modo compatibile con HTML5. Qualcuno può aiutare?

+0

si sarebbe meglio andare a StackOverflow, in quanto si tratta di una domanda di programmazione anziché di una domanda del webmaster. – Christopher

+0

@Christopher: in realtà ho scelto appositamente WM perché sembra che i webmaster siano familiari. Se ho torto, apprezzerei comunque una bandiera per il trasferimento. rep per farlo qui. – mrtsherman

+0

Non penso che ci sia alcuna soluzione ordinata per questo [l'editore è stato abbandonato] (http://microformats.org/wiki/existing-rel-values#dropped) e il codice google richiede ancora Ignorerò l'errore da (validatore. nu?) e tieni d'occhio i google doc per vedere se aggiornano il codice per utilizzare un valore 'rel' valido (o passa a qualcos'altro come' data-editore'). – steveax

risposta

3

prima) Entro <head>:

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

secondo) ovunque all'interno <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> 



Questo codice è valido e "l'amico di" con http://validator.w3.org/

È possibile modificare https://plus.google.com/u/1/+StackExchange/ per qualsiasi url google + che desiderate (https://plus.google.com/xxxxxxxxxxxxxxxx/)

Documentation

0

Beh, è ​​necessario aggiungere due link all'interno tag testa e tag body come segue:

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

Successivamente, utilizzare il formato google + nel corpo. Dovrebbe essere sotto tag body:

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

ecco lo screenshot. Oops! scusate, ho bisogno di 10 reputazione per caricare l'immagine in questa pagina ... LOL Dai due formati, saremo convalidati da Structured Data di Google Webmaster e validator.w3.org. Come lei sa che in microdati schema utilizza editore come uno dei itemprop, quindi, nel tag body o in tag HTML dovrebbe essere simile a questo:

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

*) il gioco è fatto quando il tuo tipo di sito è un blog.

(Amore il forum) tina-andrew-blog NB: ho trovato questo: https://productforums.google.com/d/msg/webmasters/lciIK8HdJXE/kcv8EipRzzcJ Ma, lo faccio con il codice di cui sopra, funziona bene :(