Plugin générateur de schéma SEO vidéo

Introduction

Le plugin détaillé dans ce document ajoute des métadonnées SEO pour la vidéo dans votre Brightcove Player. Un exemple de résultat que Google verrait pour une vidéo est présenté ici:

Vous pouvez en savoir plus sur la validation de vos données structurées plus tard dans le document dans le Outil de test des données structurées de Google section.

Configurer le lecteur

La dernière mise à jour du plugin Video SEO Schema Generator a ajouté une nouvelle fonction de transcription qui pose problème aux robots de recherche de Google lorsque le plugin Flash n'est pas disponible. Actuellement, tous les lecteurs Brightcove incluent la technologie Flash par défaut.

Pour résoudre ce problème, vous devez mettre à jour la configuration du lecteur afin de supprimer la technologie Flash. Vous pouvez le faire avec l'éditeur JSON du lecteur dans le module des lecteurs du nuage vidéo.

Pour supprimer la technologie Flash d'un lecteur de la version 6.x.x, procédez comme suit :

1. Dans Video Cloud Studio, accédez au Joueurs module.
2. Dans la navigation de gauche, sélectionnez JSON Editor.
3. Ajoutez l'attribut en surbrillance suivant à la configuration du lecteur :

   

4. Publier la modification pour le lecteur.

Avec la prochaine version majeure, le lecteur n'inclura PAS la technologie Flash.

Installer le plugin

Ce plugin s'installe comme n'importe quel plugin personnalisé. Voici les instructions pour ajouter le plugin à l'aide de Studio et dans le code.

Installation à l'aide du module PLAYERS

1. Ouvrez le module PLAYERS et créez un nouveau lecteur ou localisez le lecteur auquel vous souhaitez ajouter le plugin.
2. Cliquez sur le lien correspondant au lecteur pour ouvrir ses propriétés.
3. Cliquez sur Plugins dans le menu de navigation de gauche.
4. Du Ajouter un plugin liste déroulante, sélectionnez Plugin personnalisé.

   

5. Pour le nom du plugin, entrez schema.
6. Pour le JavaScript URL, saisissez :

   https://cdn.jsdelivr.net/npm/videojs-schema/dist/videojs-schema.min.js

7. Non CSS Une URL est nécessaire.
8. Vous n'avez pas à saisir d'options pour ce plugin dans cette implémentation spécifique.
9. Cliquez sur Save.
10. Pour publier le lecteur, cliquez sur Publier et intégrer > Publier les modifications.
11. Pour fermer la boîte de dialogue ouverte, cliquez sur Fermer.

Installation à l'aide du code

Si vous souhaitez installer le plugin pour un joueur en utilisant du code, utilisez le code suivant comme guide:

<video id="myPlayerID"
data-video-id="5796745147001"
data-account="1507807800001"
data-player="default"
data-embed="default"
data-application-id=""
controls=""
width="640"
height="360"></video>
<script src="//players.brightcove.net/1507807800001/default_default/index.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/videojs-schema/dist/videojs-schema.min.js"></script>

<script>
videojs.getPlayer('myPlayerID').ready(function() {
var myPlayer = this;
myPlayer.schema();
});
</script>

Outil de test des résultats riches de Google

Une fois le plugin installé et que vous publiez une vidéo dans un Brightcove Player, vous pouvez tester pour vous assurer que les données structurées sont correctes. Google fournit un Outil de résultats riches.

Sur cette page, vous êtes invité à saisir l'URL de la page contenant votre lecteur et à choisir de tester sur un client de bureau ou de smartphone :

Après avoir entré l'URL de votre page et cliqué sur URL TEST , toute erreur dans vos données sera affichée.

Les résultats vous indiquent si la page est acceptée, mais offrent également des informations supplémentaires précieuses. Par exemple, cliquez sur le titre de la vidéo pour développer les informations vidéo:

Schéma utilisé

Ce plugin est utilisé pour injecter des métadonnées d'une vidéo Video Cloud dans la page en tant que Schema.org données structurées. Il utilise le format JSON-LD pris en charge par Google pour le référencement vidéo:

<script type="application/ld+json">
{
"@context":"http://schema.org/",
"@type":"VideoObject",
"name":"Big Buck Bunny",
"description":"(c) copyright 2008, Blender Foundation / www.bigbuckbunny.org",
"thumbnailUrl":"https://cf-images.eu-west-1.prod.boltdns.net/v1/static/906043040001/f7d56300-ffca-460d-8ff6-fef835c12b36/e284fdba-d15a-422f-bebc-6a355e3d4dd3/1280x720/match/image.jpg",
"uploadDate":"2016-10-20",
"@id":"http://players.brightcove.net/906043040001/5WnZb7ptr_default/index.html?videoId=ref:bunnyfull",
"duration":"PT10M35S",
"embedUrl":"http://players.brightcove.net/906043040001/5WnZb7ptr_default/index.html?videoId=1401169490001"
}
</script>

Options de plug-in

Il existe six options que vous pouvez utiliser avec ce plugin:

• :schemaId La valeur à utiliser comme @id dans les métadonnées. Il doit s'agir d'un URI unique qui représente la vidéo, mais pas nécessairement une URL "réelle". Ceci est arbitraire et peut être des valeurs comme:
  • https://mondomaine.com/videos/{id}
  • https: //videos.mydomain.com# {id}
  • https://mondomaine.com/article-about-video-{id}#the-video

  Les éléments suivants sont acceptés comme macros:

  • {id}
  • {Pièce d'identité}
  • {playerId}
  • {embedId}
  • {identifiant de compte}

  L'URI par défaut sera:

  https://players.brightcove.net/{accountId}/{playerId}_{embedId}/index.html?videoId={id}

• :keywords Si c'est le cas, les balises sont incluses dans les mots-clés.

  La valeur par défaut est faux.

• :excludeTags Tableau de balises à ne pas inclure dans les mots-clés.

  par exemple ["youtubesync"]

• :baseObject Un option objet de propriétés sur lequel construire les métadonnées spécifiques à la vidéo. Par exemple, cela pourrait être utilisé pour inclure un objet éditeur:

  "baseObject": {
    "publisher": {
      "@type": "Organization",
      "name": "Publisher name",
      "logo": {
        "@type": "ImageObject",
        "url": "https://example.com/logo.jpg",
        "width": 600,
        "height": 60
      }
    }
  }

• :includeEmbedUrl Si faux , aucune URL d'intégration n'est incluse. L'inclusion de cette URL peut être attendue par les moteurs de recherche.

  La valeur par défaut est vrai.

• :preferLongDescription Si vrai , utilisez la longue description si disponible. Si faux , ou vrai et la description longue n'est pas définie, alors le champ de description (courte) sera utilisé.

  La valeur par défaut est faux.

• transcript: Si c'est le cas, une transcription sera générée à partir de la première piste de sous-titres ou de légendes correspondant à la langue du lecteur (qui correspond généralement à la langue de la page).

  La valeur par défaut est faux.

• transcriptMatchAny: Si vrai et transcript est aussi vrai , une transcription sera ajoutée à partir de la première piste utilisable, s'il n'y a pas de correspondance linguistique.

  La valeur par défaut est faux.