W końcu stworzyłem swoją witrynę: steakovercooked.com przyjazną dla urządzeń mobilnych, dzięki czemu wszystkie strony internetowe we wszystkich moich dotychczasowych 6 domenach kwalifikują się do tego, by były przyjazne dla użytkowników mobilnych.
Przyjazność dla użytkowników mobilnych jest teraz czynnikiem w rankingu, np. wyszukiwarki Google mają tendencję do promowania witryn, które pomyślnie przeszły test przyjazności dla użytkowników mobilnych.
przyjazna dla urządzeń mobilnych
Oto kroki, aby uczynić użytkownika przyjaznym dla urządzeń mobilnych, znanym również z Responsive CSS Design.
Oczyść wbudowany CSS w tagach HTML
Wbudowane CSS w tagach HTML są złe, ponieważ mieszają prezentację i HTML, na przykład
Styl jest zdefiniowany bezpośrednio w tagu div HTML, którego nie można zmienić za pomocą zewnętrznych arkuszy stylów.
Nie używaj pikseli o określonej/stałej szerokości
Jeśli zdefiniujesz coś takiego jak np. width:900px, prawdopodobnie nie jest to przyjazne dla urządzeń mobilnych. Możesz to zastąpić wartością procentową np. 30%. Mniejsze piksele są mniej prawdopodobne, aby stanowić problem, np. ikony są dobre w małych rozdzielczościach ekranu. Wyobraź sobie, że najmniejsza szerokość ekranu to 300 pikseli (w przybliżeniu), więc nie chcesz, aby żaden z Twoich elementów HTML był szerszy.
Umieść następujące elementy wewnątrz tagu głowy
Obrazy/tabele są najgorsze
Tabele są najgorsze w przypadku projektowania responsywnego, więc może być konieczne zastąpienie ich prostymi elementami div. Obrazy powinny być określone w następującym stylu maksymalnej szerokości, np.
To wszystko, bez skomplikowanych produktów! Pamiętaj, że strona przyjazna dla użytkowników mobilnych to nie to samo co AMP (Accelerated Mobile Pages).