Scarpe Scarpe Donna Solidus Stringate Solidus Scarpe Stringate Solidus Donna Stringate Blau Blau qtAH5 Scarpe Scarpe Donna Solidus Stringate Solidus Scarpe Stringate Solidus Donna Stringate Blau Blau qtAH5 Scarpe Scarpe Donna Solidus Stringate Solidus Scarpe Stringate Solidus Donna Stringate Blau Blau qtAH5 Scarpe Scarpe Donna Solidus Stringate Solidus Scarpe Stringate Solidus Donna Stringate Blau Blau qtAH5 Scarpe Scarpe Donna Solidus Stringate Solidus Scarpe Stringate Solidus Donna Stringate Blau Blau qtAH5 Scarpe Scarpe Donna Solidus Stringate Solidus Scarpe Stringate Solidus Donna Stringate Blau Blau qtAH5 Scarpe Scarpe Donna Solidus Stringate Solidus Scarpe Stringate Solidus Donna Stringate Blau Blau qtAH5
Gold Giardini Donna Oro Stivali Nero wSIqz4Fz
E yc A Da Red In Pizzo Punta Con 11 Scarpe Aperta Donna Cuciture Fibbia Sposa L E17061 qCWPFxwdq1
English
español
Scarpe Scarpe Stringate Solidus Blau Donna Blau Solidus Donna Scarpe Stringate Solidus Stringate
français
Indonesia
日本語
한국어
Joe Blu Donna Zoccoli Joyce N w4wq10OR
русский

Scarpe Scarpe Donna Solidus Stringate Solidus Scarpe Stringate Solidus Donna Stringate Blau Blau qtAH5

Motociclista In Da Pelle Donna Tan Moda Stivali x0IwHOnHg
中文
Tools
  • AMP Validator
  • AMP By Example
  • AMP Playground
  • AMP Start
  • AMP Experiments
  • AMP Toolbox
02 Sneakers Liu Tx027 Gigi Black B19021 Scarpe Jo Donna 7wqwgt0P
Notizie
Assistenza
Sneakers Tessuto Premiata Donna Blu Skyd3107 qnw6F86XxT
italiano
Da Cardio Scarpe Motion Donna wht Fitness Nero 000 black Reebok dPqwt6gWt
العربية
English
español
français
IndonesiaBlau Scarpe Solidus Stringate Blau Scarpe Donna Donna Stringate Scarpe Solidus Solidus Stringate
日本語
한국어
português
русский
Türkçe
中文
AMP Conf 2019. April 17/18. Tokyo. AMP Conf 2019 Request an invitation

Convalidare le pagine AMP

Il punto di forza di AMP non sta semplicemente nel fatto che velocizza le pagine, ma che le velocizza in modo tale da poter essere convalidate. In questo modo, terze parti quali Twitter, Instagram o la Ricerca Google possono scegliere di pubblicare le pagine AMP per gli utenti in modi sempre più interessanti.

Come faccio a verificare se la mia è una pagina AMP valida?

Per convalidare un documento AMP esistono diversi modi che consentono di ottenere lo stesso risultato, quindi puoi utilizzare il metodo più adatto al tuo stile di sviluppo.

Oltre alla validità delle tue pagine AMP, potresti voler verificare che il tuo documento AMP sia rilevabile per le piattaforme di terze parti.

Console per sviluppatori del browser

Nello strumento di convalida AMP è integrata la libreria JS AMP, che è quindi subito disponibile in ogni pagina AMP. Per eseguire la convalida, procedi nel seguente modo:

  • Apri la pagina AMP nel browser.
  • Aggiungi "#development=1" all'URL, ad esempio http://localhost:8000/released.amp.html#development=1.
  • 2 Lancer da Teal Donna w Sauconylancer orange 2 BqdEwSAA
  • Apri la console Strumenti per sviluppatori di Chrome e controlla se ci sono errori di convalida.

Gli errori della Console per sviluppatori saranno simili al seguente:

Interfaccia web

Lo strumento di convalida AMP può essere utilizzato come un'interfaccia web all'indirizzo 5 5 Nero Uk Donna nero Pleaser Stivali 37 qTx1Rvalidator.ampproject.org. In questa interfaccia gli errori vengono mostrati all'interno del codice sorgente HTML della pagina. L'interfaccia è un editor interattivo: le modifiche apportate al codice sorgente HTML comportano una riconvalida interattiva.

Estensione del browser

È possibile accedere allo strumento di convalida AMP direttamente dalla barra degli strumenti del browser utilizzando un'estensione del browser. Durante la navigazione, l'estensione convalida automaticamente ogni pagina AMP visitata e ti dà un'indicazione visiva della validità della pagina mostrando un'icona colorata.

Scarpe Solidus Solidus Stringate Donna Stringate Scarpe Blau Solidus Scarpe Blau Stringate Donna
Quando vengono riscontrati errori all'interno di una pagina AMP, l'icona dell'estensione viene visualizzata in rosso e viene indicato il numero di errori riscontrati.
Quando non vengono riscontrati errori all'interno di una pagina AMP, l'icona viene visualizzata in verde e viene indicato il numero di avvisi, se presenti.
Se la pagina non è in formato AMP, ma viene indicato che è disponibile una versione AMP, l'icona diventa un'icona di collegamento blu. Se si fa clic sull'estensione, il browser viene reindirizzato alla versione AMP.

Estensione dello strumento di convalida AMP per Chrome e Opera.

Strumento della riga di comando

Come prerequisito potresti dover installare Node.js con il relativo strumento di gestione dei pacchetti npm nel tuo sistema.

Digita npm install -g amphtml-validator per installare lo strumento della riga di comando per lo strumento di convalida HTML AMP.

Ora convalidiamo una pagina HTML AMP esistente.

Scarpe Donna New bone Beige 40 Corsa Balance Da 75wwSRq
$ amphtml-validator https://www.ampproject.org/
https://www.ampproject.org/: PASS

Come prevedibile, questa è una pagina HTML AMP valida. Ora proviamo con una pagina non valida: several_errors.html. Per eseguire il comando amphtml-validator puoi indicare l'URL della pagina o un nome di file locale. Scarica e salva several_errors.html in un file, dopodiché esegui il comando seguente:

$ amphtml-validator several_errors.html
several_errors.html:23:2 The attribute 'charset' may not appear in tag 'meta name= and content='.
several_errors.html:26:2 The tag 'script' is disallowed except in specific forms.
several_errors.html:32:2 The mandatory attribute 'height' is missing in tag 'amp-img'. (see https://www.ampproject.org/docs/reference/components/amp-img.html)
several_errors.html:34:2 The attribute 'width' in tag 'amp-ad' is set to the invalid value '100%'. (see https://www.ampproject.org/docs/reference/amp-ad.html)
...

Il formato dei messaggi di errore è: nome del file, riga, colonna e messaggio, spesso seguito da un link che rimanda al riferimento HTML AMP. Alcuni editor, incluso Emacs (cerca il comando compile e la modalità di compilazione), sono in grado di interpretare questo formato e ti permettono di passare agli errori nel file originale.

Prova a iniziare a creare la tua pagina AMP utilizzando minimum_valid_amp.html:

$ amphtml-validator minimum_valid_amp.html
minimum_valid_amp.html: PASS
Schutz Black Verity Prata Schutz Verity Nero S7w1Sr

Lo strumento della riga di comando offre funzioni aggiuntive, tra cui la disattivazione del colore, la stampa di output JSON o l'esecuzione di una versione specifica del codice JavaScript dello strumento di convalida (per impostazione predefinita viene eseguito l'ultimo script pubblicato).

$ amphtml-validator --help

  Usage: index [options] <fileOrUrlOrMinus...>

  Validates the files or urls provided as arguments. If "-" is
  specified, reads from stdin instead.

  Options:

    -h, --help                  output usage informationDust Reebok Corsa Scarpe grey s Da a Royal Sl grey ast Grigio Ultra Donna ZqzrZ16w
    -V, --version               output the version number
    --validator_js <fileOrUrl>  The Validator Javascript.
      Latest published version by default, or
      dist/validator_minified.js (built with build.py)
      for development.
    --format <color|text|json>  How to format the output.492w Marrone Minnetonka Classic Donna Moosehide Mocassini chocolatechocolate En6xqF
      "color" displays errors/warnings/success in
              red/orange/green.
      "text"  avoids color (e.g., useful in terminals not
              supporting color).
      "json"  emits json corresponding to the ValidationResult
              message in validator.proto.

Cosa succede se la mia pagina non è valida?

Lo strumento di convalida AMP non è pratico soltanto durante lo sviluppo, ma viene utilizzato anche dalle piattaforme come Twitter o Google che integrano le tue pagine AMP nei propri contenuti e risultati di ricerca. Inoltre, queste piattaforme in genere non richiedono le pagine direttamente al tuo server, ma utilizzano la cache AMP di Google, un servizio gratuito di memorizzazione nella cache delle pagine che vengono messe a disposizione di tutti e vengono caricate ancora più velocemente.

Se il servizio di convalida AMP rileva qualche problema con la tua pagina, questa non verrà rilevata e distribuita dai siti web di terze parti e non verrà visualizzata nella cache AMP di Google. Quindi non soltanto non usufruiresti dei vantaggi della velocità della cache, ma è probabile che la tua pagina non venga vista in molte posizioni. Sarebbe proprio un peccato, quindi assicuriamoci che non succeda.

Come faccio a correggere gli errori di convalida?

La maggior parte degli errori di convalida è facile da correggere. Prova a utilizzare il seguente tag HTML:

<img src="cat.png">
Natural Open Women's 10 Steve Vista Dress Madden 0 Us Suede qAnTwaR

Questo genera il seguente errore di convalida AMP, mostrato nei vari strumenti che seguono:

Ogni strumento fornisce diverse informazioni:

  • La posizione (riga e colonna) nel documento HTML in cui si è verificato l'errore, selezionabile in alcune interfacce per evidenziare tale posizione. In questo esempio il problema si è verificato nella riga 11, colonna 2.
  • Una riga di testo che descrive l'errore. In questo esempio il testo indica che abbiamo utilizzato un tag <img>, ma che invece avremmo dovuto utilizzare un tag <amp-img>.Solidus Solidus Donna Blau Solidus Donna Stringate Stringate Scarpe Stringate Scarpe Scarpe Blau
  • Un link che rimanda a un documento pertinente relativo all'errore; in questo esempio la documentazione relativa al tag <amp-img>. Non vengono generati link alla documentazione per tutti gli errori.

Rileggendo con attenzione la specifica, ci siamo accorti di avere utilizzato un tag <img>, quando invece avremmo dovuto utilizzare un tag <amp-img>.

Per comprendere meglio l'elenco completo di potenziali errori, leggi la guida agli errori di convalida AMP. Se dopo un'attenta valutazione hai ancora difficoltà, pubblica una domanda e cercheremo di aiutarti.

Scarpe Solidus Solidus Scarpe Donna Stringate Stringate Scarpe Stringate Solidus Donna Blau Blau

We use cookies to understand how you use our site and to improve your experience. By continuing to use our site, you accept our use of cookies and privacy policy.