Responsive web design ≠ mobile włączony. Jak działa optymalizacja mobilna

Oliver Pfeil Ostatnia aktualizacja w dniu 21.10.2020 r.
6 Min.
mobilna optymalizacja
Ostatnia aktualizacja w dniu 21.10.2020 r.

W tym artykule wyjaśnię różnicę pomiędzy "responsive" i "mobile enabled" oraz jak zoptymalizować Twoją stronę pod kątem urządzeń mobilnych. Nauczysz się też kilku bardzo fajnych sztuczek, które poprawią czas ładowania Twojej WordPress strony, tak aby ładowała się szybko.

Coraz więcej osób korzysta z Internetu przez telefon komórkowy. Stwarza to nowe możliwości i, oczywiście, przemyślenia w zakresie tematów "responsive web design" i "mobile optimization for the website".

Dlaczego optymalizacja mobilna?

Zanim pokażę wam konkretne możliwości optymalizacji, chciałbym krótko omówić z wami "dlaczego". Przejdę bardziej szczegółowo do dwóch najważniejszych powodów:

Powód nr 1:

Coraz więcej osób korzysta z urządzeń mobilnych (smartfonów i tabletów). W przeciwieństwie do tego, komputery i notebooki są coraz rzadziej używane. Dotyczy to zwłaszcza użytku prywatnego, gdy poszukuje się konkretnego problemu, tematu, rozwiązania, restauracji, produktu lub usługi.

Każdy operator strony internetowej powinien być przygotowany na tę zmianę. Ponieważ tylko wtedy, gdy Twoja strona jest optymalnie zaprezentowana na urządzeniu mobilnym, Twój odwiedzający pozostanie na stronie i zarezerwuje u Ciebie produkt lub usługę.

Powód nr 2:

Dla Google jest to kryterium rankingu, jak Twoja strona działa na urządzeniach mobilnych. Następujące dwa aspekty są niezwykle ważne:

  • Czy strona jest w pełni responsywna?
  • Jaki jest czas ładowania twojej strony internetowej?

Im lepiej zdobędziesz punkty w tych dwóch aspektach, tym więcej otrzymasz punktów i tym lepszy będzie Twój ranking w wynikach wyszukiwania.

Jaka jest różnica między czułością a mobilnością?

Na wielu stronach internetowych jest napisane, że wszystko czego potrzebujesz to responsywny projekt i wtedy wszystko jest w porządku. Mam jednak zupełnie inne zdanie i dlatego chciałbym skupić się na tym punkcie. Ponieważ to właśnie tutaj możesz idealnie zoptymalizować swoją stronę internetową pod kątem urządzeń mobilnych.

Podstawowa procedura jest następująca: Na przykład, operator strony internetowej instaluje WordPress responsive Theme. To zazwyczaj uzupełnia temat dla operatora. Ale moim zdaniem, to dopiero początek. Ponieważ responsive Themeoznacza jedynie, że konstrukcja automatycznie dostosowuje się do danego urządzenia końcowego. Jest to podstawowy wymóg, a zatem bardzo ważny.

Reagowanie oznacza Themejedynie, że konstrukcja automatycznie dostosowuje się do danego urządzenia końcowego.

Następnym krokiem jest przeglądanie strony internetowej za pomocą tabletu i smartfona. Szybko przekonasz się, czy odpowiadający Ci projekt jest profesjonalny i zachęcający. Dzieje się tak, ponieważ często zdarza się, że optymalizacja mobilna nie została przeprowadzona mimo czułej konstrukcji.

Chciałbym podać kilka przykładów, które z pewnością zauważyliście na niektórych stronach internetowych:

  • Czcionka nagłówka jest o wiele za duża.
  • Czcionka tekstu ciągłego jest zbyt duża lub zbyt mała.
  • Odstępy między liniami są zbyt duże.
  • Obrazy są wyświetlane zbyt duże lub zbyt małe.
  • Niektóre formatowania nie są wyświetlane poprawnie na urządzeniu przenośnym.
  • Nawigacja jest trudna w obsłudze.

Ta lista może być oczywiście znacznie dłuższa, ale myślę, że rozumiesz, o czym mówię.

Nawet jeśli te aspekty nie zostaną zoptymalizowane, będziecie mieli Państwo responsywną stronę internetową, którą Google również ocenia pozytywnie. Powinieneś jednak naprawdę poważnie potraktować optymalizację mobilną dla swoich gości i rozważyć te aspekty oraz zlecić ich optymalizację programiście.

Projektowanie stron internetowych: Wskazówka dla przeglądarki dotycząca optymalizacji mobilnej

Zazwyczaj masz smartfon i może tablet. Jeśli jednak chcesz sprawdzić swoją stronę internetową za pomocą różnych urządzeń mobilnych, szybko osiągniesz swoje granice. Jest jednak na to bardzo proste rozwiązanie. Jeśli używasz przeglądarki Google Chrome, masz do tego wbudowaną funkcję.

Możesz wyświetlać "responsywny projekt www" dla wielu różnych urządzeń. Aby to zrobić, należy kliknąć prawym przyciskiem myszy i wybrać z pojawiającego się menu opcję "Sprawdź". Otwiera się konsola i można wybrać urządzenia mobilne (patrz zrzut ekranu). Przeglądarka pokaże Ci wtedy, jak Twoja strona będzie wyświetlana na niektórych urządzeniach.

czułe testy urządzeń mobilnych webdesign

W sprawie strona internetowa znajdziesz instrukcję, jak korzystać z tej funkcji przeglądarki.

Wskazówki: Zoptymalizuj WordPress telefon komórkowy

Jeśli WordPress poniższe wskazówki są z pewnością bardzo pomocne dla Ciebie. Dzięki WordPress można dokonać wielu optymalizacji za pomocą jednej Pluginlub wewnętrznej funkcji. To ułatwia pracę i oszczędza czas:

  • Podstawowym wymogiem jest reagowanie Theme. Polecam kupić premię Theme WordPress do wyboru. Ten kosztuje kilka dolarów, ale daje ci dużo więcej możliwości. Poza tym, premia Theme są zazwyczaj lepiej zaprogramowane, z czego dodatkowo korzystasz.
  • Jeśli twój Theme w widoku mobilnym wymaga optymalizacji, masz 2 opcje. Albo zmienisz Theme albo zmieniasz swoje istniejące Theme. Do optymalizacji można wykorzystać dziecko Theme użycie. Zatrudnij programistę, który wdroży dla Ciebie optymalizacje.
  • Tymczasem jest wielu Themebudowniczych, dzięki którym z łatwością można stworzyć pożądany projekt i zoptymalizować go do użytku WordPress mobilnego. Przykładami są Rozwijaj się -Themes a może Divi.

Jeśli temat WordPress jest jeszcze dla Ciebie nowy, ale uważasz, że jest interesujący, możesz spojrzeć na poniższe. Na tej stronie znajduje się WordPress Tutorialgdzie poznasz wszystkie ważne podstawy tego genialnego systemu zarządzania treścią.

Użyj wewnętrznych linków w tekście

Przejdźmy teraz do małej, sekretnej wskazówki, która jest niezwykle potężna: W tekście na swojej stronie internetowej umieść link do wewnętrznych podstron związanych z tematem. Dzięki temu odwiedzający mogą łatwo poruszać się po Twojej stronie. Zwłaszcza użytkownicy smartfonów wolą bardzo łatwo klikać na link w tekście, zamiast przeszukiwać menu burgera.

Dzięki tej prostej optymalizacji tworzysz kilka pozytywnych rzeczy na raz:

  • Wewnętrzne linki są czynnikiem rankingowym w Google.
  • Dzięki wewnętrznym linkom ułatwisz swoim odwiedzającym i poczują się bardziej komfortowo na Twojej stronie.
  • Odwiedzający Twoją stronę będą średnio przeglądać kilka podstron, co wydłuża czas, jaki spędzają na Twojej stronie. I jest to również czynnik rankingowy, który będzie miał pozytywny wpływ.

Czas ładowania urządzeń przenośnych

Teraz dużo rozmawialiśmy na temat "Optymalizacja strony internetowej dla urządzeń mobilnych". Jest jeszcze jeden aspekt, który powinien pan rozważyć: Temat "Optymalizacja czasu ładowania". Uważam, że kwestia ta jest szczególnie ważna z dwóch powodów:

  1. Czas ładowania Twojej strony internetowej jest współczynnikiem rankingu Google.
  2. Im dłuższy jest czas ładowania Twojej strony, tym więcej osób opuszcza Twoją stronę.

Ma to szczególnie duży wpływ na mobilnych gości, ponieważ czas ładowania jest zawsze nieco dłuższy w porównaniu do środowiska graficznego. Plus 3 konkretne wskazówki, jak WordPress zoptymalizować czas ładowania urządzeń mobilnych:

#1: zdjęcia:

Obrazy pochłaniają największy procent czasu ładowania. W związku z tym, masz tu największy wpływ. Najważniejsze jest to, że WordPress wgrywasz obrazki w dokładnie takim samym rozmiarze, w jakim będzie on zawierał grafikę. Dzięki temu już teraz można zaoszczędzić na rozmiarze plików i skrócić czas ich przesyłania.

Ponadto, istnieją teraz gigantyczne narzędzia, które pozwalają na dalsze, w pełni automatyczne zmniejszanie rozmiaru plików z obrazami. Możesz ustawić sobie, czy jakość powinna być utrzymana, czy trochę obniżona. Polecam następujące dwa WordPress narzędzia -Plugins:

optymalizator obrazu ewww optymalizator obrazu

Z niektórymi Plugins w celu optymalizacji obrazu można również automatycznie generować obrazy WEBP. Jest to zupełnie nowy format od Google, który zmniejsza rozmiar pliku przy zachowaniu tej samej jakości.

#2: Caching

Druga ważna kwestia dotyczy buforowania. Nie chcę tu zagłębiać się w zbyt wiele szczegółów, bo nie potrzebujesz wiedzy o podłożu.

Chodzi o to, że zapytania do bazy danych nie są wykonywane za każdym razem, gdy odwiedzasz swoją stronę (lub podstronę). Dzięki "cache'owi", kopia każdej podstrony jest przechowywana na Twoim serwerze i dzięki temu jest znacznie szybciej dostępna, ponieważ nie ma potrzeby wykonywania osobnych zapytań.

Moja Plugin- rekomendacja: WP Rocket. Rakieta WP-Rocket jest łatwa w użyciu i całkowicie gotowa do użycia w kilka minut. Ponadto oferuje on Plugindalsze optymalizacje, które mogą zaoszczędzić dodatkowy czas załadunku.

#3: Pluginsi Themeswysysanie

Co prawda, ta końcówka brzmi bardzo banalnie i jest. Ale to jest skuteczne:

Zalecam odinstalowanie wszystkichPlugins, Themesktórych nie masz w użyciu. Samo wyłączenie nie wystarczy.

Dzięki temu system jest również czysty, a każda dodatkowa rozbudowa niesie ze sobą pewne ryzyko dla bezpieczeństwa. Z czasem wielu Pluginsludzi zakrada się Themesdo tego, czego tak naprawdę nie potrzebujesz.

Na mojej stronie internetowej można znaleźć darmową serię wideo, jak można WordPress przyspieszyć. Te tutoriale pokazują na żywo na ekranie, jakie ustawienia należy ustawić gdzie.

Wniosek: Dla kogo optymalizacja mobilna jest naprawdę warta?

Internet nadal rozwija się z prędkością światła. Jest wiele ciekawych tematów i może zastanawiasz się teraz, czy warto dla mnie zrobić mobilną optymalizację? Cóż, oczywiście musisz zdecydować za siebie. Zalecam jednak, aby zoptymalizować swoją stronę internetową dokładnie w tym kierunku:

  • Zoptymalizuj stronę internetową dla urządzeń mobilnych
  • Poprawa i optymalizacja czasu załadunku

Strona internetowa jest Tą figurką, która jest w akcji dla Ciebie 365 dni w roku. A żeby twoja sylwetka mogła spełniać swoje zadanie, musi być regularnie polerowana. Mwięc jedną z rekomendacji jest: polska strona na urządzenia mobilne i na pewno skorzystasz z niej.

Zdjęcie: Le Buzz @Unsplash

Oliver Pfeil pomaga ludziom z książkami, e-learningiem i kursami w tworzeniu udanej i dochodowej strony internetowej. Jego specjalnością jest WordPress projektowanie stron internetowych i marketing internetowy.

Artykuły pokrewne

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola oznaczone są * Zaznaczone.