1. Dlaczego wcześniej nie zoptymalizować bloga na urządzenia mobilne?
2. Instalowanie wtyczki WP Mobile Detector
3. Rozwiązaniem jest - edytuj plik Robots.txt

Dzień dobry, drodzy czytelnicy bloga Thebizfromscratch ! W kontakcie, jak zawsze, jesteśmy Andrei i Dasha. Myślimy z tytułu, stało się już jasne, że dzisiaj ponownie wracamy do tworzenia bloga i tematu tego artykułu: adaptacja strony dla urządzeń mobilnych lub tabletu. Jak lepiej zoptymalizować? Korzystając z instalacji specjalnej wtyczki lub lepiej, aby dostać się do kodu, a może ...? Dlaczego nie zrobiłeś tego wcześniej? Rozumiemy to.

Dlaczego wcześniej nie zoptymalizować bloga na urządzenia mobilne?

Po pierwsze, na samym początku przy wyborze motywu w WordPressie zwróciliśmy uwagę na taki parametr jak adaptacyjny projekt, dzięki czemu wygodnie jest czytać / oglądać swój projekt na komputerze, na tablecie i na telefonie. Sam motyw dostosowuje się do każdego urządzenia. W rzeczywistości wszystko jest doskonale widoczne i czytelne.

Po drugie, większość blogerów ma raczej negatywny stosunek do instalacji tego rodzaju wtyczek (WPtouch, WP Mobile Detector, WordPress Mobil Pack, Jetpack itp.), Ponieważ istnieje możliwość tworzenia duplikatów stron w trakcie ich pracy. I wszyscy wiemy, że duplikaty nie lubią tak boty wyszukiwania, które nowicjusze boją się ognia! Zdaliśmy sobie sprawę i postanowiliśmy na razie powstrzymać się od używania wtyczek.

I tu żyjemy w pokoju, piszemy artykuły, publikujemy je, obserwujemy, jak wyglądają na telefonie komórkowym ... Wszystko nam się podobało! Ale nie tutaj to było!

Codziennie sprawdzamy statystyki i monitorujemy postępy naszego zasobu za pomocą Webmasterzy Yandex i Google Search Console (nawiasem mówiąc, przydatne rzeczy, zalecamy się zarejestrować). W pewnym momencie usługa Google poinformowała nas o błędach na 16 (!) Stronach naszej strony. Początkowo byliśmy trochę przestraszeni, ponieważ podchodzimy do tworzenia bloga bardzo ostrożnie i ostrożnie, po uspokojeniu się, zaczęliśmy rozumieć niedociągnięcia i ... ta-da! Błędy związane z łatwością przeglądania na urządzeniach mobilnych:

• szerokość treści nie pasuje do obszaru wyświetlania;
• elementy interaktywne są zbyt blisko.

Po odczytaniu wszystkich postów wszystkie zdjęcia są widoczne! Chętnie zapomnimy o takim problemie, nigdy nie wiadomo, niech obsługa przeklina, co najważniejsze, odwiedzających i jesteśmy zadowoleni ze wszystkiego. Okazało się jednak, że ta wada znacząco wpływa na emisję wyszukiwarki: Google nie docenia naszych pozycji ... a to, moi przyjaciele, jest nie do przyjęcia, zwłaszcza dla młodych projektów. Więc ... po rozważeniu wszystkich zalet i wad zdecydowaliśmy się zainstalować wtyczkę.

Instalowanie wtyczki WP Mobile Detector

Staromodny sposób polega na przejściu do panelu administracyjnego WordPress, sekcji „Wtyczki” - „Dodaj nowy”, zarejestruj się w wyszukiwarce „WP Mobile Detector”, zainstaluj i aktywuj. Ten program nie wymaga specjalnej konfiguracji.

Po pierwsze, po aktywacji, przylgnęliśmy do naszych gadżetów i, delikatnie mówiąc, nie byliśmy zadowoleni z tego, co widzieliśmy ... linii, wzoru, zdjęć - pływających. Ale Google miał wszystko, co im się podoba! Co robić Z pewnością nie wejdziemy w kod ... z naszą wiedzą na temat programowania jest bezużyteczny. Jak być w tej sytuacji?

Rozwiązaniem jest - edytuj plik Robots.txt

Na samym początku postu zastrzegliśmy, że temat wybrany przez nas w WordPressie ma adaptacyjny wygląd, ale Googlebot nadal przysięga i blokuje strony. I wtedy przyszło nam do głowy ... my sami zabroniliśmy mu dostępu do tematów! A gdzie są zasady dotyczące botów? Zgadza się, w pliku robots.txt. Dokonajmy pewnych zmian w tym pliku:

Napisali oddzielne instrukcje dla Googlebota, w których usunęli te linie:

/ wp-content / plugins

/ wp-content / themes

/ wp-includes

Pamiętaj, że w przypadku innych robotów wyszukujących wszystko pozostało bez zmian.

Po zapisaniu zmian sprawdziliśmy nasz projekt w Usługa Google ... i cud! Problem został pomyślnie rozwiązany! Blog wyglądał równie pięknie na każdym urządzeniu. W celu dokładniejszej weryfikacji zalecamy skorzystanie z innej usługi Google - PageSpeed ​​Insights gdzie można zobaczyć problemy, które należy rozwiązać. Należy zwrócić uwagę na przedmiot - wygodę dla użytkowników. A dziś kończymy, mamy nadzieję, że adaptacja strony dla urządzeń mobilnych nie będzie już powodować problemów. Powodzenia w nowych postach.

Z poważaniem, Andrei i Dasha.