VideoObjectSchema가 구글에 표시되는 예시-구글일반검색-구글동영상검색-구글이미지검색-구글디스커버검색

Schema & Structured Data for WP & AMP 플러그인 : VideoObject Schema(동영상 스키마)

Google 검색센터의 고급검색엔진최적화  설명중 동영상 최적화 권장사항

Google 검색센터는 고급검색엔진최적화 중 동영상 최적화 방법으로 아래의 5가지를 권하고 있습니다.

이 게시글을 따라 하시면 상대적으로 덜 중요한 4. 5를 제외한 중요한 부분 1. 2. 3. 을 해결할 수 있습니다. 동영상 최적화 방법으로 탁월한 방법이므로 잘 숙지하시고 활용해주세요. 

  1. Google이 내 동영상을 찾을 수 있도록 돕기
  2. 동영상 색인이 생성될 수 있는지 확인
  3. Google이 내 동영상 콘텐츠 파일을 가져오도록 허용
  4. 특정 동영상 기능 사용 설정
  5. 필요에 따라 동영상 삭제, 제한 또는 업데이트

VideoObject Shema 의 중요성

  • 검색엔진최적화는 크게 웹페이지, 지도, 동영상, 이미지 이렇게 4개의 분야에서 이루어지게 됩니다.  VideoObject Schema는 동영상 검색엔진 최적화의 고급 단계이며 Schema & Structured Data for WP & AMP 플러그인은 이것을 가능하게 합니다.
  • VideoObject Schema 를  적용하면 동영상 최적화가 완성됩니다. 동영상에 VideoObject Schema를 적용하면 설명, 미리보기 이미지 URL, 업로드 날짜, 길이와 같은 정보를 명시적으로 제공되어집니다.
  • VideoObject Schema 가 적용동영상은 Google (일반)검색 결과페이지, 동영상 검색 결과페이지, Google 이미지 검색 결과페이지 그리고 Google 디스커버 이렇게 4군데에서 노출되고 상위에 랭크됨으로써 웹사이트로 유입을 상당히 증대시킵니다. 

아래의 이미지는 동영상이 Google (일반)검색 결과페이지, 동영상 검색 결과페이지, Google 이미지 검색 결과페이지 그리고 Google 디스커버 에 표시된 것을 예시로 보여주는 캡처화면입니다. (참고 : Google 디스커버 에 관해서는, 구글 서치콘솔에  Google 디스커버 실적을 조회하는 방법이 있어  월 조회수 1만회 이상의 2개의 웹사이트의  실적중 Google 디스커버 실적을 조회해 보았는데 1건도 없습니다. 아직은 시가상조의 서비스같습니다. )

VideoObjectSchema가 구글에 표시되는 예시-구글일반검색-구글동영상검색-구글이미지검색-구글디스커버검색( 이미지 출처 : 스키마 마크업을 사용하여 Google에 동영상 노출 )

  • transcript 속성 : 개인적으로 Schema & Structured Data for WP & AMP 플러그인의 videoobject schema 의 가장 놀라운 점으로 transcript 스키마 속성을 들고 싶습니다. transcript, 동영상의 자막에 해당하는데, 설명(description) 다음으로 이 동영상이 어떤 동영상인지를 알려주는 부분입니다.  transcript 안에 들어가 있는 내용은 해당 페이지의 전체 text입니다.  유튜브 동영상 최적화에서 중요한 요소를 뽑으라면, 제목 > 설명 > 자막입니다.  그런데 해당 페이지의 전체 text 가 자막으로 들어가 있으니 videoobject schema 를 적용한 페이지가 구글동영상 검색결과 페이지에 얼마나 잘 노출될지는 너무 분명합니다. 동영상 최적화의 정수라 할 수 있습니다. 

리치 검색 결과 테스트-transcript


 

Google 검색과 디스커버를 위한 동영상 권장사항 | 검색 센터 라이트닝 토크(6:54)

이 게시글에서 저는 VideoObject Schema를 워드프레스중 Schema & Structured Data for WP 플러그인을 이용하여 적용할 것입니다.

아래의 동영상은 사이트빌더로 워드프레스를 사용하는지 유무와 상관없는 일반적인 소개 영상입니다.  

아래의 동영상은 Google의 제품 관리자인 다니엘 마시크가 Google 검색과 디스커버에서 여러분의 동영상이 표시되게 하는 권장사항을 공유합니다.

Google이 동영상을 인덱싱하는 방법, Google에 동영상이 표시되는 기능과 이런 기능에 최적화하기 위한 작업을 소개합니다.

이 동영상은 아래와 같은 내용들을 담고 있습니다.

 

Google이 동영상의 색인을 생성하는 방법(01:07, How Google indexes videos)

1. 비디오를 식별하는 신호(1:25, Signals to identify a video)
– Video html tags
– Structured data markup
– Video sitemaps : Google이 내 동영상을 찾을 수 있도록 돕는 좋은 수단입니다. 구글 검색센터의 동영상 Sitemap 및 대안 를 참조하시어 만들수 있으나 어렵습니다. 참고로, 워드프레스를 이용하시는 경우, All in One SEO, Yoast SEO, Rank Math SEO 플러그인에서 video sitemap을 제공합니다. 저는 Yoast SEO에서 사이트맵 생성을 꺼놓고 Google XML Sitemaps을 이용하는데 Google XML Sitemaps는 video sitemap을 제공하지 않는 한계가 있습니다. 아래의 플러그인을 설치하였으면 sitemap url은 https://www.seenbuy.kr/sitemap-video.xml 입니다. 잘 생성되는지 나중에 확인해 보세요. 

Google Video Sitemap Feed With Multisite Support

 

2. 비디오를 이해하기 위한 신호(1:40, Siganls to understand a video)
– Text on the page
– Referral links
– Structured data markup
– Video content files

Google에서 동영상이 보여지는 모습(02:12)

동영상 권장사항(3:46, Video best practices)
1. 웹에서 동영상 사용 가능하게 하기(03:51, Make your videos available on the web)
2. 구조화된 데이터를 VideoObject 마크업과 함께 제공하기(04:10, Provide structured data with VideoObject markup)
3. 고품질 썸네일 포함하기(04:38, Include high-quality thumbnails) : 가능하면 고품질 썸네일(480×360) – hqdefault.jpg 을 제공해주세요. 고품질 썸네일은 Google 검색 센터가 추천하는 동영상 최적화 항목입니다.(동영상 권장사항)
4. 동영상 사이트맵 제출하기(05:58, Submit a video sitemap)
5. 동영상 컨텐츠 접근 가능하게 하기(05:10 Make video content files accessible)

 


 

VideoObject Shema 적용시 유의사항

  • (일반)검색결과와  동영상 검색결과에는 페이지제목, 설명, 미리보기 이미지 URL, 업로드 날짜, 길이가 보여집니다. Schema & Structured Data for WP & AMP 플러그인을 이용하면 설명, 미리보기 이미지 URL, 업로드 날짜, 길이는 자동으로 만들어집니다. 그런데 설명의 경우, 해당 페이지의 맨 앞부분에서 자동으로 발췌를 하므로 검색자에게 동영상을 클릭하게 하려면 동영상이 담고 있는 실제 내용을 설명으로 수동으로 작성해주시는 것이 필수적으로 요구됩니다. 
  • VideoObject 스키마를 추가하면 자동으로 데이터를 가져오지만 이를 위해서는 YouTube API 키를 넣어주셔야 합니다. Schema & Structured Data for WP & AMP 플러그인의 setting 중 advanced(스키마 삭제 포함)중에서 [YouTube API Key]를 참조하세요. 구글 API 콘솔에서 새 프로젝트를 만들때는 youtube 채널의 개설자의 gmail 계정으로 만들어야만 함을 잊지마세요. 

Schema & Structured Data for WP & AMP 플러그인 : setting 중 advanced(스키마 삭제 포함)

  • 필수 속성 4개(1. description(동영상 설명. HTML 태그는 무시됩니다.), 2. name(동영상 제목), 3. thumbnailUrl(동영상 썸네일 이미지 파일을 가리키는 URL), 4. uploadDate(동영상이 처음 게시된 날짜)중 3. thumbnailUrl 는 따로 수동으로 넣어주셔야 합니다.  “유튜브 동영상 썸네일 추출 방법”은 아래에서 상세히 설명드리겠습니다. [Settins]-> [Global]-> [Default Data]에서 Default Image를 넣어준 경우에는 https://www.seenbuy.kr/wp-content/uploads/2016/08/cropped-seenbuy_logo-2.jpg 처럼 해당이미지의 경로가 thumbnailUrl 로 대체됩니다. 일일히 수동으로 thumbnailUrl (썸네일)을 설정하기 어려우신 분들은  Default Image를 넣어주세요. 고품질 썸네일은 Google 검색 센터가 추천하는 동영상 최적화 항목입니다.(동영상 권장사항). 가능하면 고품질 썸네일(480×360) – hqdefault.jpg 을 제공해주세요.
  • 아래의 이미지는 Default Image경로가 thumbnailUrl 로 설정된 동영상이 검색결과에 표시된 것을 캡쳐한 것입니다. 2개의 동영상의 길이가 서로 다릅니다. 다른 동영상이라는 의미인데, 동영상 썸네일(미리보기)이미지를 클릭하면 동영상을 플레이되는 것이 아니고 동영상이 있는 페이지로 이동합니다. 이것은 웹사이트로 유입을 늘리고 클릭수를 늘림으로써 검색엔진최적화에 핵심적인 역할을 합니다. 

동영상스키마가 구글동영상검색결과에 표시되는 모습과 클릭시 이동하는 위치

  • 권장 속성중 가능한 contentUrl 속성은 제공하는 것이 권장됩니다.  contentUrl 속성은 Google이 내 동영상 콘텐츠 파일을 가져오도록 허용해주는 역할을 합니다.(내 동영상을 더 잘 찾을 수 있도록 안내해주는 역할을 합니다.)
  • contentUrl 속성을 제공할 수 없는 경우 embedUrl속성을 대신 제공하시면 됩니다.  동영상이 유튜브 동영상이면, YouTube API 키를 넣어준 경우에는 유튜브에서 메타데이터를 자동으로 가져오므로 contentUrl 속성과 embedUrl속성을 가져오므로 가끔 구글 서치 콘솔에서 “‘contentUrl’ 또는 ’embedUrl’이(가) 지정되어야 합니다.”라는 주의를 요하는 경고가 뜨는지 확인하시면 됩니다. contentUrl 속성을 넣어주지 않으면 구글 서치콘솔 “‘contentUrl’ 또는 ’embedUrl’이(가) 지정되어야 합니다.”라는 주의를 요하는 경고로 표시됩니다.
  • 경고가 뜨더라도 권장 속성이라 (치명적인)오류는 아니므로 검색결과에 노출은 잘 됩니다. 동영상이 자체 서버로 업로드한 경우라면 워드프레스는 CMS No1답게 이 플러그인이 가져오므로 신경쓸 필요가 없습니다. 자체 서버에 업로드된 경우, contentUrl 속성값은 아래와 같이 표현됩니다.
"contentUrl": "https://www.example.com/video/123/file.mp4"

videoobject 스키마 관련 경고-contentUrl 또는 embedUrl이(가) 지정되어야 합니다

  • Topical Relevance 관련 속성 : 이 플러그인의 VideoObject Shema에는 VideoObject Shema의 하위속성으로 Topical Relevance를 알려주는 ‘about 속성과 mention 속성’을 설정해주는 부분이 없는데, 이것은 custom schema로 추가해주세요. 

 

 Schema & Structured Data for WP 플러그인을 이용하여 VideoObject Schema 를 설정하는 방법(How to set-up VideoObject Shema )

이하에서는  워드프레스중 Schema & Structured Data for WP 플러그인을 이용하여 VideoObject Shema 를 설정하는 방법(How to set-up VideoObject Shema )

Schema & Structured Data for WP 플러그인 강점

  • 자사/자신이 올린 것만 되는 것이 아니고 타사/타인이 올린 모든 동영상에도 VideoObject 스키마를 적용할 수 있습니다.
  • 새로은 schema type으로 VideoObject Schema를 추가해주기만 하여도 유튜브 동영상들은 동영상으로 색인이 시작됩니다. Excellent !!

Structured Data for WP 플러그인으로 Structured Data for WP 플러그인 적용시 구글 서치콘솔에 색인되는 모습

  • 7~10일 정도 지나서 색인결과들이 표시되면 오류와 유효(경고있음)가 뜨는 항목들만 찾아서 작업해 주면 됩니다.

동영상 콘텐츠를 구조화된 데이터로 마크업하여 Google 검색을 동영상 검색 및 시청을 위한 진입점으로 만드세요. 설명, 썸네일 URL, 업로드 날짜 및 기간과 같은 세부정보를 제공할 수 있습니다.

단계는 다음과 같습니다.

 

1.  먼저  WordPress 대시보드  ->  Structured Data(구조화된 데이터)  ->  Schema Types(스키마 유형)  -> Add schema Type(스키마 유형 추가) 를 클릭합니다  .

2. 이 옵션에서 VideoObject 스키마 유형 을 선택합니다. 

3. 이 섹션에서는 VideoObject 스키마 유형 을 표시하려는 특정 게시물 또는 페이지 또는 모든 게시물에 대한 조건을 설정합니다.

4. 배치를 선택한 후 다음을 클릭합니다. 축하합니다! 스키마 마크업을 성공적으로 설정했습니다.

소스 코드에는 아래 스크린샷과 같이 JSON 스키마 마크업이 추가됩니다.

그런 다음 스키마가 검증 되었는지  또는  구조화된 데이터 테스트 도구  에서 오류가 보여지는지 확인해야 합니다  .

다음은 일부 샘플 마크업의 스크린샷입니다.

 

 

아래의 게시글을 2021-09-04 VideoObject 스키마를 적용하고 구조 데이터 테스트 도구:  https://search.google.com/structured-data/testing-tool로 살펴보았습니다.

‘thumbnailUrl’ 입력란이 누락되었습니다.

thumbnailUrl입력란이 누락-리치 검색결과 테스트

( 우측 url 을 클릭하면 상기 이미지를 보실 수 있습니다. https://search.google.com/test/rich-results?id=FlVucU8j8INi52FmULWf-w )

이 오류는 아래의 이미지의 분홍색 부분에 ‘thumbnailUrl’을 공란으로 해두어서 발생하는 오류입니다.

VideoObject 스키마 적용 화면

유튜브 동영상 썸네일 추출 방법

유튜브 동영상 썸네일 추출 을 참조하시는데 동영상이 많은 경우, ‘thumbnailUrl’을 추가하는 것이 보통 일이 아닙니다.

아래와 같은 동영상 url 은 혼돈을 야기하는 경우입니다.

https://www.youtube.com/watch?v=cvwpLarbUD8&t=1s

cvwpLarbUD8&t=1s 처럼 표시되는 것들은 재생목록도 아닌데 희한하게 표시됩니다. 상식적으로는 cvwpLarbUD8&t가 동영상 id일 것 같은데, … iframe으로 보면 쉽게 찾을 수 있습니다. cvwpLarbUD8 이 동영상 ID였습니다.

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/cvwpLarbUD8” title=”YouTube video player” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

재생목록 안에 있는 동영상은 해당 단편 동영상을 찾아서 동영상 ID값을 넣어주어야 합니다.

 

http://img.youtube.com/vi/[동영상 ID값]/[이미지형식].jpg
http://img.youtube.com/vi/c-h3GxHofcA/0.jpg

동영상 배경 썸네일(480×360) : 0.jpg
동영상 시작지점 썸네일(120×90) : 1.jpg
동영상 중간지점 썸네일(120×90) : 2.jpg
동영상 끝지점 썸네일(120×90) : 3.jpg
고해상도 썸네일(1280×720, 1920×1080) : maxresdefault.jpg
중간해상도 썸네일(640×480) : sddefault.jpg
고품질 썸네일(480×360) : hqdefault.jpg
중간품질 썸네일(320×180) : mqdefault.jpg
보통품질 썸네일(120×90) : default.jpg
표준형 썸네일(640×480) : sddefault.jpg
최대 해상도 썸네일(1920×1080) : maxresdefault.jpg

 

VideoObject 스키마 적용후 검색결과 페이지에 보여지는 모습

아래의 이미지는 “www.copy114.kr 꽃집”으로 검색하여 동영상 섹션을 살펴본 캡쳐 이미지 입니다.

VideoObject 스키마 적용된 동영상은 검색결과페이지의 설명란이 동영상 스키마에서 입력한 설명(description) 그대로 표시됩니다. 또한 검색 키워드, 꽃집이 보이지 않는데도 검색결과 상단(2위)에 노출됩니다. 

한편 다른 동영상들의 설명란에는 검색어(www.copy114.kr 꽃집)중 꽃집이란 단어가 들어가 있는 부분들이 검색결과의 설명으로 노출이 됩니다.  이 경우,  VideoObject 스키마 적용를 적용하지 않은 동영상이 오히려 잘 노출이 되는 것이 아닌가는 의문이 생기는데 그렇지 않습니다. 검색결과페이지에 ****꽃집****라는 설명이  표시되는 것은 구글이 검색 품질을 높히기 위해 구글이 색인해두었던 본문 내용을 동영상과 함께 표출해주는 것이지 해당 동영상의 설명이 저장된 것은 아니기 때문입니다. 

VideoObject 스키마 적용은 검색결과페이지에 노출될 가능성을 많이 높힌다는 점에서는 매우 유용한 도구입니다. 단지 ‘thumbnailUrl’을 추가하는 것이 번거로운 일입니다. 

VideoObject 스키마 적용전 검색결과-2VideoObject 스키마 적용전 검색결과-2

 

 

참고자료 : 1. How to set-up VideoObject Shema

2. Google 검색센터의  동영상 권장사항

3. 동영상 Sitemap 및 대안

1 thought on “Schema & Structured Data for WP & AMP 플러그인 : VideoObject Schema(동영상 스키마)

Average
5 Based On 1

답글 남기기