Osadzanie filmów: szybkie i dostępne odtwarzacze zewnętrznych dostawców
Zbuduj szybkie osadzenie filmu z leniwym ładowaniem, fasadami kliknij-aby-odtworzyć, dostępnymi elementami sterującymi, transkrypcją i dokładnym schematem VideoObject na każdej stronie z treścią.
Osadzenie filmu umieszcza film hostowany przez zewnętrzną usługę — taką jak YouTube, Vimeo, Wistia lub innego zatwierdzonego dostawcę — na stronie, jednocześnie pozostawiając otaczający tytuł, podsumowanie, transkrypcję, zachowanie prywatności i metadane pod kontrolą wydawcy. Preferowanym sposobem renderowania jest lekka fasada: najpierw pojawia się lokalna miniatura i przycisk odtwarzania, a odtwarzacz dostawcy ładuje się dopiero po tym, jak odwiedzający zdecyduje się odtworzyć.
Połącz źródło danych w trzy minuty
Nagranie ekranu pokazujące proces połączenia, komunikat walidacyjny i pomyślną synchronizację. Czas trwania: 3:08.
Załaduj film od zatwierdzonego dostawcy · Transkrypcja dostępna
Przykład jest celowo użyteczny jeszcze przed odtworzeniem. Określa rezultat, wskazuje, co obejmuje nagranie, podaje czas trwania i oferuje transkrypcję. W wersji produkcyjnej akcja odtwarzania zastąpiłaby fasadę zatwierdzonym responsywnym odtwarzaczem bez przesuwania treści poniżej.
Dlaczego ten element jest ważny
Film może zmniejszyć niepewność, gdy ruch, synchronizacja, głos lub zmieniający się interfejs łatwiej zrozumieć oglądając niż rekonstruując z nieruchomych obrazów. Czytelnik może sprawdzić, czy workflow jest rzeczywisty i porównać stan ekranu po każdej akcji. Czas trwania określa jasne oczekiwanie co do wysiłku: „3:08" łatwiej zaakceptować lub odłożyć niż nieoznaczony odtwarzacz.
Ta korzyść zależy od kontroli. Autoodtwarzający się film lub niewyjaśnione dziesięciominutowe nagranie sprawia, że czytelnik płaci zanim otrzyma wartość. Odtwarzacze zewnętrznych dostawców mogą pobierać skrypty, style, czcionki, kod śledzący, rekomendacje i zasoby reklamowe. Mogą opóźniać stronę, udostępniać dane innej firmie i odwracać uwagę od zadania. Film powinien zapracować na ten koszt, wyjaśniając coś, czego tekst lub nieruchomy obraz nie mogą przekazać tak efektywnie.
Możliwość maszynowego wyodrębniania oznacza, że robot wyszukiwarki, system odpowiedzi AI lub technologia asystująca może zidentyfikować temat bez interpretowania pikseli lub uruchamiania odtwarzacza zewnętrznego dostawcy. Sama ramka iframe ujawnia niewiele wiarygodnego znaczenia. Zachowaj widoczny tytuł, podsumowanie, czas trwania, dostawcę, transkrypcję i link zastępczy w HTML renderowanym po stronie serwera. Gdy spełnione są warunki, dokładne dane VideoObject powtarzają te fakty w formie czytelnej maszynowo.
Zastosuj zasady pisania elementów przed wyborem tego komponentu. Cel ma pierwszeństwo przed wyglądem: użyj osadzenia filmu, ponieważ czytelnik czerpie korzyści z ruchomych materiałów hostowanych zewnętrznie, a nie dlatego, że duży odtwarzacz sprawia, że sekcja wydaje się ważna. Jeśli wydawca serwuje plik multimedialny bezpośrednio i kontroluje odtwarzacz, użyj zamiast tego filmu w tekście .
Kiedy go używać
Użyj osadzenia filmu, gdy ruch lub zsynchronizowane wyjaśnienie dostarcza dowodów, których proza i nieruchome obrazy nie mogą zapewnić tak efektywnie. Mocne przypadki obejmują workflow produktu, technikę fizyczną, nagrany wywiad, konfigurację oprogramowania, fragment wydarzenia, porównanie przed i po lub demonstrację recenzencką. Film musi mieć jasne zadanie redakcyjne, stabilnego zatwierdzonego hosta, napisy i użyteczną treść zastępczą.
Osadzenie jest szczególnie odpowiednie, gdy platforma zewnętrznego dostawcy zapewnia adaptacyjne strumieniowanie, napisy, dostępność odtwarzacza lub globalne dostarczanie. Nie jest to pozwolenie na zlecenie wyjaśnienia stronie zewnętrznej. Osoba nieoglądająca musi nadal rozumieć, dlaczego nagranie jest obecne i co potwierdza.
Typowe sytuacje graniczne obejmują:
- Pojedynczy stan interfejsu: użyj opatrzonego adnotacjami zrzutu ekranu. Film wymusza odtwarzanie i przewijanie w celu znalezienia informacji, które jeden opisany obraz mógłby ujawnić natychmiast.
- Dekoracyjna pętla w tle: traktuj jako dekoracyjny ruch, wycisz go, respektuj preferencje ograniczonego ruchu i trzymaj poza tym elementem redakcyjnym.
- Hostowany plik multimedialny: użyj filmu w tekście, gdy witryna kontroluje plik, odtwarzacz, napisy i dostarczanie zamiast osadzać u dostawcy.
- Webinar używany jako brama do pozyskania leadów: formularz rejestracyjny i niedostępne nagranie nie stanowią osadzenia. Opisz wydarzenie uczciwie lub opublikuj odtwarzalne nagranie.
- Podcast ze statycznym obrazkiem: użyj elementu audio, gdy ścieżka wizualna nie niesie żadnych informacji.
- Pisemne instrukcje czytane na głos: zachowaj tekst. Film nie jest powodem, aby wyszukiwalna i skanowalna odpowiedź była wolniejsza do znalezienia.
- Post społecznościowy zawierający przypadkowy film: osadź film tylko wtedy, gdy samo nagranie ma znaczenie. Nie ładuj całego widgetu społecznościowego dla jednego twierdzenia, które można zacytować i podać źródło w tekście.
Gdzie go umieścić
Umieść osadzenie bezpośrednio po akapicie, który wyjaśnia, co czytelnik zobaczy i dlaczego oglądanie pomaga. W przypadku procedury, umieść go po wymaganiach wstępnych i pisemnej szybkiej odpowiedzi, ale przed szczegółowymi krokami, tylko jeśli demonstruje cały workflow. Jeśli wspiera jeden krok, umieść go po instrukcji tego kroku i oczekiwanym rezultacie. W przypadku studium przypadku lub recenzji, przedstaw twierdzenie i kontekst przed pokazaniem dowodu.
Zachowaj tytuł, podsumowanie, odtwarzacz, czas trwania, informację o dostawcy, napis, dostęp do transkrypcji i treść zastępczą w jednym oznaczonym obszarze figure. Umieść transkrypcję bezpośrednio po nim lub w sąsiednim rozwijanym panelu dostępnym od początku ładowania. Nie wstrzykuj jej dopiero po odtworzeniu.
Osadzenie nie może znajdować się bezpośrednio obok innego odtwarzacza, autoodtwarzającej się animacji, reklamy, formularza pozyskiwania leadów ani wezwania do działania o wysokim priorytecie. Te elementy konkurują o uwagę i mogą sprawić, że przycisk odtwarzania będzie niejednoznaczny. Nie może przerywać zdania z krokiem, oddzielać ostrzeżenia od akcji, której dotyczy, ani oddzielać twierdzenia od jego źródła. Nie umieszczaj kluczowego tekstu na miniaturze i nie pozycjonuj odtwarzacza obok wąskiego tekstu głównego, gdzie elementy sterujące stają się ciasne.
Użycie powyżej krawędzi ekranu (above the fold) jest zarezerwowane dla stron, których głównym celem jest oglądanie tego filmu. We wszystkich innych przypadkach pozwól, aby pisemna odpowiedź prowadziła. Zarezerwuj końcowy współczynnik proporcji przed jakimkolwiek żądaniem sieciowym, aby zastąpienie fasady nie powodowało skumulowanego przesunięcia układu .
Anatomia
Oznaczony zrzut ekranu musi identyfikować te części:
- Tytuł: określa konkretny temat filmu, zamiast powtarzać tytuł artykułu.
- Podsumowanie: wyjaśnia w jednym lub dwóch zdaniach, czego widz się nauczy lub co zweryfikuje.
- Zarezerwowany obszar odtwarzacza: ustala współczynnik proporcji przed załadowaniem kodu dostawcy.
- Miniatura fasady: rzeczywisty, zatwierdzony obraz reprezentujący film, przechowywany i skalowany zgodnie z polityką mediów witryny.
- Przycisk odtwarzania: przycisk obsługiwany klawiaturą, którego dostępna nazwa zawiera tytuł filmu, a w przypadku fasady wyjaśnia, że ładuje ona dostawcę.
- Czas trwania: podaje całkowity czas odtwarzania przed rozpoczęciem.
- Informacja o dostawcy i prywatności: identyfikuje stronę trzecią oraz kiedy może nastąpić połączenie lub zapisanie pliku cookie.
- Napis: wyjaśnia znaczenie nagrania, jego wersję lub kontekst czasowy.
- Dostęp do transkrypcji: wskazuje kompletną transkrypcję tekstową w początkowym HTML strony.
- Link zastępczy: otwiera kanoniczną stronę HTTPS do obejrzenia, jeśli skrypty, zgoda lub osadzony odtwarzacz zawiodą.
Przykłady projektowe
Każdy wariant zachowuje tytuł, podsumowanie, zarezerwowane wymiary, dostępny przycisk odtwarzania, czas trwania, transkrypcję i treść zastępczą. Zmienia się tylko wyzwalacz ładowania i towarzysząca mu informacja.
Fasada kliknij-aby-odtworzyć — domyślna
Pokaż lokalną zatwierdzoną miniaturę i prawdziwy przycisk. Załaduj iframe dostawcy dopiero po wyraźnym kliknięciu lub aktywacji klawiaturą. Pozwala to uniknąć pracy odtwarzacza zewnętrznego dostawcy dla czytelników, którzy nigdy nie oglądają, i wyjaśnia moment wyrażenia zgody.
Odtwarzacz leniwie ładowany względem viewportu
Użyj leniwego ładowania
tylko wtedy, gdy film jest na tyle kluczowy, że oczekuje się, iż większość czytelników go odtworzy, a zatwierdzony dostawca może zainicjować się przed wyrażeniem zgody. Ustaw loading="lazy" na iframe, ale pamiętaj, że bliskość viewportu może wciąż uruchomić pełny odtwarzacz bez kliknięcia. Ten wariant jest kompromisem wydajnościowym, a nie domyślnym rozwiązaniem.
Osadzenie z bramką zgody
Użyj, gdy zasady prywatności wymagają pozwolenia przed nawiązaniem połączenia. Wyjaśnij dostawcę i konsekwencje, a następnie zaoferuj konkretną akcję „Zezwól dostawcy i odtwórz". Odmowa musi pozostawić podsumowanie, transkrypcję i treść zastępczą użytecznymi.
Demonstracja z pierwszeństwem transkrypcji
Użyj, gdy czytelnicy potrzebują poleceń, etykiet lub dokładnego sformułowania. Umieść rozdziały lub fragment transkrypcji poniżej fasady, z linkami czasowymi, gdy dostawca obsługuje stabilne adresy URL z oznaczeniem czasu.
Odtwarzacz z ulepszoną prywatnością
Użyj zatwierdzonego trybu z ulepszoną prywatnością dostawcy, gdy jest dostępny, ale nie nazywaj go wolnym od śledzenia bez weryfikacji. Połącz go z fasadą; zachowaj widoczność dostawcy i treści zastępczej.
Parametry
„Źródło" oznacza autorską lokalizację, z której mechanizm renderujący pobiera wartość. Nie oznacza dostawcy filmu ani faktycznego źródła.
| Nazwa | Typ | Wymagany | Min/maks | Domyślny | Źródło | |
|---|---|---|---|---|---|---|
title | Ciąg znaków | Tak | 4–14 słów; 100 znaków | Brak | Pierwszy nagłówek w treści | |
provider | Enum | Tak | Identyfikator zatwierdzonego dostawcy | Brak | Atrybut | |
video-id | Identyfikator bezpieczny dla dostawcy | Tak | 3–128 znaków; bez URL | Brak | Atrybut | |
variant | Enum | Nie | facade, lazy, consent, transcript-first, privacy | facade | Atrybut | |
aspect-ratio | Proporcja | Nie | 16/9, 4/3, 1/1 lub zweryfikowana proporcja źródła | 16/9 | Atrybut | |
duration | Czas trwania ISO 8601 | Tak | PT1S–PT24H | Brak | Atrybut | |
upload-date | Data ISO 8601 lub datetime | Warunkowe dla schematu | Jedna rzeczywista data pierwszej publikacji | Brak | Atrybut | |
thumbnail | Ścieżka zasobu względem katalogu głównego | Tak dla fasady | Jeden istniejący zatwierdzony obraz | Obraz dostawcy tylko gdy polityka zezwala | Atrybut | |
summary | Zwykły tekst | Tak | 15–45 słów; dwa zdania | Brak | Treść po pierwszym nagłówku | |
caption | Zwykły tekst | Nie | 8–30 słów | Brak | Treść | |
transcript | Tekst strukturalny | Tak | Pełna treść mówiona i znaczące treści wizualne | Brak | Treść | |
start | Liczba całkowita nieujemna | Nie | Mniejsza niż całkowity czas trwania, w sekundach | 0 | Atrybut | |
privacy-mode | Boolean | Nie | true lub false | true gdy dostawca wspiera | Atrybut | |
consent-category | Enum | Warunkowe | Jedna zarejestrowana kategoria zgody | Polityka dostawcy | Atrybut | |
fallback-url | URL HTTPS | Tak | Jedna kanoniczna strona do obejrzenia | Wyprowadzany tylko dla zatwierdzonych dostawców | Atrybut |
Mechanizm renderujący buduje src z dozwolonego dostawcy i video-id; autorzy nie mogą wklejać dowolnego HTML iframe ani JavaScript. Ścieżka miniatury może być dodana tylko po utworzeniu pliku. Transkrypcja jest treścią autorską, nie atrybutem, i musi zawierać wypowiedziane słowa oraz znaczące akcje na ekranie pominięte w narracji.
Składnia i przykłady kodu
Wszystkie trzy formy niosą te same pola kanoniczne. Poniższe adresy URL i identyfikatory są przykładowe i muszą zostać zastąpione zatwierdzonymi wartościami produkcyjnymi.
Przenośna dyrektywa Markdown
:::video-embed{provider=youtube video-id=abc123XYZ variant=facade aspect-ratio="16/9" duration=PT3M8S upload-date=2026-08-27 thumbnail="/cdn-assets/seo-playbook/examples/connect-data-source.webp" privacy-mode=true fallback-url="https://www.youtube.com/watch?v=abc123XYZ"}
## Połącz źródło danych w trzy minuty
Nagranie ekranu pokazujące proces połączenia, komunikat walidacyjny i pomyślną synchronizację.
Napis: Nagrano w interfejsie z sierpnia 2026.
Transkrypcja:
00:00 — Otwórz Ustawienia, następnie Źródła danych.
00:18 — Wybierz dostawcę i autoryzuj dostęp tylko do odczytu.
02:42 — Potwierdź, że pojawił się status pomyślnej synchronizacji.
:::
Pierwszy nagłówek mapuje się na title; pierwszy akapit mapuje się na summary; oznaczone sekcje napisu i transkrypcji mapują się na odpowiadające im pola treści.
Skrócona składnia Hugo
Adapter Hugo używa tylko nazwanych parametrów i pobiera podsumowanie, napis i transkrypcję ze swojej treści. Ta notacja określa zamierzone mapowanie; nie twierdzi, że lokalna składnia skrócona już istnieje.
{{< video-embed provider="youtube" videoId="abc123XYZ" variant="facade" aspectRatio="16/9" duration="PT3M8S" uploadDate="2026-08-27" thumbnail="/cdn-assets/seo-playbook/examples/connect-data-source.webp" privacyMode="true" fallbackUrl="https://www.youtube.com/watch?v=abc123XYZ" >}}
## Połącz źródło danych w trzy minuty
Nagranie ekranu pokazujące proces połączenia, komunikat walidacyjny i pomyślną synchronizację.
Napis: Nagrano w interfejsie z sierpnia 2026.
Transkrypcja:
00:00 — Otwórz Ustawienia, następnie Źródła danych.
00:18 — Wybierz dostawcę i autoryzuj dostęp tylko do odczytu.
02:42 — Potwierdź, że pojawił się status pomyślnej synchronizacji.
{{< /video-embed >}}
Mechanizm renderujący musi wypisać prawdziwy <button> dla fasady, zarezerwować proporcje, utworzyć iframe dopiero po zadeklarowanym wyzwalaczu, dodać opisowy title do iframe, zezwolić na pełny ekran tylko gdy polityka na to pozwala, i nigdy nie łączyć niesprawdzonego tekstu autora w src lub allow.
Blok WordPress
<!-- wp:amicited/video-embed {"provider":"youtube","videoId":"abc123XYZ","variant":"facade","aspectRatio":"16/9","duration":"PT3M8S","uploadDate":"2026-08-27","thumbnail":"/cdn-assets/seo-playbook/examples/connect-data-source.webp","privacyMode":true,"fallbackUrl":"https://www.youtube.com/watch?v=abc123XYZ"} -->
<h2>Połącz źródło danych w trzy minuty</h2>
<p>Nagranie ekranu pokazujące proces połączenia, komunikat walidacyjny i pomyślną synchronizację.</p>
<p data-caption>Nagrano w interfejsie z sierpnia 2026.</p>
<div data-transcript><p><time datetime="PT0S">00:00</time> — Otwórz Ustawienia, następnie Źródła danych.</p></div>
<!-- /wp:amicited/video-embed -->
Zarejestrowany blok może zapewnić podgląd edytora, ale zapisane atrybuty muszą zawierać tylko kanoniczny identyfikator dostawcy i identyfikator filmu. Renderuj po stronie serwera tekst pomocniczy i fasadę, aby strona pozostała znacząca, gdy podgląd edytora lub skrypt dostawcy jest niedostępny.
Przykłady
Dobrze: dowód dostępny na warunkach czytelnika
Połącz źródło danych w trzy minuty — 3:08
Podsumowanie mówi, że nagranie pokazuje autoryzację, walidację i pomyślną synchronizację. Miejsce w proporcji 16:9 jest zarezerwowane. Lokalna fasada nie ładuje kodu dostawcy, dopóki odwiedzający nie aktywuje „Załaduj i odtwórz Połącz źródło danych w trzy minuty". Napisy są włączone, pobliska transkrypcja zawiera polecenia i zmiany statusu na ekranie, a bezpośredni link do obejrzenia pozostaje dostępny.
To działa, ponieważ czytelnik zna rezultat i koszt przed działaniem. Strona pozostaje szybka dla nieoglądających, połączenie z zewnętrznym dostawcą następuje po wyrażeniu intencji, użytkownicy klawiatury i czytników ekranu otrzymują nazwany element sterujący, a maszyny mogą wyodrębnić temat filmu bez jego dekodowania.
Źle: niecierpliwa iframe-niespodzianka
<iframe src="https://video.example/embed/abc123XYZ" allow="autoplay"></iframe>
Ta wersja ładuje kod zewnętrznego dostawcy natychmiast, nie ma zarezerwowanych wymiarów, dostępnego tytułu, widocznego tematu, czasu trwania, napisów ani transkrypcji, wyjaśnienia prywatności ani ścieżki awaryjnej. allow="autoplay" przyznaje możliwość, której element redakcyjny nie potrzebuje. Robot wyszukiwarki widzi zewnętrzną ramkę zamiast ograniczonego wyjaśnienia, podczas gdy czytelnik korzystający z technologii asystującej napotyka nienazwany obiekt.
Napraw to, używając adaptera dozwolonego dostawcy, rezerwując proporcje źródła, renderując fasadę z tytułem, ładując po wyraźnej aktywacji i publikując podsumowanie, czas trwania, transkrypcję i link zastępczy jako HTML.
Znaczniki schematu i dostępność
Rzeczywisty publiczny film może zasilać znaczniki schematu
jako VideoObject. Obiekt strukturalny musi opisywać ten sam film widoczny na stronie, a nie ogólnie artykuł ani film hostowany gdzie indziej, którego nie można tu obejrzeć. Obecna dokumentacja wideo Google wymaga name, thumbnailUrl i uploadDate do kwalifikowania się do wyników wideo. Dodaj dokładny description; użyj duration w formacie ISO 8601; podaj embedUrl dla odtwarzacza i contentUrl tylko wtedy, gdy wskazuje na rzeczywiste bajty wideo. Schema.org definiuje również transcript dla tekstu filmu.
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "Connect a data source in three minutes",
"description": "A screen recording showing authorization, validation, and a successful data-source sync.",
"thumbnailUrl": "https://www.example.com/cdn-assets/videos/connect-data-source.webp",
"uploadDate": "2026-08-27T10:00:00+02:00",
"duration": "PT3M8S",
"embedUrl": "https://www.youtube-nocookie.com/embed/abc123XYZ"
}
Nie wymyślaj daty publikacji, miniatury, czasu trwania, liczby wyświetleń ani contentUrl. embedUrl to adres URL odtwarzacza, podczas gdy contentUrl to plik zawierający bajty wideo; strona do obejrzenia nie jest ani jednym, ani drugim. Sprawdź kwalifikujące się implementacje względem dokumentacji VideoObject Google
i definicji VideoObject Schema.org
. Fasada nie uniemożliwia użycia znaczników, pod warunkiem że film pozostaje do obejrzenia na stronie, a zadeklarowane multimedia są dostępne dla dozwolonych robotów.
Dostępność zaczyna się przed odtworzeniem. Użyj <figure>, gdy tytuł, odtwarzacz i napis stanowią jedną jednostkę. Element sterujący fasadą musi być natywnym <button>, osiągalnym klawiaturą, z widocznym wskaźnikiem fokusu i dostępną nazwą, taką jak „Załaduj i odtwórz Połącz źródło danych w trzy minuty." Nie umieszczaj procedury obsługi kliknięcia tylko na <div> lub miniaturze. Nadaj utworzonemu iframe zwięzły unikalny title, na przykład „Wideo: Połącz źródło danych w trzy minuty."
Zapewnij zsynchronizowane napisy dla dialogów i znaczących dźwięków. Zapewnij audiodeskrypcję lub równoważny opis transkrypcji, gdy ważne akcje wizualne nie są wypowiadane. Transkrypcja potrzebuje zmian mówców, poleceń, etykiet, błędów i wyników; nie potrzebuje dźwięków wypełniających, które nie niosą znaczenia. Elementy sterujące muszą pozostawać obsługiwane przy powiększeniu, nie mogą zależeć od najechania kursorem i muszą spełniać zasady witryny dotyczące kontrastu i rozmiaru celów dotykowych.
Odtwarzanie następuje po wyraźnej aktywacji. Nie odtwarzaj automatycznie filmów redakcyjnych, zwłaszcza z dźwiękiem. Respektuj preferencje ograniczonego ruchu dla animowanych efektów fasady. Gdy iframe zastępuje przycisk, przenieś fokus tylko wtedy, gdy testy wykażą, że nowy odtwarzacz udostępnia wiarygodny cel fokusu; w przeciwnym razie zachowaj przewidywalne zachowanie fokusu i ogłoś stan załadowania w pobliskim tekście. Odmowa zgody lub awaria dostawcy nie mogą zatrzymać fokusu ani usunąć transkrypcji.
Zasady pisania
Tytuł ma 4–14 słów i określa zadanie, twierdzenie lub demonstrację. Unikaj ogólnych etykiet, takich jak „Obejrzyj nasz film", „Omówienie" lub „Zobacz w akcji." Podsumowanie ma 15–45 słów i określa, co pokazuje nagranie, a nie dlaczego marka jest imponująca. Pokaż czas trwania jako m:ss lub h:mm:ss czytelnikom i przechowuj równoważną wartość ISO 8601 dla danych i schematu.
Zachowaj jeden główny cel na film. Demonstracja powinna zwykle obejmować jeden workflow; jeśli widzowie potrzebują listy rozdziałów, aby znaleźć niezwiązane tematy, podziel nagranie lub użyj przewodnika z kilkoma osadzeniami. Transkrypcja musi być kompletna, edytowana pod kątem czytelnej interpunkcji, wierna znaczeniu i dostępna podczas ładowania strony. Oznacz poprawione pomyłki tylko wtedy, gdy korekta jest konieczna, aby zapobiec nieporozumieniom.
Element może zawierać tytuł, podsumowanie, fasadę lub odtwarzacz, czas trwania, ujawnienie dostawcy, napis, linki do rozdziałów, transkrypcję i link zastępczy. Nie może zawierać niezweryfikowanych twierdzeń o wydajności, ukrytego afiliacyjnego śledzenia, bramki do leadów nad obiecanym odtwarzaniem, niezwiązanej treści promocyjnej, drugiego filmu, dowolnego HTML dostawcy, wykonywalnych skryptów autora ani kluczowych instrukcji dostępnych tylko w nagraniu. Nie umieszczaj wezwań do działania wewnątrz transkrypcji ani nie udawaj przycisku odtwarzania, który otwiera formularz sprzedaży.
Zapisz wersję interfejsu lub datę nagrania, gdy demonstracja produktu może się zdezaktualizować. Wymień lub opatrz adnotacjami nieaktualne nagrania niezwłocznie; dopracowany film pokazujący usunięte elementy sterujące jest bardziej szkodliwy niż brak filmu, ponieważ pewnie uczy błędnej ścieżki.
Typy postów, które go używają
Pole postTypes w metadanych jest źródłem prawdy dla tej zależności. Umieszczenie oznacza, że typ posta może używać elementu, gdy ruch dodaje dowodów; nie czyni filmu obowiązkowym.
| Typ posta | Zadanie filmu | Typowe umiejscowienie | Nie używaj go do |
|---|---|---|---|
| Poradnik | Demonstracja czasu, ruchu lub całej procedury | Po wymaganiach wstępnych i szybkiej odpowiedzi, lub po wspieranym kroku | Zastępowania uporządkowanych pisemnych kroków |
| Kompleksowy przewodnik | Wyjaśnienie jednego trudnego mechanizmu lub demonstracja ekspercka | W odpowiednim rozdziale po jego wprowadzeniu tekstowym | Ogólnego omówienia marki w hero |
| Artykuł dokumentacyjny | Pokazanie dokładnego workflow interfejsu i stanu sukcesu | Obok pasującej sekcji zadania, z datą wersji | Ukrywania poleceń, etykiet lub kroków odzyskiwania w odtwarzaniu |
| Strona funkcji | Udowodnienie, jak działa funkcja w interfejsie | Po wyjaśnieniu mechanizmu i dopasowania | Niemego promocyjnego pokazu slajdów bez weryfikowalnego rezultatu |
| Studium przypadku | Dostarczenie zatwierdzonego świadectwa klienta lub dowodu interwencji | Po twierdzeniu i kontekście przypisania | Zastępowania udokumentowanych wyników entuzjazmem |
| Strona recenzji | Pokazanie praktycznych testów, zachowania i ograniczeń | W sekcji testowanego kryterium lub dowodów | Osadzania reklamy sprzedawcy jako niezależnego dowodu |
Lista kontrolna QA
- Czy ruch, synchronizacja lub zsynchronizowane wyjaśnienie uzasadniają użycie filmu zamiast tekstu lub nieruchomego obrazu?
- Czy tytuł, podsumowanie, czas trwania, dostawca, transkrypcja i treść zastępcza są obecne w HTML renderowanym po stronie serwera?
- Czy domyślna fasada unika jakiegokolwiek żądania do dostawcy aż do aktywacji lub ważnej zgody?
- Jeśli używane jest leniwe ładowanie względem viewportu, czy wyjątek dotyczący wydajności i prywatności jest udokumentowany?
- Czy dostawca jest na liście dozwolonych, identyfikator zweryfikowany, a dowolny HTML iframe odrzucony?
- Czy szerokość i wysokość lub
aspect-ratiosą zarezerwowane przed załadowaniem odtwarzacza? - Czy fasada używa prawdziwego przycisku obsługiwanego klawiaturą z konkretną dostępną nazwą i widocznym stanem fokusu?
- Czy iframe otrzymuje unikalny opisowy
titlepodczas jego tworzenia? - Czy dostępne są zsynchronizowane napisy, a transkrypcja zawiera znaczące akcje wizualne?
- Czy odtwarzanie redakcyjne jest inicjowane przez użytkownika, z wyłączonym autoodtwarzaniem?
- Czy awaria dostawcy lub odrzucona zgoda pozostawiają stronę kompletną i nawigowalną?
- Czy transkrypcja i kluczowe instrukcje są dostępne bez JavaScript i bez odtwarzania filmu?
- Czy link zastępczy otwiera kanoniczną stronę HTTPS do obejrzenia i identyfikuje ten cel?
- Czy
VideoObject, gdy jest obecny, odpowiada widocznemu tytułowi, miniaturze, dacie publikacji, czasowi trwania i dokładnemu odtwarzalnemu filmowi? - Czy
contentUrljest pomijany, chyba że wskazuje na rzeczywiste bajty multimedialne? - Czy strona została przetestowana przy wąskich szerokościach, powiększeniu 200%, wyłącznie klawiaturą i ustawieniach ograniczonego ruchu?
- Czy koszt zewnętrznego dostawcy został zmierzony przy niebuforowanym ładowaniu, wliczając żądania wykonane przed interakcją?
- Czy wersja interfejsu, data nagrania lub wyzwalacz recenzji są zapisane dla wrażliwych czasowo demonstracji?
Zgodne z zasadami osadzenie filmu daje czytelnikowi wybór: zrozumieć sedno z tekstu, przejrzeć transkrypcję lub ponieść koszt obejrzenia. Ten wybór zamienia odtwarzacz zewnętrznego dostawcy w użyteczny, wyodrębnialny dowód.
Więcej samouczków w tej sekcji
Gotowy, aby zastosować to w praktyce?
Bezpłatne sprawdzenie · 7-dniowy okres próbny · bez karty kredytowej