비디오 SEO 스키마 생성기 플러그인

이 주제에서는 SEO에 대한 비디오 스키마를 생성하는 플러그인을 사용하는 방법을 배웁니다.

서문

이 문서에 자세히 설명 된 플러그인은 Brightcove Player의 비디오에 대한 SEO 메타 데이터를 추가합니다. Google이 동영상에 대해 볼 수있는 예제 결과는 다음과 같습니다.

구조화 된 데이터 동영상 결과

나중에 문서의 구조화 된 데이터 유효성 검사에 대해 자세히 알아볼 수 있습니다. Google의 구조화 된 데이터 테스트 도구부분.

플레이어 구성

최신 비디오 SEO 스키마 생성기 플러그인 업데이트를 통해 Flash 플러그인을 사용할 수 없을 때 Google 검색 봇에 문제가 있는 새로운 대본 기능이 추가되었습니다. 현재 모든 Brightcove Player에는 기본적으로 Flash 기술이 포함되어 있습니다.

문제를 완화하려면 플레이어 구성을 업데이트하여 Flash 기술을 제거해야 합니다. Video Cloud 플레이어 모듈에서 플레이어용 JSON 편집기를 사용하여 이 작업을 수행할 수 있습니다.

버전 6.xx 플레이어에서 Flash 기술을 제거하려면 다음을 수행하십시오.

  1. 비디오 클라우드 스튜디오에서플레이어모듈로 이동합니다.
  2. 왼쪽 탐색에서 JSON 편집기를 선택합니다.
  3. 다음 강조 표시된 속성을 플레이어 구성에 추가합니다.
    플래시 거짓
    플래시 거짓
  4. 플레이어에 대한 변경 사항을 게시합니다.

다음 주 버전 릴리스에서는 플레이어에 Flash 기술이 포함되지 않습니다.

플러그인 설치

이 플러그인은 사용자 정의 플러그인과 마찬가지로 설치됩니다. 다음은 Studio 및 코드를 사용하여 플러그인을 추가하는 방법입니다.

PLAYERS 모듈을 사용하여 설치

  1. 플레이어 모듈을 열고 새 플레이어를 만들거나 플러그인을 추가하려는 플레이어를 찾습니다.
  2. 플레이어에 대한 링크를 클릭하여 플레이어의 속성을 엽니다.
  3. 왼쪽 탐색 메뉴에서플러그인을클릭합니다.
  4. 플러그인 추가드롭다운에서사용자 정의 플러그인을선택합니다.
    맞춤형 플러그인
  5. 에 대한플러그인 이름시작하다schema .
  6. 자바 스크립트 URL의 경우 다음을 입력합니다.
    https://cdn.jsdelivr.net/npm/videojs-schema/dist/videojs-schema.min.js
  7. 아니 CSS URL이 필요합니다.
  8. 이 특정 구현에서이 플러그인에 대한 옵션을 입력 할 필요가 없습니다.
  9. 저장을 클릭합니다.
  10. 플레이어를 게시하려면게시 및 포함 변경 내용 > 게시를클릭합니다.
  11. 열린 대화상자를 닫으려면닫기를클릭합니다.

코드를 사용하여 설치

코드를 사용하여 싱글 플레이어 용 플러그인을 설치하려면 다음 코드를 가이드로 사용하세요.

<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>

Google의 리치 결과 테스트 도구

플러그인이 설치되고 Brightcove Player에 비디오를 게시하면 구조화 된 데이터가 올바른지 테스트 할 수 있습니다. Google은리치 결과 도구 .

이 페이지에서 플레이어가 포함된 페이지의 URL을 입력하고 데스크톱 또는 스마트폰 클라이언트를 기반으로 테스트하도록 선택하라는 메시지가 표시됩니다.

풍부한 결과 UI

페이지의 URL을 입력하고테스트 URL , 데이터의 오류가 표시됩니다.

풍부한 테스트 결과

결과는 페이지 통과 여부를 표시할 뿐만 아니라 유용한 추가 정보도 제공합니다. 예를 들어 비디오 제목을 클릭하면 비디오 정보가 확장됩니다.

풍부한 테스트 비디오 정보
풍부한 테스트 비디오 정보

사용 된 스키마

이 플러그인은 Video Cloud 비디오의 메타 데이터를 페이지에 삽입하는 데 사용됩니다. Schema.org구조화 된 데이터. JSON-LD 형식을 사용합니다. 비디오 SEO를 위해 Google에서 지원 :

<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>

플러그인 옵션

이 플러그인과 함께 사용할 수있는 6 가지 옵션이 있습니다.

  • :schemaId 사용할 값@id메타 데이터에서. 동영상을 나타내는 고유 한 URI 여야하지만 반드시 "실제"URL 일 필요는 없습니다. 이것은 임의적이며 다음과 같은 값일 수 있습니다.
    • https://mydomain.com/videos/{id}
    • https : //videos.mydomain.com# {id}
    • https://mydomain.com/article-about-video-{id}#the-video

    다음은 매크로로 허용됩니다.

    • {신분증}
    • {referenceId}
    • {playerId}
    • {embedId}
    • {계정 ID}

    기본 URI는 다음과 같습니다.

    https://players.brightcove.net/{accountId}/{playerId}_{embedId}/index.html?videoId={id}
  • :keywords true 인 경우 태그를 키워드로 포함합니다.

    기본값은그릇된 .

  • :excludeTags 키워드로 포함하지 않을 태그의 배열입니다.

    : ["youtubesync"]

  • :baseObject선택권동영상 관련 메타 데이터를 빌드 할 속성 개체입니다. 예를 들어 게시자 개체를 포함하는 데 사용할 수 있습니다.
    "baseObject": {
      "publisher": {
        "@type": "Organization",
        "name": "Publisher name",
        "logo": {
          "@type": "ImageObject",
          "url": "https://example.com/logo.jpg",
          "width": 600,
          "height": 60
        }
      }
    }
  • :includeEmbedUrl 만약그릇된 , 삽입 URL이 포함되어 있지 않습니다. 이 URL을 포함하는 것은 검색 엔진에서 예상 할 수 있습니다.

    기본값은진실 .

  • :preferLongDescription 만약진실 , 가능한 경우 자세한 설명을 사용하십시오. 만약그릇된 , 또는진실자세한 설명이 설정되지 않은 경우 (짧은) 설명 필드가 사용됩니다.

    기본값은그릇된 .

  • transcript : true 인 경우 플레이어 언어(일반적으로 페이지 언어와 일치함)와 일치하는 첫 번째 자막 또는 캡션 트랙에서 대본이 생성됩니다.

    기본값은그릇된 .

  • transcriptMatchAny : transcript true이고 또한 true인 경우 일치하는 언어가 없으면 사용 가능한 첫 번째 트랙에서 트랜스크립트가 추가됩니다.

    기본값은그릇된 .