Wideo w Divi — jak dodać i zoptymalizować
Materiał wideo na stronie zwiększa zaangażowanie odwiedzających i bywa korzystny dla SEO, bo treści wideo dobrze uzupełniają tekst. Problem w tym, że źle zaimplementowane wideo potrafi drastycznie spowolnić stronę i zepsuć wrażenia użytkownika. W tym poradniku pokazujemy, jak poprawnie dodać wideo w Divi i zoptymalizować je tak, by nie odbiło się na wydajności.
Skąd brać wideo na stronę
Najgorszym pomysłem jest wgrywanie ciężkich plików wideo bezpośrednio na hosting strony, ponieważ obciąża to serwer, wydłuża czas odpowiedzi i zajmuje miejsce. Znacznie lepszym rozwiązaniem jest hostowanie wideo na zewnętrznych platformach przeznaczonych do tego celu i osadzanie go na stronie. Serwer pozostaje wtedy odciążony, a odtwarzanie obsługuje wyspecjalizowana infrastruktura.
Sposoby dodawania wideo w Divi
Divi udostępnia dedykowany moduł wideo, który pozwala wstawić materiał z zewnętrznej platformy lub plik, dodać obraz zastępczy i kontrolować podstawowe ustawienia odtwarzania. To wygodne rozwiązanie dla typowych zastosowań, takich jak prezentacja oferty, materiał instruktażowy czy nagranie z wydarzenia. W bardziej rozbudowanych układach wideo można też osadzać w sekcjach jako element tła.
Optymalizacja wydajności
Aby wideo nie spowalniało strony, korzystaj z leniwego ładowania, dzięki któremu materiał wczytuje się dopiero w momencie, gdy staje się widoczny. Niezbędny jest też obraz zastępczy wyświetlany przed uruchomieniem nagrania. Pliki przygotuj w szeroko wspieranym formacie i rozsądnej rozdzielczości, dopasowanej do realnego sposobu wyświetlania, oraz utrzymuj umiarkowany poziom kompresji, by zachować równowagę między jakością a wagą pliku.
Wideo a Core Web Vitals
Automatycznie odtwarzane wideo w tle sekcji hero często psuje wskaźnik ładowania głównej treści, bo przeglądarka traktuje je jako kluczowy, ciężki element. Dobrym rozwiązaniem jest użycie statycznego obrazu jako głównego elementu widocznego od razu po wejściu, a samo wideo wczytywanie z opóźnieniem, poniżej pierwszego ekranu. Dzięki temu strona ładuje się szybko, a materiał wideo nadal jest dostępny.
Wideo a SEO
Wyszukiwarki potrafią indeksować wideo umieszczone na stronie, dlatego warto opisać je danymi strukturalnymi dla materiału wideo, co ułatwiają popularne wtyczki SEO. Dodanie transkrypcji nagrania na stronie nie tylko zwiększa dostępność, ale też pomaga w pozycjonowaniu na bardziej szczegółowe frazy, bo dostarcza wyszukiwarkom czytelny tekst powiązany z treścią filmu.
FAQ — najczęstsze pytania
Czy lepiej wgrać wideo na hosting, czy osadzić z zewnętrznej platformy?
Zdecydowanie lepiej osadzać wideo z zewnętrznej platformy. Wgrywanie ciężkich plików bezpośrednio na hosting obciąża serwer, wydłuża czas odpowiedzi i zajmuje miejsce, podczas gdy osadzanie przenosi obsługę odtwarzania na wyspecjalizowaną infrastrukturę i odciąża Twoją stronę.
Dlaczego wideo w tle hero psuje wydajność?
Automatycznie odtwarzane wideo w tle sekcji hero przeglądarka traktuje jako kluczowy, ciężki element, co pogarsza wskaźnik ładowania głównej treści. Lepiej użyć statycznego obrazu jako elementu widocznego od razu, a wideo ładować z opóźnieniem poniżej pierwszego ekranu.
Jak dodać wideo w Divi bez kodowania?
Skorzystaj z dedykowanego modułu wideo w Divi, który pozwala wstawić materiał z zewnętrznej platformy, dodać obraz zastępczy i ustawić podstawowe opcje odtwarzania. To wystarcza dla większości zastosowań i nie wymaga znajomości kodu.
Czy wideo pomaga w SEO?
Tak, pośrednio. Wyszukiwarki indeksują wideo na stronie, a opisanie go danymi strukturalnymi oraz dodanie transkrypcji zwiększa szanse na widoczność, w tym na bardziej szczegółowe frazy. Transkrypcja poprawia też dostępność materiału dla wszystkich użytkowników.
Pobierz Divi -10% →