Przygotowując stronę internetową, niezwykle istotne jest dostosowanie jej do różnych typów urządzeń, na których będzie wyświetlana. W niektórych przypadkach może pojawić się konieczność utworzenia osobnej subdomeny dla wersji mobilnej strony. Tego rodzaju rozwiązanie, mimo że nie jest typowe, może mieć swoje uzasadnienie, na przykład gdy chcemy dostarczyć inną treść lub funkcjonalność dla użytkowników mobilnych. Poniżej przedstawiamy, jak to zrobić dla strony opartej na WordPressie.
Krok 1: Utwórz subdomenę dla wersji mobilnej strony
Pierwszym krokiem jest utworzenie subdomeny na serwerze. Większość firm hostingowych oferuje łatwe w obsłudze narzędzia do zarządzania subdomenami. Subdomena dla wersji mobilnej może wyglądać na przykład tak: m.twojastrona.pl. Po utworzeniu subdomeny, zainstaluj na niej WordPressa i skonfiguruj tak, aby pasowała do Twojego oczekiwanego wyglądu i funkcjonalności na urządzeniach mobilnych.
Krok 2: Zainstaluj i skonfiguruj wtyczkę przekierowania
Kiedy subdomena jest już gotowa, potrzebujesz wtyczki do przekierowania użytkowników korzystających z urządzeń mobilnych na odpowiednią subdomenę. Wtyczka, która może pomóc w tym zadaniu to “WP Mobile Detect”. Ta wtyczka umożliwia stworzenie przekierowań na podstawie typu urządzenia użytkownika.
Krok 3: Ustaw przekierowanie dla urządzeń mobilnych
Za pomocą “WP Mobile Detect” możesz skonfigurować przekierowanie dla użytkowników mobilnych. Należy dodać odpowiedni kod do pliku functions.php w motywie WordPressa:
function mobile_redirect() {
if (wp_is_mobile()) {
wp_redirect('http://m.twojastrona.pl', 301);
exit;
}
}
add_action('init', 'mobile_redirect');
Pamiętaj, aby zastąpić “m.twojastrona.pl” prawidłowym adresem Twojej subdomeny.
Nie chcesz korzystać z wtyczek? Dodaj własny kod
W przypadku zaawansowanych użytkowników, którzy wolą kontrolować więcej aspektów swojej strony, istnieje możliwość dodania własnego kodu do pliku functions.php Twojego tematu WordPress. Poniższy kod PHP sprawdza, czy użytkownik odwiedza stronę za pomocą urządzenia mobilnego, a następnie przekierowuje go na odpowiednią subdomenę:
function is_mobile_device() {
$user_agent = strtolower(getenv('HTTP_USER_AGENT'));
$mobile_agents = array('iphone', 'ipad', 'android', 'pocket', 'palm', 'windows ce', 'windowsce', 'cellphone', 'opera mobi', 'ipod', 'small', 'sharp', 'sonyericsson', 'symbian', 'opera mini', 'windows phone', 'smartphone', 'mobile', 'nokia', 'handheld', 'blackberry', 'phone', 'palm', 'windows', 'symbian', 'series', 'webos', 'sony', 'opera mini', 'samsung', 'pda', 'psp', 'iemobile');
foreach ($mobile_agents as $device) {
if (stristr($user_agent, $device)) {
return true;
}
}
return false;
}
if (is_mobile_device()) {
header(‘Location: http://m.twojastrona.com’);
exit;
}
Zanim dodasz ten kod do swojej strony, upewnij się, że zmieniłeś adres “http://m.twojastrona.com” na adres Twojej subdomeny mobilnej. Pamiętaj również, że bezpośrednie modyfikacje pliku functions.php mogą spowodować problemy z działaniem strony, jeśli nie zostaną wykonane prawidłowo. Zawsze twórz kopie zapasowe swojej strony przed wprowadzaniem takich zmian.
Krok 4: Ustaw przekierowania 301
Przekierowania 301 są istotne dla optymalizacji dla wyszukiwarek (SEO), ponieważ informują wyszukiwarki, że strona została na stałe przeniesiona na nowy adres. Dzięki temu, strona nie straci swojej pozycji w wynikach wyszukiwania. Dlatego, jeśli tworzysz osobną subdomenę dla wersji mobilnej strony, pamiętaj o ustawieniu przekierowań 301 ze starej strony na nową. Można to zrobić za pomocą różnych wtyczek do przekierowań dostępnych dla WordPressa, takich jak na przykład “Redirection”.
Krok 5: Zaktualizuj mapę strony XML
Mapa strony XML pomaga wyszukiwarkom zrozumieć strukturę Twojej strony. Po utworzeniu subdomeny dla wersji mobilnej, należy zaktualizować mapę strony XML, aby zawierała linki do nowej subdomeny. Możesz to zrobić za pomocą wtyczki “Google XML Sitemaps” lub jakiejkolwiek innej, która spełni Twoje wymagania.
Podsumowanie
Podział strony na różne wersje dla urządzeń mobilnych i desktopowych może być skomplikowanym procesem, ale daje Ci większą kontrolę nad tym, jak Twoja strona jest prezentowana dla różnych grup użytkowników. Pamiętaj jednak, że taka decyzja powinna być dobrze przemyślana. Ważne jest, aby utrzymać spójność marki i doświadczenia użytkownika na wszystkich platformach. Przede wszystkim jednak, zawsze upewnij się, że Twoja strona jest responsywna i działa poprawnie na wszystkich urządzeniach, niezależnie od tego, czy decydujesz się na używanie subdomeny dla wersji mobilnej, czy nie.