Советы, как сделать WordPress мобильным

Довольно часто можно увидеть, как люди используют портативные устройства, чтобы наверстать упущенное из своего чтения или для поиска чего-либо в Интернете. Согласно одному отчету, 60% поисковых запросов начинаются с мобильного устройства. Если ваша целевая аудитория – это часть этого населения, которое постоянно находится в движении, у вас действительно нет выбора – вам нужно убедиться, что ваш сайт хорошо выглядит и отлично работает на мобильных телефонах. В этом посте давайте рассмотрим некоторые вещи, которые вы можете сделать, чтобы сделать свой сайт WordPress мобильным.

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

Робот Googlebot рассматривает множество аспектов, проверяя, удобна ли веб-страница для мобильных устройств, в том числе:

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

Почему ваш сайт на WordPress должен быть мобильным?

Оптимизация веб-сайта WordPress для мобильных устройств является естественным следствием резкого увеличения количества мобильных устройств, улучшения сетевого подключения и доступа к Wi-Fi в общественных местах. Более веские причины:

• Поисковые системы рассматривают удобство использования мобильных устройств как фактор ранжирования. Удобство мобильных устройств определяется для каждой страницы. Это означает, что области вашего веб-сайта, оптимизированные для мобильных устройств, будут иметь более высокий рейтинг в результатах поиска, а оставшийся контент – более низкий.
• Веб-страница с трудом для просмотра может привести к более высокому показателю отказов, что может повредить SEO вашего сайта. Напротив, веб-страница, оптимизированная для мобильных устройств, может повысить скорость работы сайта и улучшить поисковую оптимизацию.
• Оптимизация веб-страниц для мобильных устройств часто означает наличие чистых сеток и макетов и, возможно, одного универсального URL-адреса и одной базы кода.
• Удобство использования мобильных устройств способствует укреплению бренда и увеличению продаж.

Как сделать ваш сайт WordPress удобным для мобильных устройств

В настоящее время современные темы WordPress, такие как Total, адаптивны и могут отображать веб-сайт на любом устройстве. Но вы можете многое сделать для оптимизации своего веб-сайта для мобильных устройств, помимо использования адаптивной темы.

1 Наш первый мобильный подход

В нынешнем цифровом сценарии важность мобильности нельзя переоценить. В США время использования цифровых медиа для мобильных устройств выше на 51% по сравнению с настольными компьютерами на 42%. Чтобы охватить эту аудиторию, использующую касание и смахивание, владельцы веб-сайтов не просто оптимизируют существующий дизайн веб-сайтов для экранов разных размеров. Они идут на шаг впереди и переходят на мобильный подход.

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

Еще одна важная причина для перехода на мобильные устройства – это объявление Google в ноябре 2016 года о постепенном переходе к индексации мобильных устройств. Этот метод индексации предполагает, что Google сначала проверяет мобильные страницы сайта на предмет индексации, а не страницы для компьютеров. При выборе сайта для индекса, ориентированного на мобильные устройства, Google использует «классификаторы», чтобы узнать, насколько сайт готов для индексации сначала для мобильных устройств. Классификаторы определяют, насколько сайт для настольных ПК равен или сопоставим с мобильным сайтом, когда дело касается контента, ссылок, схемы, мультимедиа и т.д. Фактически, в октябре Гэри Иллис из Google указал аудитории на конференции SMX East в Нью-Йорке. что некоторые сайты уже включены в список индексации для мобильных устройств, и их ждут другие.

2 Оптимизировать изображения

Файлы изображений обычно содержат много байтов. Они загружаются медленнее, чем другие ресурсы, такие как текст и HTML. Чтобы сделать ваш сайт удобным для мобильных устройств, вам необходимо оптимизировать изображения для соответствия экранам меньшего размера. Начиная с версии 4.4 WordPress в значительной степени заботится об этом, но вы всегда можете использовать плагин WordPress для дальнейшей оптимизации ваших изображений.

Вы можете сделать гораздо больше для оптимизации изображений, всегда помня, что оптимизация изображений требует баланса между пользовательским интерфейсом, визуальной привлекательностью и производительностью страницы. Во-первых, удалите изображения, которые не добавляют ценности. Затем, даже до загрузки изображений, оптимизируйте изображения, сжав их до файлов меньшего размера. Если вы используете Photoshop, используйте параметр «Сохранить для Интернета». Онлайн-инструменты, такие как TinyPNG или плагины, такие как WPSmush, также могут выполнять эту работу довольно эффективно. Кроме того, есть страница Github, которая может помочь вам сравнить различные инструменты сжатия. Чтобы узнать больше об оптимизации изображений, воспользуйтесь нашим руководством по оптимизации изображений.

3 Реализуйте ускоренные мобильные страницы.

Accelerated Mobile Pages – это инициатива Google с открытым исходным кодом, призванная обеспечить быструю загрузку контента на мобильных устройствах. Это дает издателям возможность создать удобный для мобильных устройств контент только один раз и мгновенно загрузить его повсюду в мобильной сети. AMP – это на самом деле целый ряд оптимизаций веб-сайта, выполняемых единообразно, как того требует Google. Будет доступен стандартный набор рекламных форматов, рекламных сетей и технологий. В то же время издатели также могут выбирать свои собственные форматы, если это не замедляет скорость. У нас есть собственный учебник AMP для WordPress по созданию страниц AMP, который поможет вам начать работу. Мы также рекомендуем AMP Start from Google также помогать вам создавать великолепно выглядящие AMP-страницы с готовыми к использованию шаблонами и компонентами AMP.

Контент AMP будет мгновенно доступен в поиске Google и доступен через социальные платформы, такие как Twitter, LinkedIn и Pinterest.

Специальное форматирование и доставка страниц для мобильных устройств делает эти страницы намного быстрее на мобильных устройствах. Среднее время загрузки AMP-страницы из Google составляет менее полсекунды. По состоянию на октябрь 2017 года более 25 миллионов доменов веб-сайтов опубликовали более 4 миллиардов страниц AMP. AMP приводит к увеличению посещаемости веб-сайта на 10% и удваивает время, проводимое на странице. На сайтах электронной коммерции с поддержкой AMP количество конверсий продаж увеличилось на 20% по сравнению со страницами без AMP.

AMP еще не является фактором ранжирования, однако он может иметь большое влияние на пользовательский опыт и, следовательно, на SEO.

4 Избегайте полноэкранных всплывающих окон.

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

Когда пользователь щелкает страницу в Google, контент, который вы проиндексировал в мобильном поиске, должен быть легко доступен. Или же они могут не иметь высоких позиций в результатах мобильного поиска (с января 2017 года). Всплывающие окна в ответ на юридические обязательства, например для файлов cookie и подтверждения возраста, или для диалоговых окон входа в систему, которые позволяют получить доступ к заблокированному контенту, подходят Google. То же самое и с рекламой, которая занимает минимум места на экране и которую легко удалить.

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

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

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

5 Рассмотрите возможность создания мобильного приложения.

Мобильное приложение – это компьютерная программа, которая запускается на мобильном устройстве, таком как телефон или часы. Например, у Amazon есть приложение для покупок Alexa. Теперь доступны приложения, которые можно загрузить для чего угодно – для утилит, производительности, навигации, развлечений, спорта или фитнеса. Facebook – самое загружаемое приложение: его ежемесячно скачивают 140 миллионов раз.

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

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

Упаковать

После того, как вы выполнили все оптимизации, чтобы сделать свой сайт удобным для мобильных устройств, не забудьте протестировать его на PageSpeed ​​Insights. Тест Google Mobile Friendly Test также проверяет веб-сайты для каждого URL-адреса.

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

Источник записи: https://www.wpexplorer.com