Intro
Optymalizacja mobilna to technika gwarantująca, że odwiedzający witrynę, którzy wchodzą na nią z telefonów komórkowych, spotkają się z witryną zoptymalizowaną pod kątem ich urządzenia.
Każdego roku ludzie poświęcają coraz większą liczbę godzin dziennie na korzystanie z telefonów komórkowych. Wiele witryn nie jest tworzonych z uwzględnieniem różnych rozmiarów ekranów i czasów ładowania. Mobilne SEO zazwyczaj analizuje układ strony, jej kompozycję, szybkość ładowania i stara się je wszystkie wyrównać, aby upewnić się, że nie zniechęcasz mobilnych czytelników swoim projektem.
Top SEO Tactics: Optymalizacja mobilna
Jeśli twoja strona jest już dobrze zoptymalizowana pod kątem wyszukiwarek internetowych, takich jak Yahoo, warto pomyśleć o kilku innych elementach optymalizacji mobilnej...
Szybkość strony internetowej
Ze względu na komponenty i problemy z łącznością online, szybkość strony jest tym bardziej istotna dla klientów mobilnych, w porównaniu z użytkownikami komputerów stacjonarnych. Poza optymalizacją zdjęć, warto minifikować kod, zarządzać cache'owaniem przeglądarki internetowej, a także zmniejszyć liczbę przekierowań. .
Mobilny CSS, JavaScript lub obrazy
Kilka lat temu niektóre telefony komórkowe nie obsługiwały tego typu elementów. Dlatego projektanci stron internetowych blokowali poszczególne elementy. Nie jest to już prawdą, ponieważ technologia smartfonów, taka jak GoogleBot, chciałaby przeglądać i angażować treści, aby sklasyfikować je w podobnym formacie jak użytkownicy. Te elementy pomagają Google zrozumieć Twoją stronę i to, czy jest ona responsywna, czy nie. .
Responsive Design
Strony CSS3 używają responsywności, aby serwować treść zarówno na urządzeniach mobilnych, jak i na komputerach stacjonarnych. Projekty responsywne umożliwiają wyszukiwanie różnych mediów, dzięki czemu użytkownicy ekranów urządzeń przenośnych i tabletów mogą oglądać stronę zgodnie z jej przeznaczeniem. .
Projektowanie i styl stron internetowych dla urządzeń mobilnych
Technologia telefonów komórkowych wydaje się zarówno upraszczać, jak i rewolucjonizować rzeczywiste techniki tworzenia stron internetowych, a pomysły takie jak "above the fold" nie mają już żadnego znaczenia. Strony powinny mieć elastyczny design, który wykorzystuje zapytania o media i mieć responsywne projekty, które dostosowują się do ekranów użytkowników. Na przykład: CSS pozwala przeglądarkom na wyświetlanie treści na ekranie o szerokości 420 lub mniej pikseli.
@media screen and (max-width: 420px) { .class { [style class here] } }
Aby dodać inne dyrektywy do tego kodu lub arkusza stylów, postępuj zgodnie z poniższym kodem:
<link href="mobile.css" type="text/css" media="screen and (max-device-width: 480px)" rel="stylesheet" />
Nie używaj Flasha
Wtyczka może nie być dostępna na telefonach wszystkich użytkowników, więc możesz projektować informacje, których nie będą mogli cieszyć się użytkownicy. Aby opracować specjalne efekty uboczne, użyj HTML5.
Unikaj często wyskakujących okienek
Próba wyeliminowania tych wyskakujących okienek z mniejszego urządzenia przenośnego może być trudna i uciążliwa. Może to powodować wysoki współczynnik odrzuceń.
Wzór na nadmiar tłustych dłoni
Nawigacja na ekranie dotykowym może powodować przypadkowe kliknięcia myszką, jeśli przyciski są zbyt duże, zbyt małe lub znajdują się wewnątrz ścieżki przewijanej strony.
Zoptymalizowane tytuły i opisy meta
Nie zapominaj, że za każdym razem, gdy ktoś szuka strony za pomocą telefonu komórkowego, zajmuje znacznie mniej miejsca na ekranie. Aby jak najlepiej zaprezentować się w SERP-ach, przy tworzeniu tytułów, adresów internetowych i opisów meta należy używać możliwie krótkich słów (bez obniżania jakości informacji).
Wykorzystaj dane Schema.org
Ze względu na ograniczoną przestrzeń wyświetlania, każdy wynik wyszukiwania z rich snippets będzie prawie na pewno bardziej zauważalny niż na komputerze stacjonarnym.
Optymalizacja lokalnych narzędzi wyszukiwania
Jeśli Twoja firma działa lokalnie, upewnij się, że zoptymalizowałeś swoje informacje mobilne pod kątem możliwości wyszukiwania lokalnego. W tym celu należy ujednolicić adres i nazwę, pamiętając o podaniu miasta i stanu.
Budowa komórki
Jedną z istotnych decyzji, jakie należy podjąć przy uruchamianiu strony zoptymalizowanej pod kątem urządzeń mobilnych, jest wybór rodzaju konfiguracji. Obie opcje mają swoje zalety i wady. Strony responsywne wykorzystują CSS3 media queries, aby zaoferować taką samą lub podobną treść użytkownikom telefonów komórkowych i komputerów stacjonarnych.
Oddzielny mobilny URL
Zbudowanie odrębnej strony mobilnej jako alternatywy dla optymalizacji strony desktopowej dla użytkowników mobilnych. Zbudowanie takiej dodatkowej strony pozwoli firmie na stworzenie odrębnego i zupełnie innego doświadczenia dla użytkowników mobilnych. Strony mobilne posiadają również subdomenę oznaczoną literą "m" w adresie URL. Równoległe witryny powinny ograniczyć zamieszanie związane z posiadaniem wielu platform, ale odwiedzający nadal mogą trafić w niewłaściwe miejsce.
Oferta aktywna
Jeśli nie posiadasz odpowiednich zasobów na pełną modernizację strony internetowej, a chciałbyś wyświetlać osobne strony dla użytkowników komórek i komputerów stacjonarnych, wybierz adres URL, który będzie pokazywał różne modele HTML i CSS w zależności od typu urządzenia, z którego korzysta gość (określane również jako ujawnianie agentów użytkownika).
A może użyć żądania?
Stworzenie aplikacji na telefon jest dobrym sposobem na dostosowanie tego rozwiązania do potrzeb gości mobilnych. Mimo to strona śródmiąższowa może być używana jako alert dla użytkowników mobilnych. Może również pełnić funkcję bloku do wyszukiwania pająków SERP.
