Prezentacja modułu · nr 101
Optymalizacja Zdjęć dla SEO
Moduł „Optymalizacja Zdjęć dla SEO” w czterech formach: statyczne zrzuty panelu i strony, krótkie animacje pojedynczych czynności, film prowadzący przez całość oraz prezentacja interaktywna, po której klikasz samodzielnie.
Forma 1 z 4
Zrzuty ekranu
Statyczne widoki panelu i strony — najszybszy sposób, żeby sprawdzić, czy moduł wygląda tak, jak sobie wyobrażasz. Każdy zrzut pochodzi z działającego wdrożenia, nie z makiety.
Wgrywanie zdjęcia
Wgrywasz zdjęcie jak zwykle, system automatycznie kompresuje je i konwertuje do lżejszego formatu.
Jak to wygląda
Dla odwiedzającego strona wygląda identycznie, ale ładuje się zauważalnie szybciej.
Co robi odwiedzający
Czeka krócej na załadowanie strony, a osoby korzystające z czytników ekranu słyszą sensowny opis każdego zdjęcia.
Aktualizacja
Przy każdym nowym zdjęciu wypełniasz krótki opis Alt - system przypomina, jeśli go pominiesz.
Widok na telefonie
Ten sam moduł na małym ekranie — układ, kolejność sekcji i wielkość elementów dopasowane do obsługi palcem.
W1 — Audyt istniejących zdjęć
Przegląd i uzupełnienie brakujących opisów Alt na już istniejącej stronie
Forma 2 z 4
Krótkie animacje
Pojedyncze czynności pokazane w ruchu, po kilkanaście–kilkadziesiąt sekund każda. Odtwarzają się w pętli, bez dźwięku — możesz je obejrzeć w biegu, bez słuchawek.
Wgrywanie zdjęcia 0:40
Cała czynność w jednym ujęciu — od pustego formularza do gotowego efektu widocznego na stronie.
Ścieżka odwiedzającego 0:25
Czeka krócej na załadowanie strony, a osoby korzystające z czytników ekranu słyszą sensowny opis każdego zdjęcia.
Aktualizacja w locie 0:18
Poprawka w panelu i natychmiastowy efekt na stronie — bez czekania na programistę.
Forma 3 z 4
Film
Optymalizacja Zdjęć dla SEO od A do Z 4:10
Pełne przejście przez moduł: konfiguracja, praca na treści od strony panelu, widok, który dostaje odwiedzający, oraz to, co dokłada pierwszy wariant rozwoju.
Rozdziały
- 00:00Co dostajesz w wersji podstawowej
- 00:38Wgrywanie zdjęcia
- 01:16Jak to wygląda
- 01:55Co robi odwiedzający
- 02:33Aktualizacja
- 03:12Wariant W1 — Audyt istniejących zdjęć
Forma 4 z 4
Prezentacja interaktywna
Prezentacja H5P osadzona przez moduł Drupala — klikasz po zrzutach panelu i strony, rozwijasz podpowiedzi przy poszczególnych polach i sam decydujesz, w jakiej kolejności przechodzisz przez materiał. Działa w przeglądarce, bez instalowania czegokolwiek.
Wykorzystane typy treści H5P
-
Course Presentation
Slajdy z panelu i strony, po których poruszasz się we własnym tempie.
-
Image Hotspots
Punkty na zrzucie ekranu — kliknięcie wyjaśnia, do czego służy dane pole.
-
Interactive Video
Film z pytaniami i odnośnikami pojawiającymi się w kluczowych momentach.
Obejrzane. Co dalej?
Prezentacja pokazuje moduł na naszym przykładzie. Jeśli chcesz sprawdzić go na własnych produktach — udostępniamy piaskownicę z dostępem do panelu.