1.
Видео SEO

2.
2
Съдържание
1. Хостване на наш сървър
- HTML5 video tag
- Microdata
2. Използване на видео хостинг
- YouTube
- Други услуги

3.
3
1. Хостване на наш сървър

4.
4
Хостваме сами - ползи
● Обратни връзки чрез вграждане
● Обратни връзки чрез споделяне
● Нашият сайт се класира
● За търсачките видеото е съдържание
● Транскрипция
● Печелим потребители и читатели
● Контрол: Качеството, HTML5, Microdata

5.
Self-Hosted HTML5

6.
6
Хостваме сами - негативи
● Технически познания за конвертиране
● Поддържане на формати / размери
● Изисква се дисково пространство
● Изразходване на огромен трафик
● Трафик и при вграждания от нас

7.
7
Изображение в HTML
<img src="file.jpeg">

8.
8
HTML5 Video
<video src="file.webm">

9.
Нов безплатен кодек

10.
10
HTML5 Video (Sources)
<video controls poster="thumb.jpg">
<source src="vp9.webm" />
<source src="vp8.webm" />
<source src="h264.mp4" />
</video>

11.
11
Резултатът

12.
12
HTML5 Video (Types)
<video controls poster="thumb.jpg">
<source src="vp9.webm" type="video/webm" />
<source src="vp8.webm" type="video/webm" />
<source src="h264.mp4" type="video/mp4" />
</video>

13.
13
HTML5 Video (Codecs)
<video controls poster="thumb.jpg">
<source src="vp9.webm" type='video/webm;
codecs="vp9, opus" ' />
<source src="vp8.webm" type='video/webm;
codecs="vp8, vorbis" ' />
<source src="h264.mp4" type="video/mp4" />
</video>

14.
Разпознаване на обекти

15.
15
Microdata за Video
http://Schema.org/VideoObject
● name, description, thumbnailUrl
● contentUrl || embedURL
● image, uploadDate, duration, author ...
● HTML5 <video> tag
● VideoObject as SubObject Article
VideoObjectВидео по темата:
http://www.cloxy.com/blog/microdata-video/

16.
16
Microdata Video
<article itemscope itemtype="
http://schema.org/VideoObject">
<h1 itemprop="name">Title</h1>
<p itemprop="description">Desc.</p>
<video controls poster="thumb.jpg">
<source src="vp9.webm" type='video/webm;
codecs="vp9, opus" ' itemprop="contentUrl">
<img src="" itemprop="thumbnailUrl image" />
</video>
<meta itemprop="duration" content="PT5M6S" />
</article>

17.
19

18.
Избор на Thumbnail

19.
IMG Fallback
<video controls poster="thumb.jpg">
<source src="">
<source src="">
<img src="thumb.jpg"
itemprop="thumbnailUrl image" />
</video>
Защо интересна картинка за социалните мрежи?

20.
Не използвайте Flash!

21.
2. Използване на видео хостинг

22.
24
Видео хостинг - ползи
● По-лесно качване и конвертиране
● Няма нужда от технически познания
● Не мислим за място и трафик
● Видимост заради платформа
● По-лесно споделяне по социалните
мрежи, по-познато

23.
25
Видео хостинг - негативи
● Връзките ги обира видео сайтът
● Споделянията също
● Липса на контрол
● Ниско качество на видеото
– H.264 / MP4
– Ниска резолюция
– Нисък bitrate
– 1 pass encoding
– Ограничена продължителност / размер

24.
Видеата изчезват...

25.
И в YouTube...

26.
28
YouTube Карти

27.
29
Видео платформи
● Къде качвам видеата аз?
– На моя сайт
– YouTube
– Vimeo
– VBOX
– Dailymotion
– Facebook
● Всеки път с различно заглавие...

28.
30
Вграждания от YouTube

29.
31
YouTube Факти:
● Втората за популярност търсачка
● 10-15 часа видео се качва всяка минута
● 45% за Google от рекламите
● По-изгоден процент за любимците
● Лоша система за коментари
● DMCA сваля всяко видео
● Най-дразнещите реклами

30.
32
Видео хостинг услуги
● Amazon S3
● MediaFire
● Vimeo
● Wistia

31.
33
Въпроси?
Васил Тошков
● G+: bit.ly/toshkov
● Mail: cloxy@cloxy.com
● Blog: cloxy.com/blog/
● Site: www.cloxy.com