Come scegliere e preparare le immagini del sito web

Inventa ogni posizionamento dell'immagine

Attraversa il sito come visitatore: casa, servizi, articoli, elenchi, carte, testimonianze e anteprime sociali. Per ogni posizionamento, registrare la dimensione della visualizzazione, il soggetto previsto, il file corrente, il proprietario e lo stato di approvazione. Un eroe mancante o un'immagine a pagina interna è più facile da individuare in questo elenco che in una cartella piena di risorse.

Contrassegna le immagini ripetute all'interno di un elenco e le immagini generiche utilizzate per soggetti non correlati. La condivisione di una fotografia tra le traduzioni della stessa pagina può essere sensata; Un insieme di carte che confrontano attività diverse di solito richiede immagini distinte.

• posizionamento e scopo dell'immagine.
• Soggetto specifico e relazione con la copia vicina.
• Diritti, credito, versione e stato di approvazione.

Crea una lista di foto

Per ogni pagina prioritaria, descrivi una breve scena: chi o cosa appare, l'impostazione, l'azione o il dettaglio e l'orientamento. Lascia abbastanza spazio per il ritaglio mobile ed evita di mettere il soggetto dove si troverà il testo sovrapposto. Uno scatto può fornire un ritratto, una scena di lavoro, un dettaglio materiale e un luogo senza ripetere lo stesso raccolto ovunque.

Quando un'immagine proviene da una terza parte, controlla il permesso di pubblicazione, gli usi consentiti e le persone identificabili. Non presentare una scena illustrativa come un progetto o un team di clienti reali se non lo è.

• un'immagine principale specifica della pagina.
• Visual complementari per carte e fasi di processo.
• versioni orizzontali o verticali per adattarsi al componente.

ottimizzare pur mantenendo informazioni utili

Mantieni una fonte di alta qualità, quindi esporta le varianti per le dimensioni effettivamente visualizzate. WebP e AVIF spesso funzionano bene per le fotografie; Un browser non dovrebbe scaricare un'immagine enorme per una piccola carta. Dichiarare larghezza e altezza per impedire spostamenti di layout e dare priorità all'immagine principale visibile al primo carico.

Un breve nome file descrittivo, testo alternativo specifico del contesto e una didascalia quando è utile fare di più per la comprensione che il riempimento dei campi EXIF con le parole chiave. Google Search CentralChiama il testo alternativo l'attributo dell'immagine descrittiva più importante. Rivedi i crediti e i diritti prima di eliminare i metadati: anche Google può utilizzare Metadati IPTC o dati strutturati di licenza.

• Varianti responsive, peso del file controllato e dimensioni HTML.
• Testo alternativo che descrive il ruolo dell'immagine, o alt vuoto quando è decorativo.
• Crediti e informazioni sui diritti coerenti con l'autorizzazione detenuta.

Controlla il risultato pubblicato

Apri ogni pagina sul telefono e sul desktop. Controlla ritagli, nitidezza, sovrapposizioni di testo, sfondi scuri, errori di caricamento e se le immagini delle carte corrispondono alle loro destinazioni. Nelle anteprime social, l'immagine scelta dovrebbe rappresentare la pagina e sopravvivere a un raccolto più breve.

Aggiorna l'inventario quando i servizi o le campagne cambiano. Impedisce la restituzione delle immagini rimosse, i crediti persi e le immagini principali scompaiono da pagine importanti. Le Lista di controllo pre-launch Include questa recensione nel più ampio viaggio dei visitatori.