it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


Come convalidare pagine mobili accelerate (AMP)

Nel nostro ultimo tutorial su AMP, ti abbiamo mostrato come adottare AMP (Accelerated Mobile Pages) per ottenere un significativo aumento della velocità e una migliore esposizione nei risultati di ricerca mobile di Google per il tuo sito web nell'ambiente mobile.

Avendo visto il potenziale di AMP, presumo che tu abbia iniziato o abbia intenzione di iniziare a fare modifiche ai tuoi siti web per conformarsi a AMP . Segui attentamente le linee guida sui documenti e componi il tuo CSS per modellare le pagine AMP in base al tuo appetito visivo.

Ora, c'è un'ultima cosa da fare: convalidare quelle pagine.

Validatori AMP

Esistono diversi modi per convalidare le tue pagine AMP:

  1. Aggiungi la #development=1 traccia alla fine dell'URL della pagina AMP. Il rapporto verrà proiettato nella scheda Console sotto DevTools.
  2. In alternativa puoi utilizzare il validatore AMP online.
  3. Puoi anche utilizzare l'estensione AMP di Chrome.

Questi strumenti produrranno un rapporto che elenca gli errori o gli avvertimenti all'interno delle pagine. Sulla base di questo, puoi scegliere cosa aggiustare.

La convalida AMP disciplina principalmente l'uso di elementi HTML, la s e le dichiarazioni di stile . Assicurati che queste cose nella pagina siano tutte conformi a AMP e che non vi sia nulla che violi le linee guida AMP. In caso contrario, la tua pagina AMP non verrà visualizzata da nessuna parte.

Struttura dati

AMP richiede anche la struttura dei dati dello schema. Questi dati sono disposti all'interno dell'etichetta principale della pagina in formato JSON. Contiene informazioni contestuali della pagina tra cui il titolo, il logo e il nome dell'editore, la data in cui è stato pubblicato e modificato, ecc.

A seconda dello scopo della pagina, i dati da includere possono variare: articoli, recensioni, ricette, video, ecc. Puoi fare riferimento alla documentazione sui tipi di dati di Google per i dettagli sul tipo di dati.

Sono richiesti alcuni dati che produrranno errori se non forniti; alcuni altri tipi di dati sono opzionali e produrranno solo avvertimenti. Questi tipi di errori tuttavia non appariranno nei suddetti validatori AMP.

Invece, appariranno nello Strumento di test dei dati strutturati di Google e nel tuo account Google Webmaster.

I consumatori di AMP o un client che supporta AMP, come Ricerca Google e Momenti di Twitter, possono utilizzare questo set di dati per presentare i contenuti AMP nella pagina dei risultati.

Pertanto, oltre a seguire le linee guida AMP con i loro elementi HTML personalizzati proprietari, devono essere presenti anche i dati dello schema richiesti.

Errori trascurati

La maggior parte degli errori sono annotati nel documento in modo esplicito e possono essere facilmente rilevati in un colpo d'occhio. Alcuni errori tuttavia sono contestualizzati con variabili che potremmo non notare come "Valore attributo non valido", che dice "The attribute '%1' in tag '%2' is set to the invalid value '%3'." .

Questo rapporto errori non menziona né elenca con precisione quale valore non è valido. Ma quello che so è che non possiamo impostare la width e l' height di elemento al 100% o auto . Questi valori di attributo devono essere la dimensione esatta dell'immagine per preservare il rapporto di immagine.

Questo è solo un esempio. Esistono numerosi elementi personalizzati - amp-img, amp-iframe e amp-ads - con le proprie serie di regole di convalida contro l'uso di un attributo e il suo valore.

Questo potrebbe rendere la convalida AMP Page un compito scoraggiante, specialmente se prendiamo in considerazione centinaia o forse migliaia di contenuti legacy pubblicati anni fa.

Pensiero finale

AMP è ancora nella sua fase iniziale. È in uno sviluppo molto attivo con gli sforzi comuni di Google e della comunità di sviluppo web. Ma AMP certamente si evolverà . Simile a HTML5, potrebbero esserci elementi, attributi e alcune pratiche che saranno deprecate in futuro. Assicurati quindi che le pagine AMP vengano costantemente convalidate di volta in volta in base alle ultime modifiche alle linee guida.

Questa estensione Chrome di Netflix ti consente di accedere a tonnellate di categorie nascoste

Questa estensione Chrome di Netflix ti consente di accedere a tonnellate di categorie nascoste

I clienti fedeli di Netflix sono probabilmente consapevoli del fatto che il servizio di streaming di contenuti classifica i propri spettacoli e film in categorie che sono nascoste alla vista pubblica . Mentre puoi accedere a queste categorie nascoste inserendo un URL specifico nella barra degli indirizzi, gli utenti di Chrome possono scegliere di installare un'estensione che semplifichi questo processo

(Consigli tecnici e di design)

La felicità può essere la migliore strategia per aumentare la produttività: ecco come

La felicità può essere la migliore strategia per aumentare la produttività: ecco come

Puoi chiamarlo segreto, "hack della vita" o solo buon senso, ma la felicità è la chiave della produttività. Essere positivi e soddisfatti può essere uno dei modi più rapidi ed efficaci per migliorare la produttività sul posto di lavoro. Vari studi hanno dimostrato che sentirai molto meno stress nelle attività quotidiane - dentro e fuori il luogo di lavoro - da un cambiamento positivo nell'atteggiamentoSfortunatamente per un sacco di membri della forza lavoro che trascorrono la settimana dietro una scrivania o un bancone, sentirsi felici e lavorare in modo produttivo non sembrano a

(Consigli tecnici e di design)