Видео SEO Защо и как да хостваме видеата си сами?

1. Видео SEO
Защо и как да хостваме видеата си сами?
Васил Тошков

2. Вграждане от YouTube
●
Бавно зареждане (много JavaScript)
●
Адаптивен дизайн – трудно
●
Следене, бисквитки – GDPR
●
Видеото може да изчезне - Цензура
●
Ниско качество на картина/звук (филтри)
●
Реклами на конкуренцията, подобни видеа

3. Хостване на видео сами
<video src="video.mp4"></video>

4. Хостване на видео сами
<video controls poster="img.jpg">
<source src="video.mp4">
</video>

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

6. Буфериране
<video controls preload="auto" poster="img.jpg">
<source src="video.mp4">
</video>
preload="auto|metadata|none"

7. Видео формати за уеб
Година Формат Видео кодек Аудио кодек
2003 MP4 H.264 AAC
2004 OGG Theora Vorbis
2010 WEBM VP8 Vorbis
2013 WEBM VP9 Opus
2018 WEBM AV1 Opus

8. H.264 (1/3)
Как да си енкодираме видеото сами чрез ffmpeg
ffmpeg -i vid.mkv -c:v libx264 -preset veryslow -c:a aac -
movflags faststart -f mp4 -pass 1 /dev/null &&
ffmpeg -i vid.mkv -c:v libx264 -preset veryslow -c:a aac -
movflags faststart -f mp4 -pass 2 h264.mp4

9. H.264 (2/3)
Преместване на блока с данни в началото.
ffmpeg -i vid.mkv -c:v libx264 -preset veryslow -c:a aac
-movflags faststart -f mp4 -pass 1 /dev/null &&
ffmpeg -i vid.mkv -c:v libx264 -preset veryslow -c:a aac
-movflags faststart -f mp4 -pass 2 h264.mp4

10. H.264 (3/3)
Максимално качество с оптимална големина на файла.
ffmpeg -i vid.mkv -c:v libx264 -preset veryslow -c:a aac -
movflags faststart -f mp4 -pass 1 /dev/null &&
ffmpeg -i vid.mkv -c:v libx264 -preset veryslow -c:a aac -
movflags faststart -f mp4 -pass 2 h264.mp4

11. Schema.org (1/4)
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "Заглавие на видеото",
"description": "Описание на видеото",
"thumbnailUrl": "https://example.com/thumb.jpg",
"uploadDate": "2022-09-28T08:00:00+02:00",
"duration": "PT10M54S",
"contentUrl": "https://example.com/video/file.mp4"
}
</script>

12. Schema.org (2/4)
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "Заглавие на видеото",
"description": "Описание на видеото",
"thumbnailUrl": "https://example.com/thumb.jpg",
"uploadDate": "2022-09-28T08:00:00+02:00",
"duration": "PT10M54S",
"contentUrl": "https://example.com/video/file.mp4",
"embedUrl": "https://www.youtube.com/embed/..."
}
</script>

13. Schema.org (3/4)

14. Schema.org (4/4)
●
Вземаме от YouTube само позитивите
●
Може да се направи и чрез embed failback
●
Видео схемата трябва да е първа
●
Google индексира само едно видео/страница
●
Най-важното видео трябва да е първо
●
Трябва и текст, само видео не е достатъчно

15. Подредба на видео страница

16. Въпроси?
Васил Тошков
●
facebook.com/cloxy
●
linkedin.com/in/cloxy/
●
cloxy.com/blog/
●
www.cloxy.com