字幕がつなぐ、ウェブと動画のこれからの関係
よつばデザイン 後藤 賢司
ともすた たにぐち まこと

よつばデザイン
デザイナー。東京と⼤分の2拠点で活動。
「企画提案・設計」が得意。
中⼩企業向けにコンサルからデザインまでトータルで関わる。
中⼩企業アドバイザー。

後藤賢司

KPI・⽬標必達の動画マーケティング
成功の最新メソッド
村岡 雄史 (著), 本橋 へいすけ (著), 後藤 賢司 (著), 染⾕ 昌利 (著)エムディエヌコーポレーション

webクリエイターのための情報交換所
ウェブ制作に関する情報交換を⽬的としたFacebookグループ
参加⼈数約8700⼈。各地でウェブ情報まとめセミナーを開催。

あんこ好きこしあん・つぶあんどちらもOK
⽩あんはNG

Q

A

Q

A

SNS

ブランドイメージ

説明動画 解説

ブランド・地域PR

レビュー動画 体験・レポート
ライブ動画
ライブコマース・セミナー中継

VLOG
個⼈の発する⽇記・雑記

対談動画
インタビュー

学習動画
Eラーニング番組動画テレビ番組⾵
作品動画ストーリー性のある動画

動画の⽬的SNSセールスプロモーション的動画⼿法•POPやデジタルサイネージ•直感•その場で⼈を動かす※セールスプロモーション＝SP・販売促進活動

訪問者が知りたいことは？
解決したい課題は？

⼀瞬で判断・早送りスクロールを⽌める価値があるか？
Instagram

TikTokシーンは演出よりも記号的な役割。
直感的に理解できれば良いSNS信頼SNShttps://www.youtube.com/watch?v=kcA1nebGzgg

VTuber

https://togetter.com/li/1196800

VTuber

https://togetter.com/li/1196800

単純接触効果⼈は接触回数が多いと親近感を覚える（芸能⼈と同じ）

SNSで動画を使⽤する場合
Facebook最⼤120分。ファイルサイズ最⼤4.0GB

Instagram

最⼤60秒

Twitter

最⼤2分20秒

Google
マイビジネス

最⼤ 30 秒。ファイルサイズ 最⼤ 100 MB
解像度: 720p 以上

よほどのシーンで無ければ3秒以内でつなぐ

説明ではなく認識できれば良いパーソナルな空間で⾃分にとってプラスになりそうと思えるかが重要谷口 允（@seltzer）たにぐち まこと

2002年〜

2018年〜

企業のYouTube活用大調査

テレビCM出稿額ランキング（2018年）
順位

企業名

出稿額（億円）1 日本コカ・コーラ
2 花王
3 P&G
4 興和
5 リクルートホールディングス
6 小林製薬7 ライオン
8 ＫＤＤＩ
9 トリバゴ
10 ソフトバンク

324
316
298
254
227
177
164
161
153
146
株式会社サイカ調べ https://xica.net/magellan/column/tvcm-ranking/テレビCM出稿額ランキング（2018年）
順位

企業名出稿額（億円）

1 日本コカ・コーラ
2 花王
3 P&G
4 興和
5 リクルートホールディングス
6 小林製薬7 ライオン
8 ＫＤＤＩ
9 トリバゴ
10 ソフトバンク

324
316
298
254
227
177
164
161
153
146

チャンネル開設企業
93 / 100

チャンネル登録者数ランキング（総合）
順位

企業名

1234
5
6
7 東宝（32位）
8 ディーエイチシー（61位）
9 グーグル（69位）
10 オリエンタルランド（89位）

登録者数

48万人
48万人
31万人
29万人

チャンネル登録者数ランキング（総合）
順位

企業名

12
3
特定の年齢層がターゲットの企業
4
5
6
7 東宝（32位）
8 ディーエイチシー（61位）
9 グーグル（69位）
10 オリエンタルランド（89位）

登録者数

48万人
48万人
31万人
29万人

チャンネル登録者数ランキング（総合）順位

企業名

1 任天堂（94位）
2 バンダイナムコエンターテイメント（41位）
3 タカラトミー（85位）
4 ウォルト・ディズニー・スタジオ・ジャパン（58位）
5 スクウェア・エニックス（17位）
6 バンダイ（84位）
7 東宝（32位）
8 ディーエイチシー（61位）
9 グーグル（69位）
10 オリエンタルランド（89位）

登録者数

121万人
95万人
89万人
64万人
61万人
57万人
48万人
48万人
31万人
29万人

チャンネル登録者数ランキング（総合）順位

企業名

1 任天堂（94位）
2 バンダイナムコエンターテイメント（41位）
3 タカラトミー（85位）
4 ウォルト・ディズニー・スタジオ・ジャパン（58位）
5 スクウェア・エニックス（17位）
6 バンダイ（84位）
7 東宝（32位）
8 ディーエイチシー（61位）
子ども向けの商品・サービスが独占
9 グーグル（69位）
10 オリエンタルランド（89位）

登録者数

121万人
95万人
89万人
64万人
61万人
57万人
48万人
48万人
31万人
29万人

オリジナル番組が多数

ビジネス系ユーチューバー

出し惜しみしない宣伝字幕の世界YouTubeらしい字幕

音声が流れない環境への対応

タイムライン上では音声が再生されない外国人への対応

字幕• 音声では伝えられない人へ内容を伝えられる• 動画が分かりやすく、伝わりやすく• 説明的。「雰囲気」がなくなる

動画内字幕の問題点

検索エンジンには認識されない

検索ロボットは読み取れない「やりかた」検索YouTubeの各要素
ハッシュタグ
タイトル

説明（約3行）

もっと動画を正確に検索させたい！

CC

CC

Closed Caption（CC）字幕 ≠ Closed Caption（CC）

Closed Caption（CC）• 映像の内容を細かく伝える文字情報• 普段は表示されておらず、必要とする人が利用する機能YouTubeの場合

VTT（Video Text Tracks） = CCのデータ形式
WEBVTT
00:00:00.000 --> 00:00:02.540
こんにちは、ともすたのたにぐちです
00:00:02.640 --> 00:00:04.830
いつもこのチャンネルをご覧いただきありがとうございます
00:00:04.930 --> 00:00:07.100
今日はですね
ちょっとひとつお知らせがありまして
00:00:07.200 --> 00:00:09.930
動画撮っているんですけれども、あのこのともすたでですね
00:00:10.030 --> 00:00:12.450

MP4の埋め込み動画の場合

track要素<video id="video" controls preload="metadata"><source src="video/sintel-short.mp4" type="video/mp4"><source src="video/sintel-short.webm" type="video/webm"><track label="English" kind="subtitles" srclang="en"src="captions/vtt/sintel-en.vtt" default><track label="Deutsch" kind="subtitles" srclang="de"src="captions/vtt/sintel-de.vtt"><track label="Español" kind="subtitles" srclang="es"src="captions/vtt/sintel-es.vtt"></video>IE10以降なら、ほぼ対応済み

ダメなCCの例

•

1行の文字数が多すぎる•行が多すぎる•

切り替わりが早すぎるCCのガイドライン例

1秒あたりの目安文字数

5文字〜7文字

1行の最大文字数

12文字〜17文字

最大行数

2行程度まで最短表示時間0.5秒

バリアフリー字幕• 話し声以外の環境音、状況説明も字幕に• 誰が話したのか（話者）を明記する

CC（Closed Caption）を使おう• 動画アクセシビリティが確保できる• SEO効果で検索にヒットしやすくなる（はず）• プログラムが動画の内容を理解できる

字幕の問題点

手間がめちゃくちゃかかるがんばれAI字幕のある未来

検索の結果に応じて動画の途中から再生各国の言語に自動翻訳あらゆる人が、動画を楽しめるようにまとめ• 「動画マーケティング」が当たり前の時代• 次の動きは「動画SEO」「動画アクセシビリティ」• 動画に取り組むとともに、CCを準備しておきましょう