Integrare WordPress con YouTube alla perfezione

Immagine avatar per Andrea Di Rocco

Pubblicato da Andrea Di Rocco in

1K+ Visite sul post corrente.

Come integrare WordPress con YouTube

Integrare WordPress con YouTube è essenziale.

Se produci dei video, sicuramente vuoi che appaiano al meglio sul tuo sito e che ti aiutino comunque a far aumentare il numero di iscritti sul tuo canale.

Se anche tu desideri conquistare questa parte della rete e diventare vlogger (così sono chiamati i blogger su YouTube), non hai che da leggere questa guida.

Esistono tanti strumenti per inserire i video su una pagina creata con WordPress.

In più, puoi personalizzare il loro aspetto utilizzando temi e sfruttando idee originali che conquisteranno sicuramente il tuo pubblico.

Integrare WordPress con YouTube con la funzionalità nativa

Integrare WordPress con YouTube con la funzionalità nativa

Il modo in assoluto più semplice per integrare WordPress con YouTube è attraverso la funzionalità nativa della piattaforma.

Ti basta copiare l’URL del video, incollarlo all’interno del tuo Editore Visuale ed il gioco è fatto.

WordPress riconoscerà che l’URL incollato proviene da YouTube e lo convertirà automaticamente in un video.

Se vai di fretta, questa è probabilmente la soluzione più immediata.

Codice da incorporare YouTube

Se invece desideri personalizzare leggermente il tuo video, per esempio definendo le dimensioni o impostando l’autoplay, puoi utilizzare la funzione Incorpora.

Ecco come devi fare: sotto ad ogni video YouTube trovi la tab “Condividi”, all’interno della quale troverai la voce Incorpora.

Comparirà una finestra con il codice da copiare e incollare all’interno del tuo Editore di Testo.

Se scorri in basso, troverai altre opzioni.

  • Inizia da:
    • permette di avviare il video da un determinato momento della riproduzione anzichè dall’inizio;
  • Mostra i controlli del player:
    • mostra i pulsanti play/pausa, la barra di progressione del video, il controller del volume ecc.
    • Se lasci questa voce non spuntata, l’utente potrà solo mettere il video in pausa e farlo ripartire cliccandoci sopra;
  • Modalità di privacy ottimizzata:
    • disattiva i cookies che permettono di tracciare il comportamento dell’utente.

Quando hai scelto tutte le impostazioni, copia il codice e incollalo nell’Editor di Testo di WordPress – e non in quello visuale, altrimenti non funzionerà!

integrare WordPress con youtube - embed

Post type Video

Quando hai incorporato il video all’interno del tuo post, ti consiglio di sfruttare un’altra funzionalità nativa WordPress (cioè, i post type).

WordPress include diverse tipologie di post (post standard, immagine, galleria, video… puoi approfondire questo argomento nella guida specifica ai formati di post).

Se selezioni “Video” il template del post sarà ottimizzato per la visualizzazione del contenuto video.

Il risultato finale dipende da quale tema stai usando; alcuni template aggiungono solo la dicitura “Video” sotto il titolo, altri, permettono addirittura di guardare il video nell’anteprima del post sulla pagina blog.

Integrare WordPress con YouTube usando un plugin

Se vuoi sfruttare altre funzionalità per integrare WordPress con YouTube, ci sono anche dei plugin molto interessanti.

Sul sito ufficiale WordPress ce ne sono centinaia; ai fini di questa guida ne ho selezionati tre tra i più validi.

1. YouTube by EmbedPlus

YouTube by EmbedPlus

Questo è il plugin per integrare WordPress con YouTube in assoluto più popolare (conta oltre 200mila installazioni).

Nello specifico, permette di incorporare video su WordPress, ma anche “gallerie” video (i video di un canale o direttamente le playlist YouTube).

Quando installi il plugin, appare all’interno del tuo Editore Visuale un nuovo bottone, chiamato “YouTube”.

Cliccandoci sopra, si apre una finestra con diverse opzioni.

Per inserire un video all’interno del post, devi seguire questi passi:

  • Cliccare il bottone “YouTube”
  • Espandere una delle sezioni:
    • “Embed a single video” per inserire l’URL di un video;
    • “Embed a playlist” per inserire l’URL di una playlist;
  • Quindi, incollare l’url del video che vuoi inserire;
  • Seleziona Insert into editor.
YouTube plugin

Questo plugin ha altre opzioni ed anche una versione pro, che permette di personalizzare ulteriormente la visualizzazione dei video.

2. WP YouTube Lit

WP YouTube Lit

Questo plugin è ottimo se vuoi incorporare molti video YouTube su WordPress senza appesantire o rallentare il tuo sito.

WP YouTube Lite sfrutta la funzionalità “lazy-load” per ridurre notevolmente il caricamento dei video.

Questo plugin è particolarmente utile se vuoi incorporare più video su una stessa pagina o post.

3. Video SEO for WordPress

Video SEO for WordPress

Video SEO for WordPress è il plugin migliore per l’ottimizzazione in chiave SEO dei tuoi video.

Non è un caso che sia stato creato dallo stesso team dietro a Yoast SEO.

Nello specifico, serve a far sì che i video incorporati sulle tue pagine siano indicizzati dai motori di ricerca ed inclusi nella tab “Video” di Google con la loro thumbnail.

Non male vero? Purtroppo, a differenza di Yoast SEO Video SEO for WordPress non è gratuito.

Costa $69 per un sito singolo, però potrebbe risultarti molto utile se la tua strategia di content marketing si basa sui video.

Come inserire il bottone “Iscriviti” al canale

Nello stesso modo in cui aggiungi al tuo sito i widget di Facebook o Twitter, dovresti dare la possibilità agli utenti di seguirti su YouTube attraverso il bottone “Iscriviti”.

Inserirlo è semplice:

Entra nella pagina per la Configurazione di un pulsante YouTube su Google Developers.

Configura tutte le opzioni per quanto riguarda l’aspetto del bottone. Vedrai un’anteprima in basso.

Infine, copia il codice che vedi sotto a “Code” ed incollalo all’interno di un widget di testo nella sidebar.

configurazione pulsante Iscriviti YouTube

Fatto tutto questo, sul tuo sito live apparirà il bottone che gli utenti potranno cliccare per iscriversi.

Un tema ottimizzato per YouTube: VideoTube

Un tema ottimizzato per YouTube - VideoTube

Infine, concludiamo questa guida su come integrare WordPress con YouTube guardando un tema sviluppato appositamente per chi propone molti contenuti video.

Questo template è un ottimo tema, sempre con spazio per tantissimi video e dall’aspetto decisamente moderno.

Permette inoltre di creare una community nella quale gli utenti iscritti possono caricare i propri video e creare il proprio canale sul tuo sito.

Conclusione

Siamo arrivati alla fine di questa guida sui migliori strumenti per integrare WordPress con YouTube alla perfezione.

Se sei un vlogger, o comunque pubblichi regolarmente video, queste sono le risorse che fanno per te.

Ora passo a te la parola:

Hai un canale YouTube?

O forse stai pensando di crearlo?

Cosa ne pensi di questi strumenti?

Parliamone nei commenti!

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
43Commenti
Lascia un commento
  1. Immagine avatar per Nicola
    Nicola

    Ciao, Andrea. Fino a qualche giorno fa inserivo nel mio sito i miei video di YouTube copiando semplicemente l’URL nell’elemento del tema. E il video si adattava sempre alla perfezione anche allo schermo dello smartphone. Improvvisamente invece le dimensioni del video hanno iniziato a restare invariate rendendo inutilizzabile il sito sullo smartphone… Che cosa può essere successo? Ultimamente avevo installato Smush e MonsterInsight, ma non ricordo se prima o dopo che avvenisse questo cambiamento.

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Nicola, che tema stai usando? Intanto possiamo suggerirti di usare il blocco YouTube di Gutenberg, dove basterà inserire il link al video ed esso verrà automaticamente ridimensionato. Un’altra soluzione, se usi l’editor classico, è quella di lavorare un po’ sui codici. Puoi creare un div che racchiuda l’iframe di YouTube, eliminare da quest’ultima le dimensioni width e height e poi impostare le dimensioni del div e dell’iframe in percentuale con il CSS. Restiamo a disposizione!

    2. Immagine avatar per Nicola
      Nicola

      Ok, grazie. Il mio tema è Avada. Seguirò i tuoi suggerimenti!

    3. Immagine avatar per SOS WP Team
      SOS WP Team

      Grazie a te, facci sapere se riesci a risolvere.

  2. Immagine avatar per Giulia
    Giulia

    Ciao Andrea, ho bisogno di un tuo consiglio! Vorrei inserire una pagina con la raccolta dei video tutorial che ho pubblicato sul mio canale YouTube e ho trovato diversi plugin interessanti ma non so quale scegliere… ti cito quelli che hanno attirato l’attenzione e chiedo a te quale mi suggerisci di usare?
    YourChannel o Youtube Showcase

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Giulia, sono entrambi buoni plugin, ma ti consiglio di provarli entrambi e vedere quale rispecchi al meglio le tue esigenze. Facci sapere quale deciderai di utilizzare! A presto

  3. Immagine avatar per Cristina
    Cristina

    Ciao Andrea, innanzi tutto grazie per l’interessantissimo articolo! Ne approfitto per chiederti un parere: che tipo di soluzione consigli per l’integrazione di video YouTube LIVE all’interno di un’area riservata di WordPress, per chi vuole proporre lezioni live mediante accesso a pagamento? Grazie in anticipo!

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Cristina, testa questo plugin https://wordpress.org/plugins/wp-youtube-live/. Un saluto!

  4. Immagine avatar per Giancarlo
    Giancarlo

    Ottimo, essenziale ma di qualità. Poche parole semplici per spiegare il tutto. Utilissimo. GRAZIE

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Grazie Giancarlo, siamo contenti di sapere che il post ti sia stato di aiuto!

  5. Immagine avatar per Stefano Evangelisti
    Stefano Evangelisti

    Il plugin funziona anche con i video su VIMEO?

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Stefano sì, possibile usarlo anche con Vimeo.

  6. Immagine avatar per mauro
    mauro

    ciao, e come prima cosa grazie per le vostre guide sempre molto chiare.
    la mia domanda è : è possibile fare in modo che chi clicca sul collegamento del video che carichiamo o playlist vada diretto alla visualizzazione su yuotube anzichè vederlo sul sito…
    vi domando perchè credo che se il follower non passa diretto al canale youtube ma resta sul sito privato il conto per le monetizzazioni non sale…

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Mauro, in questo caso sarebbe meglio inserire una screenshot del video, collegata mediante video alla pagina YouTube.

    2. Immagine avatar per mauro
      mauro

      perfetto grazie, non ci avevo pensato, è sicuramente più semplice che spiegare ai follower di pigiare su visualizza su youtube per portarli fuori…. leggevo anche altri commenti che invece li vogliono trattenere.. in entrambe i casi ognuno ha le sue problematiche ma la cosa fantastica è che con voi i problemi si risolvono davvero.. siete bravi . grazie mille e buon lavoro.

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Buon lavoro a te 🙂

  7. Immagine avatar per massimo
    massimo

    Ho visto un sito che ha il pulsante iscriviti dentro a tutti i video che incorpora.
    C’è il pulsante in basso a destra e se ci vai sopra con il cursore del mouse si espande.
    Quindi uno si può iscrivere anche nel sito, senza entarre in youtube.
    Come si fa?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Massimo, puoi inviarci url del sito così diamo una occhiata e capire meglio cosa intendi? Un saluto!

    2. Immagine avatar per mauro
      mauro

      ciao mi permetto di azzardare una risposta, i video che inserisce il sito che dici ha attiva la filigrana di branding, in pratica è una funzione di youtube che ti fa inserire il tuo logo e se ci passi sopra ti apre la finestra iscriviti. la può avere chiunque ha il canale andando nel menù apposito e attivandola. la filigrana sta in basso a destra e figura per il tempo che imposti tu. spero di averti aiutato. ciao

  8. Immagine avatar per Alessio
    Alessio

    Salve Andrea ,
    complimenti per il lavoro che svolgete e la passione che traspare. Chapeau!
    Ho una domanda, visto che si parla di integrazione video in WP.
    E se io non volessi nè sfruttare canali quali YouTube, Vimeo, DailyMotion, Facebook, etc.. e chiaramente non volessi nemmeno caricarli sull’hosting per non creare drammatici rallentamenti, la mia domanda è:
    esiste il modo di salvare in un repository/hosting online ma privato e linkarlo poi in WP? Tipo mi viene in mente Google Drive oppure DropBox. Cosa ne pensi?

    Grazie
    Saluti

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Alessio, certamente! Puoi caricare i video su qualsiasi spazio cloud e collegarli perfettamente al tuo sito in WordPress. Grazie mille dei complimenti, ci fanno davvero piacere!

  9. Immagine avatar per Antonella
    Antonella

    Ciao, la finestra che appare nel mio tema per inserire il video non mi offre opzioni, bensì esclusivamente lo spazio per il codice.
    Come faccio ad inserire nel codice che alla fine non voglio appaiano altri video?

    1. Immagine avatar per Antonella
      Antonella

      trovato ho inserito ?rel=0 alla fine dell’indirizzo del video 🙂

    2. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Bene!

  10. Immagine avatar per andrea
    andrea

    Ciao Chiara, stavo proprio cercando questo tipo di post in rete e l’ho trovato qui . Molto utile. Wp è uno strumento di facile utilizzo,e molto efficace. wb youtube lite è un plug-in molto utile in quanto allegerisce la struttura. Come anche video seo per word-press.

  11. Immagine avatar per Daniele
    Daniele

    Ciao Andrea ti posso chiedere una cosa.. ho provato a ragionarci ma non ho risolto niente… ho pubblicato un po di video sulla mia “Libreria media” di wordpress, soltanto che a livello fisico non so ancora dove vengono caricati se nel “Database” oppure su spazio “Hosting”, ho controllato su hosting attraverso FTP ma i video non ci sono, ho guardato le dimesioni del database e mi dice che ho utilizzato 3mb di spazio. I video che ho caricato sono una decina dal peso di 80mb ciascuno, in formato mp4. Sai consigliarmi dove andare a vedere siccome ho bisogno di caricare tantissimi video, però non sapendo dove vengono caricati fisicamente è un pò un problema. Il mio hosting aruba mi ha dato spazio illimitato, mentre per il database solo 1 gb. Ti ringrazio per la tua professionalità.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Daniele, ti sconsiglio vivamente di caricare i video sull’hosting. La dicitura “spazio illimitato” non significa che non avrai rallentamenti o prestazioni insufficienti. Utilizza Vimeo o YouTube, e linka i video sul sito.

  12. Immagine avatar per Angelo
    Angelo

    Salve , è possibile rimuovere dal vide il logo di youtube, perchè se cliccano sul logo, vanno a finire su youtube e io vorrei che gli utenti rimanessero sul mio sito

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Salve Angelo, inserisci nel codice inserito per il video, la dicitura modestbranding=0, come spiegato qui: <iframe src=”https://www.youtube.com/embed/-hX_rznqnM0?modestbranding=0″ height=”350″ width=”575″>

    2. Immagine avatar per Angelo
      Angelo

      Grazie, ma forse sbaglio qualcosa, scrivendo il codice cosi:

      [embedyt] https://www.youtube.com/embed?layout=gallery&listType=playlist&list=PLmH26pBVwKAGfL1sRItw3WTQ0RQVKgNLw?modestbranding=0%5B/embedyt%5D

      Mi appare sempre il logo in basso a destra del video

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Prova a mettere 1 al posto di 0, e riprova, pulendo la cache del browser. Un saluto!

  13. Immagine avatar per Geek Fortress
    Geek Fortress

    Un articolo davvero dettagliato e preciso, che risulta molto utile.
    Grazie mille.

    Mi ono convinto a scaricare la vostra guida gratuita, vediamo un pò com’è 😀

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ottimo, facci sapere 😉

  14. Immagine avatar per Daniele
    Daniele

    Vorrei pubblicare un video in modo che si visualizzi su Facebook come se fosse nativo.

    Esempio: https://www.facebook.com/nonhoparolepage/videos/646917675464354/

    Avete indicazioni su come fare?

    Grazie 😉

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Daniele, puoi usare una risorsa come questa: https://yt2fb.com/.
      Spero di esserti stato di aiuto,
      Un saluto!

    2. Immagine avatar per daniele
      daniele

      Grazie Andrea,
      conosco yt2fb ma non è il “mio” caso.

      Daniele

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Lo hai già utilizzato?

    4. Immagine avatar per Daniele
      Daniele

      Si.

      Non so se sia arrivato precedente commento..

      Riscrivo: una roba così vorrei: https://www.facebook.com/TuttiConIlM5S/videos/562380363969032/

    5. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Sì Daniele, ma dovresti avere lo stesso risultato con la risorsa linkata.

    6. Immagine avatar per daniele
      daniele

      Grazie Andrea.

      Yt2f rimanda ad un video youtube/facebook e non ad una pagina al cui interno c’è un video fb o youtube.

      Inoltre il video esterno (che è nel sito) non appare in anteprima, come per i video “nativi”, sullo story di FB.

      Spero di essermi spiegato e di non aver perso per strada qualche pezzo 🙂

    7. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Puoi linkare il post/pagina su Facebook, mettendo il video al posto della immagine in anteprima: https://it.wordpress.org/plugins/featured-video-plus/.

    8. Immagine avatar per daniele
      daniele

      Grazie Andrea, ottimo plugin!

    9. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Se hai domande, scrivici a info@sos-wp.it

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *