To była niedziela po Wordcampie w 2011 roku, że nasza trójka usiadła do śniadania.
Jadalnia hotelu Parc 55 była spokojna i senna, ale rozmowa przy kawie i jajkach była niczym innym.
Gdy światło słoneczne wlewało się przez duże okna obrazu, to było tak, jakbyśmy otrzymywali objawienie, które uruchomiłoby jedną z najbardziej ambitnych zmian w filozofii StudioPress od czasu stworzenia i stworzenia Genesis Framework dla WordPress.
To był początek ruchu, który przekształcił wszystkie nasze motywy w odpowiedzi na urządzenia mobilne.
(Możesz wstawić inspirującą ścieżkę dźwiękową do wyboru tutaj, jeśli chcesz.)
Ok, zdaję sobie sprawę, że siedząc tutaj w 2013 roku, może to nie brzmi jak taka wielka sprawa.
Mobilny responsywny projekt przeszedł od idei do filozofii i procesu, który przyjął prawie każdy poważny programista stron internetowych.
Ale w sierpniu 2011 roku pomysł stworzenia jednej strony internetowej, która automatycznie dostosowywałaby się do wszystkich urządzeń, był jeszcze w powijakach. W rzeczywistości mobilny responsive design plakat — dziecko- BostonGlobe.com -nie został nawet ujawniony publicznie.
Ryzykownym posunięciem było poświęcenie dużej ilości zasobów i energii na coś, co mogło być przemijającą modą.
Nowa normalka
Ale oczywiście to nie przeszło i to nie była moda. Mobilny responsywny projekt nadal ładuje się do przodu mocniej niż kiedykolwiek.
W rzeczywistości Mashable nazwał 2013 ” Rokiem responsywnego projektowania stron internetowych.”
Jednak mimo wszystkich jego wyróżnień — i pomimo poparcia wagi ciężkiej w branży — niektórzy pozostają nieprzekonani, że mobilny responsywny projekt jest drogą do zrobienia. Ci ludzie twierdzą, że Twoja strona internetowa powinna mieć całkowicie oddzielną obecność mobilną.
Myślę inaczej. Chcę, żebyś uwierzył w mobilny responsywny projekt. Chcę, żebyś przyjął to tak, jak internet objął śmieszne koty. Chcę ci podać trzy powody, dla których powinieneś wybrać projekt responsywnej strony mobilnej zamiast osobnej strony mobilnej.
1. Mobilny responsywny projekt jest lepszy dla SEO
Pisarze i twórcy stron internetowych wiedzą, że gdy Google sugeruje pewien kierunek działania, zwykle jest to inteligentny pomysł, aby podążać, jeśli zależy ci na rankingach wyszukiwania.
W celu zapewnienia jasności programistom stron internetowych, Google wyraźnie powiedział, że responsive design ” jest zalecaną konfiguracją Google.”Nie jestem do końca pewien, jakie inne argumenty muszę przedstawić w tym momencie, ale dla upartych będziemy naciskać.
Jeśli korzystasz z responsywnego projektu, będziesz miał więcej kapitału w swoich linkach zwrotnych.
Wiele razy chciałem udostępnić link z telefonu, ale podczas kopiowania i wklejania tego linku w e-mailu, Twitterze lub Facebooku, link skopiowany jest linkiem do mobile miejsce. Każdy, kto kliknie ten link w przeglądarce w pełnym rozmiarze, zostanie przeniesiony na stronę mobilną, a jeśli nie zostanie przekierowany, zostanie potraktowany treścią, która wygląda okropnie i nie jest zoptymalizowana pod kątem ekranu.
Nikt nie chce widzieć strony mobilnej na pulpicie, więc się odbijają. Jeśli projektujesz swoją stronę responsywnie, każdy link, który jest udostępniony, to link do twojej pełnej witryny oraz strona mobilna. Nie ma nieporozumień ani skrzyżowań między tymi dwoma.
Google mówi:
… pojedynczy adres URL dla treści pomaga algorytmom Google przypisać właściwości indeksowania dla treści.
Dla witryny mobilnej (właściwie dla każdej witryny) SEO i doświadczenie użytkownika są braćmi krwi. Jeśli Twoja witryna jest nieprzyjemna w użyciu, a użytkownik nie może znaleźć tego, czego szuka, szybko się wycofa.
Powoduje to wzrost współczynnika odrzuceń, co mówi Google, że Twoja witryna prawdopodobnie nie ma tego, czego szukała ta osoba. Gratulacje, właśnie zostałeś znokautowany w rankingach za szukany przez użytkownika termin.
Można tego uniknąć, mając witrynę mobilną, która wygląda świetnie oraz działa bardzo dobrze … i ma wszystkie zawartość twojej pełnej wersji przeglądarki.
Za wszystko, co dobre i słuszne, nie używaj wtyczki, która “konwertuje” Twoją witrynę na witrynę mobilną. Był na to czas i miejsce, ale ten czas minął. Jest kilka rzeczy na tym świecie bardziej brzydkich i wstrząsających niż odwiedzanie strony w moim telefonie i przekierowywanie jej do mdłej wersji mobilnej.
Wreszcie, wszyscy wiemy, że czas ładowania jest czynnikiem, gdy Google pozycjonuje witryny. Gdy witryna musi przekierować na mobilny adres url, wydłuża to czas ładowania. Strona responsywna nie ma takiego przekierowania.
2. Mobilny responsywny projekt jest łatwiejszy w utrzymaniu
W przypadku witryn, które tworzą dużo Treści, może być prawdziwym bólem głowy, aby upewnić się, że wszystko jest prawidłowo przeniesione do wiele Web properties.
Ostatecznie, ty muszę spędzaj więcej czasu lub płacisz komuś innemu, aby poświęcił czas na kopiowanie i formatowanie treści w wielu miejscach. Jeśli witryna została zaprojektowana z responsywną odpowiedzialnością, po zakończeniu tworzenia zawartości zostanie zakończona.
Dzięki responsywnemu projektowi Twoja witryna jest również przyszłościowa. Wiele witryn mobilnych musi być stale ulepszanych, gdy Popularne Nowe urządzenie pojawi się na rynku. Mobilny responsywny projekt zapewnia, że Twoja strona będzie zoptymalizowana … bez względu na rozmiar ekranu urządzenia.
3. Mobilny responsywny projekt zapewnia lepsze wrażenia z czytania
Są tacy, którzy twierdzą, że jest to śmiertelnie złe, ale jeśli opracujesz filozofię mobile first, ich argument wyjdzie za okno.
Niektórzy producenci treści uważają, że powinni dostosowywać treści do urządzeń — publikowanie treści, które ich zdaniem przemawiają do użytkowników mobilnych, lub usuwanie treści, które nie są wystarczająco” ważne ” dla urządzeń mobilnych. To pomyłka.
Brad Frost, wiodący głos w mobilnym ruchu responsywnym, mówi:
Użytkownicy mobilni zrobią wszystko i wszystko, co zrobią użytkownicy komputerów, pod warunkiem, że jest to przedstawione w użyteczny sposób. Zakładając, że ludzie na komórce “tego nie zrobią” jest przegraną propozycją. Nie karz użytkowników brakujących treści i funkcji tylko dlatego, że są na pełnym ekranie.
Szczerze mówiąc, jest jedna rzecz, którą witryny mobilne mają, której responsywne witryny Nie … link” Zobacz pełną witrynę”.
Powodem istnienia tego linku są nieodłączne problemy ze stroną mobilną. Użytkownicy chcą, aby cała zawartość była prezentowana w sposób przystępny.
Realia sytuacji …
Jeśli nie projektujesz i nie rozwijasz całej witryny z myślą o użytkownikach mobilnych, nie ma znaczenia, czy korzystasz z responsywnego projektu, czy masz osobną witrynę mobilną.
Dane konsekwentnie pokazują, że urządzenia mobilne, wykorzystanie urządzeń mobilnych i zakupy urządzeń mobilnych nadal rosną w ogromnym tempie. Dane te sugerują również, że trend ten nie spowolni w przyszłości, a tylko zwiększy prędkość.
Aby odnieść sukces w sieci, musisz rozpocząć swój proces od filozofii, która stawia mobile na pierwszym miejscu.
Mobilny responsywny projekt jest wtedy naturalnym odpływem tego procesu.