Uno degli aspetti principali dell'ottimizzazione della tua applicazione o del tuo sito Web per i motori di ricerca è l'uso di immagini di dimensioni adeguate per il loro uso pratico.
Ad esempio, se il tuo blog visualizza immagini in formato 300 × 200 e l'articolo da solo visualizza l'immagine in formato 1200 × 500, i motori di ricerca si aspettano che le immagini fisiche siano in questi formati, questo è in parte il modo in cui queste immagini sono considerate ottimizzate (la dimensione anche in relazione al formato del file influenza).
Tuttavia, quando l'applicazione visualizza immagini fornite dagli utenti, può essere complicato creare processi per ridimensionare e ottimizzare questi file, motivo per cui potrebbe essere saggio ricorrere a un servizio di elaborazione dati esterno.file.
Nel 2020 abbiamo creato un servizio di elaborazione di file di immagini online che può consentirti di eseguire operazioni normalmente complesse in modo semplificato, analizzeremo come integrare questo servizio nella tua applicazione Laravel.
ZMD è un servizio di elaborazione di immagini online on demand, integrando alcune istruzioni nel tuo codice HTML puoi eseguire operazioni come:
Consulta l'elenco delle operazioni disponibili: https://zmd.io.
Creare un account
Inizia creando un account gratis per 10 giorni senza carta di credito e senza impegno: https://app.zmd.io/register
Aggiungi un dominio
Per utilizzare il servizio ZMD devi inserire da quale nome di dominio lavorerai, questo dominio deve essere fisicamente accessibile per poter funzionare, registra i tuoi domini qui: https://app.zmd.io/domains
Compositore del pacchetto
Abbiamo creato un pacchetto compositore per semplificare l'uso del servizio zmd.io, per questo è sufficiente installare il pacchetto con il seguente comando:
il compositore richiede il superlativo / zmd-laravel
L'installazione di questo pacchetto ti dà accesso a una direttiva blade che ti consente di integrare gli elementi javascript necessari per il corretto funzionamento del servizio ZMD, nonché per la configurazione della tua chiave di dominio.
Integrazione HTML / Blade
Nel tuo template HTML / Blade, inserisci il codice qui sotto appena prima di chiudere il tag