Html5 tag video VS video Youtube
Est-il préférable d’intégrer une vidéo Youtube dans une Iframe ou de la charger sur une balise HTML5?
Quel est le meilleur du point de vue du référencement?
Y at-il une différence sur le temps de chargement, l'optimisation et la maintenance?
Les deux ont des avantages et des inconvénients. Comme @Evgeniy l'a dit, du point de vue du référencement, il n'y a pas de différence. C'est le référencement de votre page qui inclut la vidéo, quelle que soit sa source, qui est important.
Lorsque vous intégrez une vidéo YouTube, Google effectue le service. Votre site Web n'a besoin que de générer le code de l'iframe et YouTube s'occupe du reste. Vous devez donc utiliser la même bande passante en utilisant YouTube. Il existe également des comportements provenant de YouTube, dont certains peuvent être ajustés. Cependant, YouTube décide de la façon dont les internautes expérimentent votre vidéo, notamment le choix de la version à diffuser car YouTube crée des flux de résolution différente à diffuser sur différents appareils.
La balise vidéo HTML5 est plus simple, ce qui vous donne plus de contrôle, mais aussi plus de travail, en fonction des fonctionnalités souhaitées. Tout provient du même serveur. Il arrive donc qu'un navigateur retarde le chargement de la vidéo par rapport à une iframe dont l'attribut src pointe vers un autre serveur. Cela se produit car le nombre de connexions par hôte est limité dans la plupart des navigateurs. Par conséquent, s'il reste des ressources en cours de chargement sur votre site, il attendra de charger l'élément <video>, sans attendre pour charger le <iframe> puisqu'il est hébergé. par YouTube.
Du point de vue "pur" du référencement, il n'y a pas de différence entre les variantes d'implémentation que vous mentionnez. Les deux sont reconnus comme bons ou mauvais par Googlebot en tant que fichiers vidéo.
Le plus important est de contenir des données structurées significatives pour décrire votre vidéo. Parce que Googlebot ne peut pas reconnaître sans données structurées ce que sont vos vidéos.
Le titre, la description et la catégorisation de la vidéo sur votre compte youtube, sur lequel la vidéo implémentée est hébergée, sont également importants.
Est-il préférable d'incorporer une vidéo Youtube dans un Iframe ou de charger la vidéo sur une balise HTML5?
Les deux balises iframe et video chargé avec le téléchargement de la page Web actuelle. Cela peut avoir un impact négatif sur la vitesse de téléchargement de la page Web, en particulier pour les appareils mobiles et en particulier dans les régions non connectées à la 4G. Nous savons que le premier index mobile de Google arrive en 2018. Le classement des résultats de recherche pour votre site Web sera basé sur les signaux de la version mobile. La vitesse de téléchargement des pages Web est importante pour le trafic mobile. Les utilisateurs mobiles s'attendent à télécharger des pages Web entre 2 et 3 secondes. La vitesse de téléchargement sera de signal du classement de recherche de Google. Par exemple, essayez de télécharger sur votre smartphone cette page Web AMP en ligne du magazine Time avec vidéo. Analyse de la vitesse de téléchargement de cette page Web AMP de WebPagetest = plus de 15 secondes. Ceci est totalement inacceptable pour les utilisateurs mobiles.
Solution possible:
- Appliquer un méta-lien préchargement (si cette page Web n'est pas configurée - avec un amplificateur, cette méta crée une erreur de validation), p.
<link rel="preload" href="your-youtube" as="video" > - Pour les pages Web amp, vous pouvez appliquer cache AMP.
- Aussi, vous pouvez appliquer SMIL.
Quel est le meilleur point de vue du référencement
Définissez votre YouTube comme un bouton.
Par exemple. <a class= button href=https://www.youtube.com/embed/zzzzzz>My Youtube</a> - remplacez zzz par l'identifiant de votre vidéo YouTube - youtube.com/watch?v=XT2kHxSFMS0 - les lettres attribuées du lien et il y a un identifiant vidéo.
Dans ce cas, la vidéo sera téléchargée uniquement lorsque l'utilisateur cliquera sur ce bouton. Pour précharger la vidéo, vous pouvez utiliser l'un des méta du W3 proposé. Pour la page Web de l’ampère, voir ci-dessus.
Y at-il une différence sur le temps de chargement, l'optimisation et la maintenance?
Voir tout ce qui précède.