Kompletny przewodnik po osadzaniu wideo na stronie internetowej
To już nie jest know-how, że dodanie filmów do witryny przyniesie niezrównaną wartość dla Ciebie i odwiedzających Twoją witrynę. Począwszy od poprawy wrażeń użytkownika - w naszej kulturze wizualnej ludzie wolą oglądać niż czytać - po korzyści SEO dla Twojej witryny. Wydłużenie czasu spędzanego w witrynie, wyższe współczynniki klikalności, zwiększenie konwersji, a tym samym przychodów to jedne z oczywistych korzyści płynących z osadzania filmów w witrynie. Wiele firm zajmujących się projektowaniem stron internetowych na całym świecie ręczy za fakt, że dodawanie filmów do witryny może znacznie poprawić wrażenia użytkownika.
Jednak proste przesyłanie nie wystarczy w tym przypadku. Osadzanie wideo w witrynie jest naprawdę dobrym rozwiązaniem. Osadzanie wideo może wydawać się rutynową pracą, jednak nie jest to takie oczywiste. Przy tak wielu informacjach na temat osadzania wideo z jednego miejsca do drugiego, staraliśmy się stworzyć ostateczny przewodnik po osadzaniu wideo na swojej stronie internetowej, który obejmuje wszystko.
Przejdźmy od razu do rzeczy!
Co to jest osadzanie wideo?
Przede wszystkim ważne jest, aby zrozumieć, co kryje się za głównym elementem osadzania wideo - kodem osadzania. Kod osadzania to fragment kodu HTML, którego można użyć do dodania wideo i innych rodzajów treści do swojej witryny.
Kod osadzania to fragment kodu HTML, którego można użyć do dodania wideo i innych rodzajów treści do swojej witryny.
Ten fragment kodu pomaga wyświetlać wideo w witrynie. Pobiera wideo z jego oryginalnego źródła, bez faktycznego "zmuszania" do hostowania go na swojej stronie internetowej. Oznacza to, że nie musisz się martwić, że wideo wpłynie na czas ładowania witryny, a także otwiera szereg możliwości wyboru między różnymi usługami hostingu wideo, które najlepiej odpowiadają Twoim potrzebom.
Chociaż większość usług hostingu wideo oferuje automatyczne generowanie osadzania, nie zaszkodzi zrozumieć podstawową strukturę kodu osadzania wideo:
<iframe src="URL"></iframe>
Zamiast części URL, wystarczy dodać link do filmu i voila - oto kod HTML. Znajomość HTML pozwoli ci również na ręczne dostosowanie kodu osadzania: dodanie wymaganej wysokości i szerokości lub zablokowanie określonych funkcji wideo, których nie chcesz wyświetlać na swojej stronie. Może to wyglądać następująco:
W tym momencie możesz się zastanawiać - dlaczego nie możesz po prostu przesłać filmu do swojej witryny i skończyć z kłopotami? Google często twierdzi, że filmy wydłużają czas ładowania witryny, zmniejszają jej szybkość, a tym samym wpływają na wygodę użytkownika i negatywnie wpływają na SEO. W związku z tym możesz stracić ruch, rankingi itp. Nie mówiąc już o przeciążonych serwerach, dodatkowych kosztach itp.
Osadzanie filmów na stronie internetowej pomoże ci przezwyciężyć większość z tych problemów. Oto dlaczego.
Embed Do Not Upload: Kluczowe zalety osadzonego wideo
1. Osadzanie wideo na stronie internetowej w celu wydłużenia czasu ładowania wideo (i SEO)
Po przesłaniu filmu do witryny jego załadowanie może zająć wieki, co z kolei wpływa na czas ładowania strony. Odwiedzający witrynę mogą więc doświadczyć powolnego ładowania wideo, nieoczekiwanych przerw i ogólnej odmowy odtwarzania. Osadzanie filmów może pomóc w utrzymaniu prędkości witryny na zrównoważonym poziomie i nie mieć negatywnego wpływu na wrażenia użytkownika. Według Johna Muellera z Google, szybkość witryny jest jednym z kluczowych czynników rankingowych w erze mobile-first.
Dlaczego warto się tym martwić? Oto wykres, który pokazuje, jak czas ładowania witryny wpływa na konwersje:
Zasadniczo więc krótszy czas ładowania oznacza niższe pozycje w rankingach, mniejszy ruch, mniej konwersji i... utracone przychody!
Ale nie myśl, że dodanie wideo spowoduje tylko kłopoty. Odtwarzanie wideo w witrynie znacząco wpłynie na ilość czasu spędzanego w witrynie (pozytywny czynnik rankingowy), a także samo wideo może pojawić się na stronie Google #1, co przyniesie ruch i całą resztę. Tak więc wszystko jest tylko kwestią robienia rzeczy we właściwy sposób i wyboru opcji osadzania zamiast przesyłania.
2. Osadzanie wideo na stronie internetowej w celu przezwyciężenia ograniczeń przepustowości
Przesyłanie wideo wyczerpuje przepustowość własnego serwera (co wiąże się z kosztami). A za każdym razem, gdy ktoś łączy się z Twoim filmem lub osadza go w swojej witrynie, Twoja witryna cierpi, ponieważ ponownie wykorzystuje Twoją przepustowość. Jest to kosztowne i nieefektywne.
3. Osadzanie wideo na stronie internetowej w celu uniknięcia limitów rozmiaru pliku i pamięci masowej
Hosting witryny zawsze wiąże się z limitem miejsca - więc w zasadzie za każdym razem, gdy przesyłasz film, zajmujesz miejsce na swoim serwerze. Przesyłając wiele filmów, możesz potencjalnie zająć zbyt dużo miejsca, a jeśli wielu użytkowników ogląda wideo jednocześnie, czas ładowania witryny może drastycznie spowolnić.
Co więcej, istnieje również kwestia ograniczenia rozmiaru pliku do przesłania wideo. Twoja platforma hostingowa najprawdopodobniej będzie miała ścisłe ograniczenia dotyczące formatu wideo i rozmiarów plików, więc będziesz musiał skompresować wideo do punktu bezużytecznego. Osadzanie wideo nie spowoduje takich ograniczeń.
4. Osadzanie wideo na stronie internetowej w celu uzyskania wyższej jakości wideo
Począwszy od ograniczeń rozmiaru pliku, dochodzimy do ograniczeń jakości wideo, jeśli chodzi o przesyłanie filmów do witryny. Jeśli chcesz wyświetlać wysokiej jakości, ciężko wypracowany materiał wideo na swojej stronie internetowej, przechowywanie go w witrynie innej firmy gwarantuje, że nie przekroczysz limitu inode, czyli struktury danych, która przechowuje informacje o pliku na koncie hostingowym. Nie będziesz więc musiał myśleć o konwertowaniu plików wideo do wielu formatów i wersji, aby umożliwić odwiedzającym oglądanie filmów w wysokiej rozdzielczości lub niższej rozdzielczości.
Wybór witryny do hostingu wideo
Zasadniczo, decydując się na osadzanie filmów w swojej witrynie, pozostawiasz wszystkie zmartwienia związane z obciążeniem serwera i zmianami formatu plików komuś, kto ma na to czas i zasoby. Ale, jak zapewne rozumiesz, aby osadzić wideo w swojej witrynie, musisz najpierw dodać je do platformy hostingowej wideo innej firmy . I tutaj masz wiele możliwości wyboru.
Nie ma najlepszej lub najgorszej koncepcji hostingu wideo, to naprawdę kwestia równowagi między odpowiednimi funkcjami i kosztami. Podsumowaliśmy więc kluczowe funkcje, które należy wziąć pod uwagę przed wyborem odpowiedniej witryny do hostingu wideo:
Responsywny odtwarzacz
Twoja witryna hostingowa wideo powinna oferować responsywny odtwarzacz wideo, przyjazny dla urządzeń mobilnych widżet multimedialny, który został zaprojektowany tak, aby zapewnić odbiorcom jak najlepsze wrażenia z użytkowania i oglądania. Niezależnie od tego, czy oglądają z ekranu komputera stacjonarnego, smartfona, tabletu czy innego rozmiaru ekranu, wideo rozszerza się, aby wypełnić szerokość ekranu, ale zachowuje oryginalne proporcje wideo. Pomaga to uniknąć statycznych rozmiarów, które mogą potencjalnie zniekształcać układy stron, deformować obraz lub wyświetlać czarne paski wokół wideo.
Szybkość i jakość usług
Wybierając hosting wideo, chcesz mieć pewność, że zapewnia on najwyższą jakość usług. Istnieje więc dwojakie rozumienie tego, co oznacza dobra prędkość i jakość usług:
- Wsparcie dla doskonałej jakości wideo: W 2020 roku nie można sobie pozwolić na ziarnisty materiał i animacje w 360p lub 480p. Tak więc, o ile nie masz niskiego budżetu i 1080p nie wystarczy do twoich celów, upewnij się, że wybrana usługa hostingu wideo obsługuje Ultra HD lub więcej. Najlepsze platformy oferują automatyczne przełączanie między jakością HD/SD.
- Doskonałe wsparcie i obsługa klienta: Dokładnie sprawdź jakość serwerów, z których korzysta usługa. Czy witryna od czasu do czasu ulega awarii (wpłynie to na wyświetlanie wideo w witrynie!)? Czy jest podatna na ataki DDoS? A co najważniejsze, jaki jest średni czas odpowiedzi na zapytania klientów?
Opcje konfiguracji gracza
Pierwsze wrażenie ma znaczenie, więc pierwszą rzeczą, która przyciąga wzrok Twój i Twoich klientów, jest wygląd odtwarzacza wideo. Od kolorów po przyciski, autoplaye i konfigurację wszystkich niezbędnych poleceń - im bardziej konfigurowalny jest odtwarzacz wideo, tym lepiej.
Opcje dostosowywania odtwarzacza wideo w hostinguWave.video
Funkcje generowania leadów
Jeśli dodajesz wideo do swojej witryny, staje się ono częścią maszyny do generowania leadów. Upewnij się więc, że wybrana platforma wideo faktycznie obsługuje generowanie potencjalnych klientów za pośrednictwem wideo. Ta funkcja obejmuje takie rzeczy, jak wezwania do działania i sposoby przechwytywania informacji o odwiedzających (potencjalnych klientach). W przeciwnym razie jest to w zasadzie odtwarzacz wideo, za który płacisz.
Prywatność
Podczas korzystania z Internetu prywatność jest oczywistym czynnikiem, który należy wziąć pod uwagę. To samo dotyczy prywatności filmów. Ważne jest, aby wybrana platforma hostingu wideo nie pozwalała wszystkim na oglądanie lub pobieranie filmów bez Twojej zgody. W związku z tym usługa hostingowa powinna dawać możliwość narzucenia ścisłych zasad pobierania rzeczy i skutecznego sposobu egzekwowania tych zasad. Możliwość ochrony filmów hasłem to funkcja, której należy szukać przy wyborze platformy hostingu wideo.
SEO
Jeśli chcesz grać z rankingiem własnej witryny, powinieneś być strategiczny w wyborze platformy hostingowej wideo. Poszukaj usługi hostingowej, która jest zarówno stabilna, jak i popularna (np. wysoka w rankingach sama w sobie) i wykorzystaj jej udział w rankingu Google. Po pierwsze, hosting wideo w zewnętrznej witrynie zapewni linki wychodzące lub linki zwrotne i potencjalnie ułatwi uzyskanie fragmentów rozszerzonych wideo dla własnej domeny. W ten sposób będziesz miał szansę wpłynąć również na ranking swojej witryny.
Analityka i gromadzenie danych
Twoje filmy mają na celu przyciągnięcie i zadowolenie klienta, więc naturalnie chciałbyś wiedzieć, jak zadowoleni są klienci. Dlatego usługa, na której hostujesz swoje wideo, powinna zapewniać mnóstwo analiz do obejrzenia. I to nie tylko proste rzeczy, takie jak wyświetlenia, komentarze, ale zupełnie inny rodzaj złożonych danych. Osadzanie filmów pozwala dodać specjalny kod śledzenia - z Menedżera tagów Google - i uzyskać dodatkowe dane analityczne na koncie Google Analytics, takie jak średni czas oglądania, moment, w którym ludzie zazwyczaj przestają oglądać itp. Potrzebujesz wszystkich tych danych, aby wiedzieć, jak i dlaczego Twoje filmy odnoszą sukces (lub nie).
Koszt
Po upewnieniu się, że rozważyłeś wszystkie potrzebne funkcje, jesteś zadowolony z platformy i wsparcia, a jakość wideo jest odpowiednia, ostatnią rzeczą jest upewnienie się, że platforma mieści się w twoim budżecie. Zależy to od przewidywanej liczby wyświetleń wideo i wielkości plików wideo. Większa liczba wyświetleń większych filmów będzie oznaczać większe wykorzystanie przepustowości, a więc cena wzrośnie. Warto również sprawdzić, czy platforma umożliwia zawieranie umów miesięcznych lub rocznych. Jeśli jesteś małą firmą lub dopiero zaczynasz swoją przygodę z wideo, prawdopodobnie nie chcesz wiązać się długoterminowymi umowami.
Jak wygenerować kod osadzania
Po wybraniu platformy hostingowej wideo i przesłaniu wszystkich treści wideo, pozostaje tylko jeden krok, który dzieli Cię od dodania / osadzenia wideo na swojej stronie internetowej - znalezienie kodu osadzania.
Osadzanie filmów zusług hostingu wideo
Osadzanie z Wave.video
Aby osadzić wideo z Wave.video, przejdź do Moje projekty i znajdź wideo, które chcesz osadzić. Następnie najedź kursorem na ikonę trzech kropek i kliknij "Odtwarzacz".
Włącz przełącznik "Osadź wideo", a Wave.video automatycznie wygeneruje kod osadzenia dla Twojego filmu. Pod przełącznikiem znajdziesz również ustawienia rozmiaru wideo, więc nie zapomnij skorzystać z tej funkcji.
Aby dostosować odtwarzacz wideo, otwórz kartę "Wygląd" i zmień kolor odtwarzacza, określ, jakie elementy sterujące są wyświetlane (jeśli w ogóle) lub wybierz niestandardową miniaturę. Jeśli chcesz dowiedzieć się więcej o funkcjach hostingu Wave.video, koniecznie przeczytaj ten artykuł.
Istnieje kilka opcji osadzania filmów za pomocą Wave.video na swojej stronie internetowej lub blogu.
- Inline embed
Jest to zwykłe osadzenie, które umieści wideo w otaczającym tekście lub innych elementach interfejsu użytkownika na stronie.
Osadzenie wideo w ten sposób spowoduje otwarcie go w modalnym oknie dialogowym, które pojawi się nad resztą treści.
Istnieją trzy sposoby zintegrowania wideo z treścią strony: miniatura, wyróżnienie i link tekstowy.
Miniatura
Osadzanie miniatur wygląda podobnie do zwykłego osadzania inline. Różnica polega na tym, że wideo będzie odtwarzane w wyskakującym okienku, które pojawi się nad innymi treściami.
Najważniejsze wydarzenia
Ten typ osadzania przypomina popularne Instagram Stories Highlights. Jest to świetny sposób na ładne zintegrowanie filmów z treścią, aby poinformować odwiedzających witrynę o nowościach, najnowszych wiadomościach, specjalnych ofertach lub filmach zza kurtyny.
Link tekstowy
Jeśli nie chcesz przerywać tekstu żadnymi elementami wizualnymi, ale nadal chcesz zapewnić czytelnikowi łatwy sposób na obejrzenie filmu, skorzystaj z tego sposobu osadzania wideo.
Dodaj frazę tekstową i link do filmu. Wideo pojawi się na górze strony po kliknięciu tego linku.
Osadzanie z YouTube
Wystarczy przejść do strony odtwarzania filmu na YouTube, kliknąć przycisk "Udostępnij", a następnie "Osadź". Możesz po prostu skopiować kod osadzania lub pracować nad kilkoma konfigurowalnymi opcjami - wyświetlaniem / zakrywaniem elementów sterujących odtwarzacza lub odtwarzaniem filmu od określonego punktu (niekoniecznie od początku).
Jeśli chcesz jeszcze bardziej dostosować, istnieje wiele parametrów - autoodtwarzanie, kolor, język, zapętlanie i inne - które możesz dodać w osadzonej ramce iframe. Wszystkie są wymienione na stronie Google dla deweloperów.
Jak osadzić film z YouTube
W tym krótkim filmie pokażę ci, jak osadzić film z YouTube w HTML, jak sprawić, by był responsywny na urządzeniach o dowolnym rozmiarze i ujawnię, jak łatwo dostosować opcje osadzania, takie jak autoodtwarzanieOsadzanie z Vimeo
Kod osadzania Vimeo można znaleźć, klikając ikonę udostępniania po prawej stronie filmu. Zobaczysz okno z różnymi ramkami, a jedną z nich jest Twój kod do osadzenia.
Klikając na +Show Options, możesz dostosować sposób wyświetlania wideo za pomocą tego kodu osadzania. Możesz zmienić kolor odtwarzacza, jego rozmiar (na wszelki wypadek zachowaj responsywność), dodać intro i dodać kilka "specjalnych rzeczy", takich jak zapętlanie, autoodtwarzanie i inne.
Przechodząc na wersję Pro, Business lub Premium, możesz zobaczyć dodatkowe korzyści, takie jak dostosowywanie kolorów i komponentów, dodawanie ekranów końcowych i logo.
Osadzanie z Wistia
Przejdź do swojej strony multimedialnej i kliknij przycisk Osadź i udostępnij. Zobaczysz ekran Embed & Share, na którym możesz skopiować typ kodu osadzania i zmienić go dla swojej strony.
Wistia oferuje dwa rodzaje kodów osadzania: Inline embeds i Popover embeds. Wbudowane kody osadzania sugerują pozycjonowanie wideo zgodnie z resztą treści, podczas gdy osadzanie Popover pomaga filmom, no cóż, wyskakiwać nad treścią strony.
Osadzanie z Vidyard
Pamiętaj, że do osadzania wideo z Vidyard musisz mieć funkcję Player Embeds w swoim planie. Vidyard obsługuje dwie opcje osadzania - osadzanie responsywne i osadzanie iframe.
Na pulpicie nawigacyjnym Vidyard kliknij sekcję Treść>Odtwarzacz i najedź kursorem na odtwarzacz, a następnie kliknij "udostępnij". W części Responsive Embed wystarczy kliknąć ikonę Copy Code i wybrać opcję Use Lightbox, aby przekształcić kod w lightbox embed. Możesz ręcznie wprowadzić wymiary odtwarzacza, aby uzyskać maksymalną szerokość i wysokość.
Jeśli Twoja witryna nie obsługuje JavaScript, możesz zaznaczyć pole wyboru Problemy z osadzaniem i zamiast tego skopiować kod osadzania iframe.
Osadzanie filmów zmediów społecznościowych
Osadzanie z Facebooka
Każde wideo na Facebooku jest obsługiwane przez funkcję osadzania. Wszystko, co musisz zrobić, to kliknąć "..." w prawym górnym rogu posta na Facebooku i nacisnąć "Osadź".
Jeśli chcesz, możesz wybrać opcję "Dołącz cały post" (po prostu naciśnij pole wyboru), a wraz z filmem zostanie dodany odpowiedni tekst z posta na Facebooku.
Osadzanie z Instagrama
Ponieważ Instagram jest własnością Facebooka, proces osadzania jest bardzo podobny. Otwórz Instagram na komputerze (nie w aplikacji) i kliknij przycisk "..." w prawym górnym rogu.
Naciśnij "Osadź" i skopiuj kod osadzania. Ponownie będziesz mieć możliwość dodania (lub nie) podpisu do swojego osadzenia.
Osadzanie z Twittera
Aby osadzić wideo na Twitterze, nie używaj aplikacji. Otwórz tweeta na pulpicie i wybierz opcję "Osadź tweeta" z menu rozwijanego, znajdującego się obok przycisku "Obserwuj" na tweecie. Następnie wybierz opcję "Embed Tweet".
Wystarczy skopiować/wkleić kod osadzania - ale uwaga, w przypadku osadzania na Twitterze, wyświetli on cały Tweet z podpisem, nie ma opcji wyświetlenia pojedynczego wideo.
Osadzanie z TikTok
W przypadku TikTok przycisk "Pobierz kodosadzania" pojawia się bezpośrednio na filmie. Chociaż nie ma żadnych opcji do wyboru, ponieważ wszystko, co otrzymasz, to link do odtwarzacza 340×700 z autoodtwarzaniem, możesz dostosować niektóre ustawienia podczas dodawania kodu osadzania do swojej strony internetowej.
Korzystanie z metody alternatywnej: Generatory kodu osadzania wideo
Jeśli z jakiegoś powodu nie chcesz postępować zgodnie z prostymi krokami, aby uzyskać kody osadzania dla swojego filmu z witryn hostingowych wideo lub mediów społecznościowych, z pewnością istnieje obejście.
Istnieje alternatywna metoda - można znaleźć wiele specjalnych witryn, które z natury są po prostu generatorami kodów osadzania wideo. Platformy takie jak Embed.ly, Toolki i Siege Media umożliwiają wygenerowanie kodu osadzania dla filmu: wszystko, co musisz zrobić, to mieć pod ręką adres URL filmu, a strony te automatycznie utworzą kod osadzania dla twojego filmu.
To obejście ma jednak kilka wad:
- Zazwyczaj nowo osadzone wideo w witrynie będzie miało znak wodny platformy
- Możliwości dostosowywania wideo są bardzo ograniczone
- Platformy te nie oferują żadnej analityki ani nawet możliwości dodania kodu śledzenia w celu dalszego śledzenia statystyk wideo w Google Analytics lub platformach analitycznych innych firm.
Tak więc, jeśli masz szansę skorzystać z platformy hostingowej wideo, zawsze wybieraj tę opcję.
Część V: Jak osadzić wideo na swojej stronie internetowej
Teraz, gdy jesteś już wyposażony w wiedzę na temat zalet osadzania wideo, wiesz, jak wybrać odpowiednią usługę hostingu wideo i jak wygenerować kod osadzania, szybko przeprowadzimy Cię przez szczegóły dotyczące faktycznego osadzania wideo na najpopularniejszych platformach hostingowych.
Osadzanie filmów w HTML
KROK 1: EDYTUJ SWÓJ HTML
Otwórz stronę, na której chcesz osadzić wideo, w trybie edycji. Wybierz dokładne miejsce w kodzie, w którym ma pojawić się film i umieść tam kursor.
KROK 2: SKOPIUJ I WKLEJ KOD OSADZANIA
Skopiuj kod osadzania i po prostu wklej go w miejscu, w którym umieściłeś kursor. Naciśnij "zapisz" lub "opublikuj" i gotowe.
Dokładnie sprawdź, czy wideo jest wyświetlane dokładnie tam, gdzie umieściłeś kod i nie zapomnij monitorować wydajności strony i wideo.
Osadzanie filmów w WordPress
Jeśli Twoja witryna działa na WordPressie, istnieją dwie opcje osadzania wideo.
OPCJA #1: KOPIUJ/WKLEJ ADRES URL
W przypadku najpopularniejszych platform hostingowych wideo, takich jak Vimeo, YouTube i kilka innych, nie trzeba szukać pełnego kodu osadzania. Wystarczy skopiować adres URL filmu i wkleić go do edytora wizualnego - kod osadzania zostanie utworzony automatycznie.
OPCJA #2: UŻYJ KODU OSADZANIA
Czasami chcesz dodać kilka poprawek do wyświetlania wideo lub możesz hostować swoje filmy na platformie, która nie jest obsługiwana przez automatyczne osadzanie WordPress. W takim przypadku będziesz musiał użyć kodu osadzania wideo.
Przejdź do edytora tekstowego WordPress (nie mylić z edytorem wizualnym), a zobaczysz wersję HTML swojej strony. Następnie wykonaj kroki, o których wspomnieliśmy powyżej w sekcji HTML tego przewodnika na temat osadzania wideo na swojej stronie internetowej.
Osadzanie filmów w Shopify
KROK 1: SKOPIUJ KOD OSADZANIA
Pierwszy krok jest bardzo prosty - wystarczy skopiować kod osadzania z miejsca, w którym znajduje się film.
KROK 2: ZALOGUJ SIĘ DO PANELU ADMINISTRACYJNEGO SHOPIFY
Zaloguj się do panelu administracyjnego Shopify. Wszystkie bieżące strony powinny być wymienione w sekcji Sklep internetowy -> Strony. Przejdź do strony, którą chcesz edytować i zwróć uwagę na symbole na pasku narzędzi edytora.
Krok 3: KLIKNIJ PRZYCISK "WSTAW WIDEO"
Wybierz edytor tekstu sformatowanego i na pasku narzędzi kliknij ikonę kamery wideo. Pojawi się nowe okno - wystarczy wkleić kod osadzenia wideo i wybrać opcję "Wstaw wideo". I gotowe!
Osadzanie filmów w Squarespace
Jeśli chodzi o osadzanie, Squarespace jest bardzo podobny do WordPress. Możesz wybrać między opcją użycia kodu osadzania lub osadzania filmów poprzez kopiowanie/wklejanie adresu URL filmu (możliwe tylko w przypadku osadzania z YouTube, Vimeo, Animoto lub Wistia).
Ponieważ Squarespace jest narzędziem do tworzenia stron internetowych, wystarczy dodać dowolny blok obsługujący wideo i po prostu skopiować/wkleić adres URL wideo lub nacisnąć ikonę osadzania (zaznaczoną czerwonym kółkiem), a następnie pojawi się wyskakujące okienko, w którym można skopiować/wkleić kod osadzania.
W Squarespace możesz dostosować tytuł i opis filmu, a odznaczając opcję "Użyj miniatury", możesz także dodać niestandardową miniaturę filmu na tej stronie.
Osadzanie filmów w Wix
Wix działa na podobnych zasadach jak poprzednie platformy hostingowe. Tylko opcja kopiowania/wklejania adresu URL dla osadzania wideo obsługuje filmy hostowane na YouTube, Vimeo, DailyMotion i Facebooku.
OPCJA #1: KOPIUJ/WKLEJ ADRES URL
Krok 1: Otwórz edytor
Kliknij ikonę "+" po lewej stronie edytora i wybierz opcję Wideo. W sekcji Odtwarzacz pojedynczych filmów wybierz platformę, na której znajduje się Twój film - YouTube, Vimeo, DailyMotion lub Facebook.
Krok 2: Skopiuj adres URL filmu
Kliknij "Zmień wideo" i skopiuj adres URL filmu, który chcesz zaprezentować. Na tym etapie możesz dostosować opcje odtwarzania i sterowania.
Krok 3: Dostosowanie pozycji wideo
Użyj funkcji przeciągnij i upuść, aby zmienić pozycję i rozmiar wideo. I po prostu zapisz stronę!
OPCJA #2: UŻYJ KODU OSADZANIA
Jeśli nie hostujesz swoich filmów na platformach obsługiwanych przez Wix, musisz skopiować kod osadzania swojego filmu. Następnie, zamiast wybierać opcję dodania wideo, należy nacisnąć przycisk "Więcej". Tutaj znajdziesz ramkę HTML iframe, w której możesz wkleić kod osadzania. Naciśnij "Zapisz" i gotowe.
Słowa końcowe
Wygląda na to, że omówiliśmy już prawie wszystko, co dotyczy osadzania filmów w witrynie. Po tak obszernej lekturze musimy tylko powiedzieć, że dodanie wideo do witryny przyniesie wartość nie tylko dla działu SEO, analityki i przychodów. Ludzie uwielbiają filmy i doceniają czas poświęcony na tworzenie treści, które są wartościowe, zabawne i łatwe do przyswojenia. Musisz tylko upewnić się, że Twoje filmy nie wpływają na wrażenia użytkownika, a osadzanie filmów jest do tego doskonałym narzędziem.
Daj nam znać w komentarzach, czy jest coś, co chciałbyś, abyśmy dodali do tego przewodnika. Które pytania wciąż pozostają bez odpowiedzi? Jakie platformy hostingu wideo lub usługi hostingu witryn chcielibyście, abyśmy zaktualizowali ten przewodnik? Jakie są Twoje zmagania i wyzwania związane z osadzaniem filmów w witrynie i zapewnianiem użytkownikom jak najlepszych wrażeń?