Immagine segnaposto

Vengono usate nello sviluppo web per la verifica del layout, wireframe, prototipi e mockup di design prima che le immagini reali siano pronte.

Sì, per impostazione predefinita vengono mostrate le dimensioni dell'immagine, ma puoi cambiarle con qualsiasi testo desideri. Anche il colore del testo e il font sono personalizzabili.

Un solo rettangolo grigio dice al visitatore che il sito è incompiuto e, in una scheda prodotto, lo fa esitare prima di acquistare. Anche la ricerca ne risente: il segnaposto vuoto viene indicizzato su Google Immagini e, se il campo image dei tuoi dati strutturati di prodotto punta a quell'URL, la pagina può perdere l'idoneità ai risultati avanzati. Prima di ogni rilascio, cerca in tutto il codice stringhe come placeholder o via.placeholder.

Deve avere esattamente lo stesso rapporto d'aspetto dell'immagine che vi andrà a finire. Se la foto vera si carica con una forma diversa, tutto ciò che sta sotto scivola in basso, e questo peggiora il punteggio di Cumulative Layout Shift nelle metriche di Google. Le dimensioni in pixel non devono coincidere, il rapporto sì — e metti gli attributi width e height sul tag img così il browser riserva lo spazio prima che arrivi il file.