Come ottimizzare i video per il tuo sito web WordPress (consigli degli esperti)

Aggiungere un nuovo e accattivante video al tuo sito web può sembrare una grande vittoria. Ma l'entusiasmo può trasformarsi rapidamente in frustrazione quando ti rendi conto che la tua pagina web si carica più lentamente.

Sappiamo come ci si sente. Un sito web lento può far cliccare via i visitatori e danneggiare il tuo coinvolgimento, tutto a causa di un unico file video di grandi dimensioni.

Dopo aver ottimizzato innumerevoli video sui nostri siti, abbiamo imparato i passaggi esatti per ottenere tutti i benefici che aumentano l'audience senza i grattacapi legati alle prestazioni. In questa guida, ti illustreremo i nostri consigli esperti preferiti, passo dopo passo.

Perché ottimizzare i video per i siti web?

Il motivo principale per cui dovresti ottimizzare i video per il tuo sito web è che possono essere incredibilmente pesanti da caricare.

I file video contengono immagini e audio di alta qualità che li rendono di grandi dimensioni. Infatti, un singolo video 1080p della durata di 30 secondi può aggiungere circa 30-50 MB a un sito web.

Per fare un confronto, su WPBeginner, miriamo sempre a comprimere le nostre immagini a meno di 30 KB, che è molto meno della dimensione media di un video di 30 secondi. Se una dimensione del file è maggiore di questa, può influire negativamente sul tempo di caricamento della pagina.

Un sito web a caricamento lento può creare una reazione a catena. Innanzitutto, può frustrare gli utenti che desiderano accedere al tuo sito web, il che può poi farli passare a un concorrente.

Se gestisci un negozio eCommerce, allora le prestazioni lente possono anche portare a un tasso di rimbalzo più elevato e a conversioni inferiori.

Ma non preoccuparti. Se hai contenuti video sul tuo sito web, allora tutto ciò che devi fare è seguire i nostri consigli per ottimizzarli e impedire che quell'effetto domino si verifichi mai.

Oltre a ottimizzare i video per le prestazioni del tuo sito web, è anche utile ottimizzare i video per la SEO. Con l'ascesa di piattaforme di contenuti video come YouTube e TikTok, i video sono diventati uno strumento potente per portare traffico al tuo sito web.

Se ottimizzati correttamente, i risultati di ricerca video possono essere più evidenti, aumentare la tua visibilità online e migliorare il tuo posizionamento sui motori di ricerca.

Detto questo, diamo un'occhiata a come ottimizzare i video per i siti web. Puoi utilizzare i collegamenti rapidi qui sotto per saltare a diversi suggerimenti nel nostro post:

• Suggerimento 1: Usa un Servizio di Hosting Video
• Suggerimento 2: Comprimi il Tuo Video Prima di Caricarlo
• Suggerimento 3: Imposta la Tua Sitemap Video e il Markup Schema
• Suggerimento 4: Abilita il Lazy Loading per i Video
• Suggerimento 5: Usa una CDN Video (Content Delivery Network)
• Come Ottimizzare i Video in Background in WordPress
• FAQ su Come Ottimizzare i Video per il Tuo Sito WordPress

Suggerimento 1: Usa un Servizio di Hosting Video

Innanzitutto, dovresti scegliere una piattaforma di hosting video affidabile. I nostri anni di esperienza con WordPress hanno dimostrato che è meglio utilizzare un provider di hosting video di terze parti piuttosto che ospitare i propri video.

Puoi leggere il nostro articolo su perché non dovresti mai caricare un video su WordPress per maggiori dettagli. Ma essenzialmente, caricare video nella tua libreria multimediale può consumare molta larghezza di banda e risorse del tuo web hosting.

Inoltre, i formati video HTML5 possono essere un po' complicati. Browser diversi supportano formati diversi, come MP4, WebM e Ogg. Ciò significa che avresti bisogno di più file video per garantire la riproduzione su tutti i browser.

Anche se utilizzi un potente host cloud o un host web dedicato, è molto più facile utilizzare video incorporati piuttosto che ospitare autonomamente i tuoi contenuti video. Se ospiti i tuoi video, dovrai elaborarli per renderli compatibili con diversi dispositivi.

Nel frattempo, piattaforme come YouTube e Vimeo se ne occupano per te. Non c'è bisogno di preoccuparsi di utilizzare un certo formato di file o risoluzione finché sono supportati dalla piattaforma.

Quindi, puoi semplicemente incorporare il video nel tuo sito web WordPress utilizzando un blocco Video e l'URL del tuo contenuto.

Se hai bisogno di istruzioni passo passo, puoi leggere queste guide all'incorporamento video:

• Come incorporare facilmente video nei post del blog di WordPress
• Come incorporare uno streaming live di YouTube in WordPress
• Come incorporare un video di Facebook in WordPress
• Come incorporare una playlist di YouTube in WordPress (metodo migliore)
• Come mostrare gli ultimi video da un canale YouTube in WordPress

Inoltre, puoi consultare la nostra guida sui migliori siti di hosting video se hai bisogno di raccomandazioni.

Se stai mostrando video di prodotti per il tuo sito web WooCommerce, allora puoi anche leggere la nostra guida passo passo su come aggiungere video di prodotti WooCommerce alle gallerie.

Suggerimento 2: Comprimi il Tuo Video Prima di Caricarlo

Le immagini devono essere compresse prima di caricarle su WordPress, così come i video. La compressione è un modo rapido e semplice per ridurre le dimensioni dei file in modo che non rallentino la velocità della tua pagina.

Detto questo, non tutti gli strumenti di ottimizzazione video sono uguali. Sebbene possano ridurre le dimensioni del file, possono anche compromettere la qualità del tuo video.

Quando cerchi un software per comprimere i tuoi video, assicurati che supporti il formato di file che intendi utilizzare.

Se stai caricando video su YouTube o Vimeo, allora molto probabilmente stai utilizzando un formato popolare come MP4, WebM o MOV. Questi formati sono ampiamente supportati dalle piattaforme di compressione video.

Inoltre, considera l'utilizzo di uno strumento che offra livelli di compressione regolabili. Tipicamente, potrai scegliere tra qualità video bassa, media o alta. Potresti anche selezionare una risoluzione desiderata per ridurre le dimensioni.

Infine, non dimenticare di considerare i prezzi della piattaforma. Esistono molte opzioni software gratuite per ottimizzare i video per i siti web online, ma devi testarle per vedere se aggiungono una filigrana.

Uno strumento popolare per l'ottimizzazione video online è VEED.IO.

Questa piattaforma gratuita è dotata di impostazioni di compressione di base e avanzate e non aggiunge una filigrana ai tuoi contenuti. Tutto ciò che devi fare è caricare il tuo video nello strumento e selezionare una qualità e risoluzione video.

Se desideri utilizzare uno strumento desktop, puoi provare HandBrake.

È una piattaforma di compressione video gratuita e open-source compatibile con tutti i principali sistemi operativi.

Suggerimento 3: Imposta la Tua Sitemap Video e il Markup Schema

Ridurre le dimensioni e la qualità del file video è solo una parte dell'ottimizzazione video. Se vuoi che i tuoi video appaiano nelle pagine dei risultati dei motori di ricerca (SERP), devi aiutare Google a comprendere e indicizzare i tuoi contenuti in modo efficace.

Un modo per farlo è utilizzare il plugin All in One SEO per WordPress (AIOSEO). È il miglior plugin SEO per WordPress che può aiutarti a ottimizzare facilmente i tuoi contenuti e monitorare le prestazioni del tuo sito web.

Qui su WPBeginner, utilizziamo AIOSEO per tutte le nostre esigenze SEO, inclusi i sitemap video e il markup schema. Per un'analisi completa delle sue funzionalità, puoi consultare la nostra recensione dettagliata di All in One SEO.

Per accedere alle funzionalità Video SEO di AIOSEO, come il Video Sitemap e il Video Schema Markup, dovrai iscriverti a un piano Pro.

Quindi, puoi installare e attivare il plugin AIOSEO in WordPress. Per ulteriori indicazioni, consulta la nostra guida su come installare un plugin WordPress.

Dopo aver installato il plugin, puoi attivare la chiave di licenza. Vai semplicemente su All in One SEO » Impostazioni generali dalla tua area di amministrazione di WordPress e inserisci lì la chiave di licenza.

Da qui, puoi seguire la nostra guida passo passo su come impostare un sitemap video in WordPress.

Una sitemap video è una sitemap XML specializzata che fornisce informazioni dettagliate sui video presenti sul tuo sito web. Questi dati includono il titolo del video, la descrizione, la durata, l'URL della miniatura e la pagina in cui il video è incorporato.

Creando una sitemap video, permetti ai motori di ricerca di scansionare e indicizzare i tuoi video in modo più efficace.

Un altro passaggio importante è l'impostazione del markup dello schema video. Questi sono dati strutturati che aiutano i motori di ricerca a capire di cosa trattano i tuoi video.

Aumenta la probabilità che i tuoi video vengano visualizzati come anteprime speciali (o rich snippet) nei risultati di ricerca, rendendoli più visibili alle persone che cercano online. Ecco come appare:

Per configurare il markup dello schema video su AIOSEO, vai semplicemente al post o pagina di WordPress in cui è incorporato il tuo video e apri l'editor a blocchi di WordPress.

Successivamente, scorri verso il basso fino alle Impostazioni AIOSEO e naviga nella scheda 'Schema'. Quindi, fai clic su 'Genera Schema'.

Ora, apparirà la finestra pop-up Generatore di Schema. Nella scheda Catalogo Schema, cerca il modello di schema 'Video'.

Fai clic sul pulsante '+' accanto al modello Video.

Ora sarai in grado di inserire le informazioni del tuo video. Nei primi tre campi, puoi inserire il Nome, la Descrizione e l'URL del contenuto del video.

Per Nome e Descrizione, sentiti libero di utilizzare gli Smart Tag di AIOSEO. Queste sono etichette predefinite che possono facilmente aggiungere informazioni esistenti dal tuo contenuto, come il titolo del post, il titolo del sito e l'estratto del post.

Per quanto riguarda l'URL del contenuto, puoi inserire l'indirizzo del file multimediale video. Ciò significa che l'URL dovrebbe terminare con il formato del file, come https://www.example.com/video/123/file.mp4

Google ha dichiarato che fornire l'URL del contenuto del tuo video è il modo migliore per recuperare il tuo file video. Ma se hai caricato il tuo video su un sito di hosting video come YouTube, allora questo potrebbe non essere possibile.

Scorrendo verso il basso, troverai le impostazioni URL di incorporamento, Data di caricamento, È adatto alle famiglie e URL miniatura.

Utilizzerai l'URL di incorporamento se hai caricato il video su un servizio di terze parti e non hai accesso all'URL del contenuto. Qui, devi inserire l'indirizzo del player incorporabile del video, quindi dovrebbe apparire come https://www.example.com/embed/123

Se hai caricato il video su YouTube, puoi trovare l'URL di incorporamento aprendo il video di YouTube e facendo clic sul pulsante 'Condividi' sotto il player.

Dopo di che, fai clic su 'Incorpora' nella finestra popup.

Vedrai un codice di incorporamento video completo nella finestra popup successiva. Nota che non è necessario copiare e incollare l'intero codice.

Quello che dovresti fare è bloccare l'URL che si trova tra le virgolette dopo l'attributo src=. Questo è l'URL di incorporamento del tuo video.

Dopo di che, copia e incolla questo URL nell'Generatore di schemi video di AIOSEO.

Per l'URL miniatura, puoi copiare e incollare l'URL della tua immagine nel campo o caricare una nuova immagine nella libreria multimediale. Nota che la dimensione minima è di 112 pixel in larghezza e altezza.

Una volta che tutte le impostazioni sembrano corrette, fai semplicemente clic sul pulsante 'Aggiungi schema'.

E questo è tutto! Ora dovresti vedere un elemento di schema video nella scheda Schema all'interno delle impostazioni di AIOSEO.

Suggerimento 4: Abilita il Lazy Loading per i Video

Il caricamento lazy (pigro) significa che il tuo sito web ritarda il caricamento di determinati elementi di contenuto finché qualcuno non scorre fino a dove si trova il contenuto sullo schermo. Ciò rende il tuo sito web più veloce da caricare inizialmente perché non deve caricare tutti gli elementi video contemporaneamente.

Quando il caricamento lazy è attivato per i video, il tuo sito web attenderà per caricare il player video e il contenuto finché lo spettatore non sta per guardarlo.

Per fare ciò, puoi usare WP Rocket. È uno dei migliori plugin di performance per WordPress sul mercato, ed è lo stesso strumento che usiamo sui nostri siti per ottimizzare velocità e caching.

Il primo passo è installare e attivare il plugin WP Rocket. Puoi leggere la nostra guida su come installare un plugin WordPress per maggiori informazioni.

Successivamente, vai su Impostazioni » WP Rocket dal tuo pannello di controllo WordPress e naviga nella scheda ‘Media’. Quindi, seleziona semplicemente le caselle ‘Abilita per iframe e video’ e ‘Sostituisci iframe di YouTube con immagine di anteprima’.

La seconda casella di controllo significa che, invece di caricare immediatamente il lettore video effettivo quando qualcuno visita la tua pagina web, viene caricata prima solo un'immagine statica che rappresenta il video.

Se desideri anche il lazy loading delle immagini, puoi consultare il nostro articolo su come fare il lazy load delle immagini in WordPress.

Suggerimento 5: Usa una CDN Video (Content Delivery Network)

CDN è l'acronimo di content delivery network (rete di distribuzione dei contenuti), un servizio che può velocizzare il tuo sito web.

Funziona memorizzando i contenuti del tuo sito web su più server in tutto il mondo. Quando qualcuno visita il tuo sito, la CDN serve i contenuti dal server più vicino a lui. Ciò riduce la distanza che i dati devono percorrere e rende il tuo sito web più veloce.

Qui a WPBeginner, utilizziamo la CDN enterprise di Cloudflare come nostra soluzione di ottimizzazione delle prestazioni. Ciò garantisce che le nostre pagine si carichino rapidamente per milioni di lettori in tutto il mondo.

Una CDN video è progettata per distribuire in modo efficiente i contenuti video. Ottimizza lo streaming video memorizzando copie dei tuoi video su server strategicamente posizionati in tutto il mondo.

Se hai seguito il nostro suggerimento di caricare i video su un servizio di terze parti, allora una CDN video non sarà necessaria. Ma per le persone che scelgono di ospitare i propri video, consigliamo di utilizzare Bunny.net.

Bunny.net è uno dei migliori servizi CDN per WordPress con una funzionalità CDN per la distribuzione di video. I tuoi video saranno protetti nel loro storage di livello enterprise e gli spettatori potranno guardarli in alta qualità senza buffering.

Se sei interessato a utilizzare una CDN, dai un'occhiata alla nostra lista dei migliori servizi CDN per WordPress.

Come Ottimizzare i Video in Background in WordPress

Se hai bisogno di ottimizzare i video in background per il tuo sito WordPress, puoi utilizzare i seguenti suggerimenti.

Rimuovi l'audio

L'audio può aggiungere un peso significativo a un file video. Se stai usando un video solo come sfondo senza audio, è meglio rimuovere l'audio.

Puoi facilmente rimuovere l'audio da un video utilizzando un software di editing video. Per raccomandazioni, consulta la nostra lista dei migliori software di editing video.

In alternativa, puoi utilizzare il rimuovi audio gratuito per video di Adobe Express. Carica semplicemente il tuo video e lo strumento si occuperà della rimozione del suono. Il video sarà quindi scaricabile come file MP4.

Accorcia la durata

Accorciare la durata del video è un altro buon modo per comprimere i video per lo sfondo o per i video in riproduzione automatica. Questo può ridurre la dimensione complessiva del file, rendendolo più veloce da caricare e migliorando le prestazioni del sito web.

In genere, 30 secondi o meno di durata del video dovrebbero essere sufficienti per un video in background.

Ancora, puoi usare un software di editing video per ridurre la durata del tuo video. Per uno strumento online gratuito, puoi usare Canva o il Taglia Video di Adobe Express.

Evita il loop infinito

Quando usi video in background o in autoplay sul tuo sito web, è essenziale evitare il loop infinito. Il loop è quando il video continua a riprodursi più e più volte, e può consumare molta larghezza di banda.

È anche importante considerare il contesto in cui viene visualizzato il video. Se il video è una breve introduzione o mostra un prodotto specifico, allora un numero limitato di loop o una singola riproduzione è solitamente sufficiente per comunicare il messaggio.

In WordPress, puoi controllare il comportamento del loop del tuo video di YouTube per ridurre il carico sulle risorse del tuo sito web. La nostra guida su come aggiungere un video di YouTube come sfondo a schermo intero in WordPress ti mostra come.

Usa un colore del carattere ben contrastante

Le persone che usano un video in riproduzione automatica come sfondo della loro homepage di solito mettono del testo sopra. In questa situazione, è bene usare un colore del testo che contrasti bene con lo schema cromatico del video.

In questo modo, il testo rimane facilmente leggibile e risalta in modo prominente sullo sfondo del video.

Se desideri suggerimenti e trucchi per scegliere un colore del testo per il tuo video di sfondo, visita la nostra guida su come scegliere lo schema cromatico perfetto.

Inoltre, puoi consultare il nostro articolo sui migliori temi WordPress per siti web di video per trovare design che completino il tuo sito web e i tuoi contenuti video.

FAQ su Come Ottimizzare i Video per il Tuo Sito WordPress

Ora, affrontiamo alcune domande comuni relative all'ottimizzazione dei video per il tuo sito web WordPress.

1. Qual è il formato video migliore per un sito web WordPress?

WordPress supporta tipi di file video come .mp4, .m4v, .mov, .wmv, .avi, .mpg, .ogv, .3gp e .3g2.

Si consiglia di utilizzare MP4 con codec H.264 per il miglior equilibrio tra qualità e dimensione del file.

2. Come si ottimizza un video di YouTube in WordPress?

Se incorpori i tuoi video di YouTube, WordPress si occuperà del processo di incorporamento e garantirà che il lettore video si carichi in modo efficiente.

Tuttavia, puoi ottimizzare ulteriormente i video abilitando il caricamento lazy, comprimendo i file video e impostando il markup dello schema video e la sitemap con AIOSEO. L'ultimo passaggio garantisce che i motori di ricerca possano comprendere e indicizzare correttamente i tuoi video.

Puoi anche consultare il nostro elenco dei migliori plugin per gallerie video di YouTube per WordPress per ulteriori funzionalità per migliorare i video del tuo sito web.

3. Come faccio a far caricare più velocemente i miei video di WordPress?

Per far caricare più velocemente i tuoi video di WordPress, puoi caricarli su un servizio di hosting di terze parti come YouTube o Vimeo. L'auto-hosting dei tuoi video non è raccomandato, poiché spesso richiede più risorse del server e rallenta il tuo sito web.

Dovrai anche comprimere i video per ridurne le dimensioni del file senza compromettere la qualità.

Inoltre, è una buona idea abilitare il caricamento lazy per i contenuti video. Ciò garantisce che il tuo sito web si carichi rapidamente la prima volta e che i video vengano caricati solo quando il visitatore scorre verso il basso per visualizzarli.

Speriamo che questo tutorial ti abbia aiutato a imparare come ottimizzare i video per i siti web.

Per ulteriori suggerimenti degli esperti, potresti anche voler consultare queste risorse aggiuntive:

• I migliori plugin WordPress per editori YouTube
• Guida per principianti all'ottimizzazione delle immagini per i motori di ricerca (SEO)

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.