Wskazówki, jak sprawić, by Twój blog był bardziej przyjazny dla urządzeń mobilnych
Google niedawno ogłosiło, że użyje aktualizacji algorytmu przyjaznego dla urządzeń mobilnych, aby sprawdzić, czy wszystkie blogi są przyjazne dla urządzeń mobilnych, i ukarze tych, którzy nie są. To sprawiło, że wielu blogerów zastanawiało się, jak sprawić, by ich strony internetowe były bardziej przyjazne dla urządzeń mobilnych i jak w ogóle wiedzieć, czy Twój blog jest przyjazny dla urządzeń mobilnych, czy nie. Dlatego zebraliśmy najważniejsze informacje o tym, dlaczego uczynienie Twojego bloga bardziej przyjaznym dla urządzeń mobilnych jest tak ważne i jak to zrobić.
W dzisiejszych czasach duża część odwiedzających blogi używa do tego swoich urządzeń mobilnych zamiast komputerów. A ponieważ Google obiecało podnieść rankingi witryn, które są odpowiednie do przeglądania na urządzeniach mobilnych, ważniejsze niż kiedykolwiek jest upewnienie się, że Twój blog lub strona internetowa jest przyjazna dla urządzeń mobilnych.
Oczywiście nie chodzi tylko o to, czego chce Google. Dostosowanie Twojego bloga do urządzeń mobilnych leży również w najlepszym interesie Twoim i Twoich czytelników, ponieważ ponieważ tak wiele osób korzysta z urządzeń mobilnych do surfowania po Internecie, czytanie Twojego bloga będzie dla nich wygodniejsze. Według badań Pew Internet Project, ponad jedna trzecia wszystkich posiadaczy telefonów komórkowych korzysta z telefonu częściej niż z komputera stacjonarnego lub laptopa, aby uzyskać dostęp do Internetu. Więc jeśli chcesz, aby Twój blog był łatwo przeglądany na dowolnym smartfonie, a także zwiększyć liczbę czytelników Twojego bloga, musisz pomyśleć o przyjazności dla urządzeń mobilnych. I rzeczywiście jest to łatwiejsze do osiągnięcia niż mogłoby się wydawać.
Testowanie przyjazności dla urządzeń mobilnych
Gdy Google wymyślił ten algorytm przyjazny dla urządzeń mobilnych, umożliwił wszystkim testowanie swoich blogów i witryn internetowych pod kątem tego wskaźnika za pomocą narzędzia do testowania przyjaznego dla urządzeń mobilnych. Po prostu wpisz adres URL swojego bloga w polu „Wprowadź adres URL do przetestowania”, kliknij „Uruchom test”, a narzędzie poinformuje Cię, czy Twój blog jest przyjazny dla urządzeń mobilnych, czy nie.
Jeśli Twoja strona jest dostosowana do urządzeń mobilnych, możesz się trochę zrelaksować, bo nie musisz nic robić. Jeśli jednak to narzędzie Google stwierdzi, że Twój blog nie jest najłatwiejszy do czytania na urządzeniu mobilnym, musisz jak najszybciej wprowadzić pewne ulepszenia w tym dziale.
Dla tych, którzy używają oprogramowania do zarządzania treścią (CMS) do prowadzenia swojego bloga, takiego jak WordPress, Joomla!, Drupal, Blogger, Tumblr, Witryny Google, Bitrix itp., dostosowanie nie powinno stanowić problemu, ponieważ większość tych systemów oprogramowania oferować narzędzia, które automatycznie dostosują Twoją stronę do urządzeń mobilnych. Jeśli jednak zdecydowałeś się na bardziej oldschoolowe podejście i nie używałeś żadnego oprogramowania CMS do tworzenia swojej witryny internetowej lub jeśli korzystałeś z CMS, ale Twoja witryna nadal nie spełnia standardów mobilnych, oto kilka wskazówek, jak ją ulepszyć przyjazność Twojej witryny dla urządzeń mobilnych.
1 Zaktualizuj CMS do najnowszej wersji i korzystaj z motywów mobilnych
Jeśli korzystasz z CMS, wszystko, co musisz zrobić, to zaktualizować oprogramowanie lub zmienić motyw, którego używasz na swoim blogu. Większość systemów CMS zapewnia już wszystkie narzędzia, dzięki którym Twoja witryna jest przyjazna dla urządzeń mobilnych, ale musisz upewnić się, że Twój system CMS jest zaktualizowany do najnowszej wersji. Na przykład Joomla jest dostarczana z obsługą urządzeń mobilnych, tylko wtedy, gdy jest aktualizowana do najnowszej wersji oprogramowania. Jednak inne oprogramowanie może wymagać zmiany motywu witryny, aby była przyjazna dla urządzeń mobilnych, ponieważ niektóre starsze motywy po prostu nie wyglądają dobrze na urządzeniach mobilnych, dlatego też nie są dla nich odpowiednie. W tym celu przejdź do panelu administracyjnego swojego CMS, znajdź zakładkę motywy na pulpicie nawigacyjnym i zmień motyw swojego bloga na taki, który jest responsywny i przyjazny dla urządzeń mobilnych. Na przykład WordPress oferuje setki różnych motywów, a duża ich część jest bezpłatna i responsywna. Niestety, jeśli korzystasz z systemu CMS, który nie oferuje wsparcia dla urządzeń mobilnych, potrzebne będą dalsze ulepszenia i mądrzejsza może być po prostu zmiana oprogramowania do zarządzania treścią.
2 Użyj śródtytułów
Praktyczną zasadą, jeśli chodzi o treść bloga, która jest wygodna dla użytkowników mobilnych, jest umożliwienie im wchłaniania tekstu w mniejszych akapitach, zamiast umieszczania artykułu w jednym długim tekście. Tak więc tekst Twojego posta na blogu powinien być dobrze skonstruowany, aby czytelnik mógł łatwo orientować się w tekście. Można to łatwo zrobić za pomocą podtytułów. Używając śródtytułów, tekst jest automatycznie dzielony na wiele podrozdziałów i istnieje mniejsze prawdopodobieństwo, że czytelnik zgubi się w trakcie czytania artykułu. A ponieważ gubienie się podczas czytania czegoś na smartfonie jest dość częstym problemem wielu użytkowników urządzeń mobilnych, ponieważ mobilne przewijanie utrudnia czytanie długich, monotonnych tekstów, rozwiąż go za pomocą nagłówków.
Nagłówki można łatwo wstawiać za pomocą znaczników nagłówków. Tag dla największego i najważniejszego nagłówka to
, który jest ledwo widocznym nagłówkiem, ale nadal pomoże Ci podzielić zawartość i ułatwić jej czytanie.
3 Wybierz odpowiedni rozmiar obrazów
Blogerzy zwykle wybierają rozmiar obrazów, których zamierzają używać w swoich postach na blogu, zgodnie z normalnym rozmiarem ekranu komputera, ale kiedy posty na blogu są przeglądane na mniejszych ekranach, takich jak ekran telefonu komórkowego, obrazy na ogół kończą się być tego samego rozmiaru. Oznacza to, że użytkownicy urządzeń mobilnych nie widzą obrazów w odpowiednich proporcjach. Dlatego rób swoje zdjęcia tak, aby były nie tylko mniejsze, zazwyczaj zdjęcia poniżej 1500 na 2500 pikseli są najlepsze, ale także mniejsze – zalecane poniżej 500 KB. Oprócz posiadania zdjęć przyjaznych dla urządzeń mobilnych, zmniejszenie rozmiarów plików obrazów pozwoli również użytkownikom na szybsze ładowanie stron, ponieważ mniejsze zdjęcia zużywają mniej danych do załadowania.
Aby zmniejszyć rozmiar i wymiary zdjęć, użyj dowolnego edytora zdjęć, który masz pod ręką, ponieważ nie potrzebujesz do tego programu Photoshop. Zalecamy korzystanie z JPEGmini lub Pixlr, ponieważ dzięki tym edytorom zdjęć możesz zmniejszyć rozmiar zdjęć bez utraty ich jakości.
4 Użyj responsywnego projektu
Responsywny projekt bloga lub strony internetowej daje możliwość przeglądania jej z wielu różnych platform i urządzeń o różnej wielkości ekranu, co jest wygodniejsze, ponieważ automatycznie dostosowuje Twoją stronę do szerokości okna przeglądarki. Aby zapewnić wygodę czytania odwiedzającym blog, podczas tej adaptacji zwykle zmienia się wygląd bloga, na przykład zmniejszają się obrazy, kolumny układają się pionowo, a także zmienia się menu. Ale jeśli te zmiany nie następują same, istnieją narzędzia, których możesz użyć, aby zrobić to samodzielnie.
Na przykład Foundation 3, Skeleton i Bootstrap. Te ramy automatycznie dostosują Twojego bloga, aby był łatwy do odczytania na dowolnym urządzeniu. Korzystanie z nich jest znacznie łatwiejsze niż samodzielne kodowanie każdej możliwej kombinacji. Oczywiście możesz to zrobić również za pomocą nowych jednostek długości względnej CSS3, takich jak szerokość rzutni (vw), wysokość rzutni (vh), minimalna wysokość i szerokość rzutni (vmin) oraz maksymalna wysokość i szerokość rzutni (vmax). Jednak kodowanie wymaga zarówno umiejętności, jak i czasu, a jeśli nie jesteś doświadczonym programistą, sugerowałbym skorzystanie z pierwszej opcji.
5 Używaj prostych projektów
Użytkownicy mobilni preferują proste projekty witryn, ponieważ duże i skomplikowane witryny działają wolno na urządzeniach mobilnych. Proste projekty ułatwiają również utrzymanie uwagi czytelnika na treści, zamiast rozpraszać go fantazyjnym designem, ponieważ statystycznie większość użytkowników mobilnych ma dość krótki czas skupienia uwagi.
Oznacza to, że układ witryny jest prosty i łatwy do zrozumienia. Jeśli używasz motywu oferowanego przez usługodawcę, możesz po prostu zmienić go na prostszy. Na przykład WordPress oferuje wiele eleganckich, prostych projektów, które nie przytłoczą urządzeń mobilnych, ale nadal będą dobrze wyglądać na komputerze. Ale jeśli stworzyłeś swoją witrynę przy użyciu HTML, możesz pobrać prosty szablon, który sprawi, że Twoja witryna będzie wyglądać świetnie i będzie również przyjazna dla urządzeń mobilnych. Na przykład Envato Market oferuje wiele różnych prostych projektów do wyboru i wykorzystania na swojej stronie.
6 Używaj standardowych czcionek
Ciekawe czcionki mogą sprawić, że blog będzie wyglądał bardziej kreatywnie, ale te czcionki mogą też być irytujące dla mobilnych czytelników bloga, ponieważ nie wszystkie urządzenia mobilne obsługują fantazyjne czcionki na komputery. Aby więc zobaczyć zawartość, użytkownicy urządzeń mobilnych będą musieli pobrać nowe czcionki na swoje telefony, co jest kłopotem, który dla wielu nie jest tego wart. Co więcej, nawet jeśli mają preinstalowane wszystkie czcionki, niektóre bardziej kreatywne czcionki mogą być trudne do odczytania na smartfonie ze względu na mniejszy rozmiar.
Wybierz więc tradycyjne czcionki, takie jak Times New Roman, Verdana, Comic Sans MS, WildWest lub Bedrock. A także sprawdź czytelność czcionki, którą zdecydujesz się użyć, aby upewnić się, że tekst nie stanie się nieczytelny po wyświetleniu go na mniejszym ekranie smartfona. Ogólna zasada jest taka, że każdy tekst na stronie internetowej powinien mieć co najmniej 14 px, ponieważ w ten sposób tekst będzie wystarczająco duży, aby można go było łatwo odczytać, nawet jeśli używasz urządzenia mobilnego z bardzo małym ekranem.
7 Zminimalizuj zawartość na stronie
Gdy strona jest ładowana na dowolnym urządzeniu, czy to na komputerze, tablecie czy smartfonie, urządzenie pobiera całą zawartość strony. Zwykle nie sprawia to żadnych problemów, jeśli korzystasz z komputera, ale duże ilości danych mogą przytłoczyć urządzenia mobilne. Aby tego uniknąć, powinieneś zminimalizować ilość treści na każdej stronie, ponieważ dzięki temu Twój blog będzie działał na każdym urządzeniu mobilnym.
Zaleca się zmniejszenie zawartości strony poniżej 5 MB na stronę. Możesz łatwo sprawdzić rozmiar zawartości swojej strony w dowolnej przeglądarce. Po prostu użyj jednego z wielu narzędzi do sprawdzania rozmiaru strony, które są dostępne online. Jeśli przekracza 5 MB, zmniejsz ręcznie rozmiar i ilość tekstu, obrazów i innych elementów strony lub użyj fragmentów bloga, aby ułatwić odwiedzającym przeglądanie Twojego bloga.
8 Korzystaj z filmów z YouTube
Jeśli masz tendencję do publikowania wielu filmów w artykułach na swoim blogu, musisz pamiętać, że będą one wyglądać znacznie inaczej na urządzeniu mobilnym niż na komputerze. Co więcej, niektóre urządzenia mobilne nie obsługują nawet niektórych formatów wideo, więc aby uniknąć sytuacji, w której użytkownik nie będzie mógł odtworzyć wideo w Twojej witrynie, użyj osadzonego YouTube. Kod osadzania, który YouTube zapewnia dla każdego z ich filmów, jest już responsywny, co oznacza, że będziesz mógł oglądać wideo na prawie każdym urządzeniu i nie będziesz już musiał martwić się o rozmiary i formaty wideo.
Możesz uzyskać kod do umieszczenia filmu na YouTube, klikając przycisk „Udostępnij”, który znajduje się pod przyciskiem „Subskrybuj”, a następnie kliknij kartę „Umieść” i skopiuj dostarczony kod do swojej witryny. I masz w swoim poście wideo o idealnym rozmiarze, nawet bez konieczności konwertowania go lub dostosowywania w inny sposób.
Często linki w witrynie są zbyt małe, aby użytkownik mobilny mógł je łatwo i dokładnie dotknąć palcem. Czytelnik bloga może być naprawdę irytujący, gdy nie może dokładnie dotknąć treści, którą chce wyświetlić. Dlatego powinieneś zastąpić wszystkie linki na swojej stronie przyciskami o rozmiarze co najmniej 44 piksele na 44 piksele.
Jeśli używasz systemu CMS, takiego jak WordPress, możesz po prostu użyć wtyczek do utworzenia tych przycisków. Przejdź do panelu sterowania CMS, znajdź odpowiednią wtyczkę, zainstaluj ją i postępuj zgodnie z instrukcjami, aby prawidłowo z niej korzystać. Ale jeśli sam zakodowałeś stronę, możesz użyć jednego z tych darmowych generatorów przycisków linków, co pozwoli zaoszczędzić czas, który poświęciłbyś na samodzielne kodowanie przycisków.
10 Kontynuuj testowanie
Na koniec, po wprowadzeniu wszystkich ulepszeń i uznaniu, że Twój blog jest tak przyjazny dla urządzeń mobilnych, jak to tylko możliwe, przetestuj go ponownie za pomocą narzędzia do testowania Google lub innego narzędzia do testowania przyjazności dla urządzeń mobilnych, które można znaleźć w Internecie. Jeśli teraz wszystko jest w porządku, a narzędzie zapewnia, że Twój blog nie zostanie ukarany, ponieważ nie jest dostosowany do urządzeń mobilnych, możesz się zrelaksować i dalej rozwijać swoją witrynę, tworząc świetne treści. Ale dla pewności sugerowałbym przetestowanie witryny na wielu różnych urządzeniach.
Poproś znajomych lub członków rodziny, aby obejrzeli Twojego bloga na swoich telefonach i tabletach. Przetestuj swoją witrynę na urządzeniu z Androidem i IOS, a także na urządzeniach, które mogą mieć zupełnie inny system operacyjny. I przejrzyj wszystkie główne strony swojego bloga na tych urządzeniach. Tylko testując dostosowanie swojego bloga do urządzeń mobilnych w prawdziwym życiu, możesz być pewien, że Twoja witryna jest rzeczywiście łatwa do przeglądania i czytania ze wszystkich gadżetów.
Przyjazność dla urządzeń mobilnych to nie tylko ładny wygląd witryny, ale także poprawa komfortu korzystania z niej przez użytkownika. Właśnie dlatego, gdy uczynisz swojego bloga bardziej przyjaznym dla urządzeń mobilnych, więcej osób będzie chciało wrócić do Twojej witryny, ponieważ będzie ona łatwa do przeglądania i zrozumienia. A ponieważ liczba osób, które używają telefonów komórkowych jako podstawowego urządzenia do surfowania po sieci, rośnie z każdym kolejnym rokiem, w Twoim najlepszym interesie jest upewnienie się, że Twoja witryna jest przyjazna dla tych użytkowników smartfonów i wyświetla treści dla nich je w wygodny i łatwy do odczytania sposób.