5 способов оптимизировать ваш сайт WordPress для мобильных устройств

1. 1. Ускорьте свой мобильный сайт
2. Уменьшить изображения
3. Оптимизировать плагины и темы
4. Используйте отличный веб-хостинг
5. 2. Не останавливайтесь на отзывчивости
6. 3. Рассмотрим мобильное приложение
7. 4. Избегайте распространенных ошибок SEO
8. 5. Отслеживайте свой прогресс
9. Заключение

Большинство людей так или иначе оптимизировали свой сайт, но делали ли вы что-нибудь специально для своих мобильных посетителей?

В 2017 году больше трафика поступило с мобильных устройств, чем с компьютеров И это число будет только расти. Люди все чаще используют свои устройства, и они требуют, чтобы вы упростили им доступ к вашему сайту.

Многие сайты не оптимизированы для мобильных устройств, кроме простой адаптивной темы. Перемещение макета вашего сайта для небольших экранов недостаточно для привлечения и преобразования ваших мобильных посетителей. Вы должны убедиться, что ваш мобильный сайт быстр, прост в использовании и разработан специально для небольших экранов.

Почему вы должны заботиться о мобильном телефоне? Согласно Google, 61% пользователей вряд ли вернутся на мобильный сайт, с которым у них были проблемы, а 40% - на сайт конкурентов. Даже если люди не покупают ваш продукт или услугу на мобильном телефоне, вы уверены, что они проводят конкурентные исследования. Если вы упустите возможность взаимодействовать с ними на их устройстве, вы можете потерять их навсегда.

Чтобы этого не произошло, очень важно, чтобы вы работали над своим мобильным пользовательским интерфейсом. Давайте рассмотрим 5 способов оптимизации вашего сайта сегодня.

1. Ускорьте свой мобильный сайт

Самое важное, что вы можете сделать, это ускорить ваш сайт так что начните там.

Люди ожидают, что сайты будут быстро загружаться на мобильных устройствах, особенно когда они в пути. Более быстрое время загрузки может увеличить конверсию и снизить показатель отказов, а медленное время загрузки отправит их вашим конкурентам.

Вот 3 вещи, которые вы можете сделать прямо сейчас, чтобы ускорить свой сайт для мобильных устройств.

Уменьшить изображения

Большие изображения могут значительно замедлить время загрузки страницы. Хорошо, что это довольно легко исправить.

Первое, что нужно сделать, это просмотреть страницы вашего сайта и избавиться от любых изображений, которые не являются абсолютно необходимыми. Если ваши изображения только для того, чтобы ваш сайт выглядел красиво, они, вероятно, не конвертируют ваших посетителей. Пытаться а / б тестирование с некоторыми вашими основными изображениями и без них вы можете обнаружить, что это не имеет значения.

Если изображения должны остаться, не забудьте оптимизировать большие изображения на основных целевых страницах. Вы можете использовать такой инструмент, как Imagify , который также имеет плагин WordPress. Этот инструмент будет сжать ваши изображения без потери качества, поэтому ваши страницы загружаются быстрее, но при этом выглядят великолепно.

Адаптивные изображения также помогают со временем загрузки, и, к счастью для вас, они уже находятся в ядре WordPress начиная с версии 4.4. Вам не нужно ничего делать, чтобы использовать их, если вы в курсе.

Оптимизировать плагины и темы

Плохой плагин и код темы иногда могут стать узким местом для скорости вашего сайта, даже если вы оптимизируете все остальное.

Если вы видите серьезное замедление, попробуйте обновить все темы, плагины и ядро ​​WordPress. Если это не решает проблему, деактивируйте плагины на промежуточном сайте, пока не найдете виновника. Вам также может понадобиться переключить темы на одну из тем WordPress по умолчанию, например: TwentySeventeen . Как только вы нашли проблему, вы можете либо оставить ее неактивной, либо попытаться диагностировать проблему.

Это может быть довольно сложно, но для начала лучше всего использовать HTTP-запросы или wpdb-запросы. По словам технического директора Pagely Джошуа Эйхорна, это худшие из тех, с кем они сталкиваются при поддержке своих клиентов хостинга.

Еще одна вещь, которую вы можете сделать, это минимизировать и объединить CSS и JS файлы плагина. Плагин как WP Rocket может помочь с этим; просто убедитесь, что вы связываетесь с вашим веб-хостингом, если вы используете плагин кэширования. Некоторое кэширование может быть избыточным в среде хостинга, такой как Pagely, которая уже сильно оптимизирована.

Используйте отличный веб-хостинг

Вы читаете это на Pagely, поэтому есть вероятность, что у вас уже есть отличный хост.

Если вы находитесь на дешевом сервере с общим хостингом где-то еще, простое обновление учетной записи хостинга может многое сделать. Управляемые хосты WordPress, такие как Pagely иметь серверную инфраструктуру и кэширование, которые значительно ускорят ваш сайт. Они также позволяют использовать современные технологии, такие как PHP 7, который в 4 раза быстрее, чем PHP 5.4. Pagely также включает в себя CDN который может ускорить изображения вашего сайта и другие активы, и это очень легко использовать.

Дополнительные советы по оптимизации скорости, включая бесплатное руководство в формате PDF, можно найти в этом Ускорение WordPress для мобильных устройств статья.

2. Не останавливайтесь на отзывчивости

Адаптивный дизайн важен, но недостаточно просто купить адаптивную тему.

Проблема в том, что адаптивной темы недостаточно. Все, что он делает, это перемещает ваш контент на маленькие экраны, но это не учитывает тот факт, что мобильные пользователи должны видеть разные вещи, чем пользователи настольных компьютеров. Я не говорю, что вы должны удалять функции или контент, просто его нужно разрабатывать более намеренно.

Адаптивный дизайн, как мы его знаем сегодня, токсичен для мобильных конверсий. - Джоэл Харви

Например, если у вас есть веб-сайт ресторана, мобильные пользователи, вероятно, просто хотят видеть ваше меню, часы и как добраться до вашего местоположения. У пользователей Doktop может быть возможность прокручивать больше изображений вашего сайта, читать сообщения в блоге, и подписаться на свою рассылку, но вы не хотите перегружать своих мобильных пользователей слишком большим количеством этого. Если у вас просто адаптивная тема, вы не сможете преднамеренно показать мобильным пользователям то, что они хотят быстро.

Умышленное создание опыта для ваших мобильных посетителей может потребовать обнаружения устройств на уровне сервера и разработки другого опыта для них в вашей теме. Вы можете использовать встроенный wp_is_mobile () функция, чтобы сделать это в ваших шаблонах тем, которые пойдут намного дальше, чем перестановка столбцов с помощью CSS.

3. Рассмотрим мобильное приложение

В начале статьи я упоминал, что использование мобильного интернета превзошло количество рабочих столов. Единственное, что я не упомянул, так это то, что большая часть интернет-времени на устройстве проводится в приложениях.

На приложения приходится 89% времени мобильного мультимедиа, а остальные 11% тратятся на веб-сайты. - Smart Insights

Частью мобильной оптимизации является создание целостного мобильного опыта для вашей аудитории и для многих предприятий, которые включают собственное мобильное приложение. Приложения обеспечивают более быструю и целенаправленную работу, а также функции, недоступные в Интернете. Например, автономный доступ и push-уведомления.

Вы также можете распространять их через магазины приложений для iOS и Android, что дает вам еще одну точку контакта для взаимодействия с вашими клиентами.

Многие компании могут воспользоваться мобильным приложением для дополнения своего веб-сайта. Существует множество способов создания приложения, включая пользовательскую разработку или конструктор приложений для DIY. Разработка пользовательских приложений - отличный способ создать приложение, если у вас есть для него бюджет. Разработчики приложений - десятки, но не все они интегрируются с WordPress на одном уровне. Инструмент как AppPresser специализируется на веб-сайтах на основе WordPress и может помочь вам создать приложение по доступной цене.

4. Избегайте распространенных ошибок SEO

Google предлагает некоторую помощь владельцам веб-сайтов, которые работают над улучшением своего мобильного SEO.

Первое, что нужно сделать - это загрузить ваш сайт в Google, чтобы узнать, есть ли какие-либо проблемы, о которых вам необходимо знать. Вы можете сделать это через Консоль поиска Google здесь ,

После того, как вы выберете свой сайт как Google, он покажет вам все проблемы с вашим сайтом, которые вам нужно исправить.

Вам также следует убедиться, что вы не используете неправильно настроенный файл robots.txt или карту сайта, которая может заблокировать доступ Google к вашему сайту. Проверьте наличие плохих перенаправлений или неработающих ссылок, особенно тех, которые влияют только на мобильные устройства. Используя плагин, как Yoast SEO также поможет вам улучшить SEO, а также обнаружить некоторые ошибки.

Понравился этот контент? Встречайте Пейджли.

Если вы используете всплывающий плагин или загрузку приложения, убедитесь, что он не блокирует весь экран на мобильном телефоне. Вместо этого используйте менее навязчивый баннер или отключите всплывающие окна для мобильных устройств.

Размер вашего шрифта должен быть разборчивым на мобильном телефоне. Я предпочитаю большой мобильный шрифт размером 16px. Ваши длинные статьи должны быть в одну колонку без боковых панелей на маленьком экране. Также убедитесь, что все кнопки или метки-мишени имеют высоту не менее 44 пикселей, что является желаемым размером, согласно Apple.

Прочитайте больше рекомендаций Google в полное руководство здесь ,

5. Отслеживайте свой прогресс

Если вы выполняете всю работу по оптимизации для мобильных устройств, убедитесь, что вы отслеживаете, насколько хорошо вы делаете.

Google Analytics может отслеживать посещения мобильных устройств отдельно от рабочего стола, используя функцию, называемую сегментированием. Используя эту функцию, вы можете увидеть, какой объем вашего трафика является мобильным, откуда он поступает и какие страницы просматриваются.

Чтобы включить мобильный сегмент, войдите в свою учетную запись Google Analytics и перейдите в Аудиторию. Нажмите там, где написано «Обзор» (если его там еще нет), затем нажмите «Добавить сегмент» в верхней части страницы. Это покажет вам все ваши доступные сегменты, и вы можете выбрать «Мобильный трафик».

Вы можете снять флажок «Весь трафик», чтобы видеть только мобильный телефон, или оставить его отмеченным для сравнения. Нажмите синюю кнопку «Применить» под сегментами, и теперь вы увидите новые сегментированные данные.

Теперь вы сможете увидеть процент трафика только для мобильных устройств на ваш сайт, и вы можете щелкнуть другие элементы навигации, чтобы просмотреть другие данные. Например, если я перейду к пункту Поведение => Содержимое сайта => Все страницы, я могу убедитесь, что моя страница с ценами - это первая посещенная страница на мобильном телефоне. Я предполагаю, что люди исследуют, и хотят видеть, сколько стоит мой продукт.

С включенным мобильным сегментом теперь вы можете сравнивать разные даты и, надеюсь, увидите, что вы будете активнее взаимодействовать на мобильных устройствах, применяя эти советы по оптимизации.

Заключение

Поскольку мобильное использование продолжает расти, очень важно, чтобы вы улучшили мобильность на своем веб-сайте.

Если вы больше ничего не делаете, сконцентрируйтесь на ускорении загрузки вашей страницы для мобильных пользователей. Это, безусловно, самая важная вещь, которую вы можете сделать. Адаптивная тема поможет улучшить удобочитаемость вашего сайта на маленьких экранах, но вам также следует подумать о создании мобильных приложений. Не убирайте функции с сайта, просто убедитесь, что ваши мобильные посетители могут быстро найти то, что ищут.

Мобильное приложение может быть отличным способом пообщаться с вашей аудиторией по-новому, предоставляя им автономный доступ к вашему контенту и более целенаправленный опыт. Наконец, убедитесь, что вы отслеживаете свой прогресс с помощью Google Analytics или другой платформы, потому что то, что измеряется, выполняется.

Похожие

Комментарии