знайте, что при любых раскладах, со смартфонов просмотров за месяц в два раза больше чем с планшетов и десктопов. И это не зависимо, какое посещение в целом. Это закономерность сегодняшнего дня.
Об этом регулярно Мой бизнес Google сообщает в своём письме, вместе с другими показателями, владельцу сайта. Поэтому просматриваю все сайты конкурентов на предмет их адаптивности и читабельности в сравнении с моим ресурсом.
Иногда даже завидую, иногда удовлетворяюсь такими сравнениями. Скажу только одно, если страница не адаптирована, делать нечего, покидаешь сайт и идёшь дальше. Кроме того,
Размер шрифта и его жирность играют важнейшую роль в читабельности. Легко читать приятно. А просматривать картинки и видео?.
И тут очень важно на экране смартфона рассмотреть качественные фото и видео. Это дополнительный трафик, который даёт адаптирование фото и видео. Как этого добиться с видео?
Если вставлять видео не с ютуба, а с фейсбука. Фейсбук просто предлагает код вставки своего видео в кодировку вашей страницы под заглавием, например:
Безумный клёв зимой продолжается! Рекордный окунь, щука, налим, и выводит такой HTML код.
<iframe src="https://www.facebook.com/plugins/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2Fmr.fisherman.russia%2Fvideos%2F3044981992267868%2F&show_text=false&width=476" width="476" height="476" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"></iframe>
Просматривая этот код, замечаете ограничения размеров фрейма. Причём высота и ширина не соответствуют современному формату видео 16 : 9.
Посмотрите модернизированный код ниже.
<iframe width="auto" src="https://www.facebook.com/plugins/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2Fmr.fisherman.russia%2Fvideos%2F3044981992267868%2F&show" allow="autoplay; encrypted-media"></iframe>
Он в два раза меньше предыдущего и вполне адаптивен плавно подстраиваясь под любой смартфон. Что касается стилей и их короткий набор селекторов пройдите на страницу-Подборка видео «Советы рыболовам и места рыбалки» и через команду посмотреть код, откройте файл CSS, скопируйте себе HTML и CSS коды для возможной работы.
Видео из фейсбука бывают интересными и познавательными. А их загрузка на сайт не несёт никакой нагрузки на сервер и сам сайт. Польза сайту очевидна, если у конкурентов видео не адаптированы
![]()
Это интересно
0
|
|||
Последние откомментированные темы: