1. Преимущества мобильного сайта WordPress
2. Преимущество № 1: охват ваших мобильных клиентов / читателей
3. Преимущество № 2: новая возможность
4. Преимущество № 3: это просто хороший пользовательский опыт
5. Мобильные плагины для WordPress
6. Jetpack мобильный
7. WPtouch & WPtouch Pro
8. Сделай сам с CSS Hero
9. Мобильные плагины для SEO, контент-маркетинга и социальных сетей
10. Мгновенные статьи Facebook и страницы Google AMP от PageFrog
11. AMP от Automattic
12. Оптинмонстер для мобильного захвата свинца
13. WP Rocket для супер быстрых мобильных сайтов
14. Мобильная аналитика и здоровье сайта
15. Google Search Console
16. Гугл Аналитика
17. Google Analytics внутри WordPress
18. CrazyEgg
19. Вывод: мобильный опыт для начинающих и специалистов

Теперь вы можете себе представить, что мобильные веб-сайты являются обычным явлением или «просто работают» с помощью WordPress «из коробки».

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

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

Давайте все согласимся - ваш сайт WordPress должен быть готов для мобильных устройств.

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

Преимущества мобильного сайта WordPress

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

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

Вот в чем дело: веб-сайт WordPress для мобильных устройств - это одно, а оптимизация мобильного контента для улучшения трафика / потенциальных клиентов - это совсем другое «сырное колесо».

Самым злейшим врагом WordPress является менталитет плагинов «установил и забыл».

Есть немобильная тема WordPress, но не хочется переключаться? Используйте плагин Jetpack, чтобы сделать мобильные приложения приятными на ощупь несколькими щелчками мыши! Отлично. Хотя это в краткосрочной перспективе решает проблемы вашего мобильного телефона, оно не оптимизирует мобильность для вашего бренда или вашего дохода в Интернете.

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

Во-первых, давайте получим преимущества:

В США за последний год, согласно этому графику от StatCounter, использование мобильных браузеров составляет 27,47%. В сочетании с трафиком планшетов это треть интернет-трафика браузера. Важное замечание: это браузер, а не трафик приложений. Давайте посмотрим на трафик приложения.

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

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

Преимущество № 1: охват ваших мобильных клиентов / читателей

Телефоны становятся лучше, чем когда-либо, и поскольку связь становится все более распространенной, нам нужно больше думать о мобильных устройствах. Если вы читаете это в июле 2016 года, посмотрите на мобильное явление Pokemon Go.

Всего через несколько лет мы выйдем за рамки мобильных сайтов и перейдем на VR / AR. Сумасшедшие вещи.

Преимущество № 2: новая возможность

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

Конечно, продолжайте оптимизировать для настольных компьютеров, но ищите новые способы привлечь аудиторию, потенциальных клиентов или читателей с помощью мобильных устройств. Обратитесь к моему «совету» от ранее: это может быть так же просто, как инвестировать в новую тему или точно настроить призыв к действию, отображаемый на iPhone 6S.

Откуда вы знаете? Посмотрите на свою аналитику и определите влияние на результат.

Преимущество № 3: это просто хороший пользовательский опыт

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

Мобильные плагины для WordPress

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

Нужно ли это идеальный пиксель? Следуйте моему любимому высказыванию: наймите профессионала.

Jetpack мобильный

https://jetpack.com/support/mobile-theme/
https://wordpress.org/plugins/jetpack

Pro-совет: читайте мой обзор и руководство по началу работы для Jetpack

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

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

WPtouch & WPtouch Pro

Свободно: https://wordpress.org/plugins/wptouch
Pro: WPtouch.com

Честно говоря, это единственный плагин WordPress для мобильных тем, с которым я когда-либо работал - и он отлично справился. Для клиентов, которым нужно что-то быстрое и простое, бесплатная версия репозитория .org работает отлично. Когда мне нужно было повысить его и немного настроить мобильную тему, я выбрал премиум-версию плагина.

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

Это удобный инструмент для оптимизации контента на мобильных устройствах.

Сделай сам с CSS Hero

Pro: CSS Hero

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

Изменить шрифт всего сайта? Нет проблем.

Фоновый цвет? Легко.

Как логотип выглядит на мобильном устройстве в указанном окне просмотра? Готово.
Для предприимчивого пользователя WordPress вы можете погрузиться в редактирование всего сайта для мобильных готовых представлений, используя CSS Hero - хотя я, вероятно, рекомендую против этого. Это выполнимо, однако. Тем не менее, если у вас есть «стареющий» мобильный сайт, созданный для iPhone 4, вы можете использовать этот премиум-плагин, чтобы уменьшить и расширить свои поля, которые не были модернизированы.

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

Мобильные плагины для SEO, контент-маркетинга и социальных сетей

Вот что становится популярным: супербыстрые, урезанные страницы вашего контента, которые связаны с результатами поиска Google, Facebook или Apple Reader. Идея заключается в том, что большие платформы хотят ускорить загрузку страниц для мобильных устройств, потому что это важно для пользователя. Если ваш бизнес связан с публикацией контента, это просто необходимо для вас. Никаких вопросов не было задано.

Этот сегмент является довольно новым, и в нем нет подавляющего количества доступных плагинов, поэтому я поделюсь некоторыми из них, которые я использую на этом сайте:

Мгновенные статьи Facebook и страницы Google AMP от PageFrog

https://wordpress.org/plugins/pagefrog/

Это полное название, но этот плагин подготавливает ваш контент и синхронизирует с соответствующими сервисами платформы ваш сайт WordPress.

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

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

Этот плагин поможет вам сделать это.

Pro-tip: На момент написания этой статьи этот плагин получил 3,8 из 5 звезд. «Средний» рейтинг с открытым количеством запросов на поддержку. Хотя я не сталкивался с какими-либо проблемами с этим плагином, я рекомендую ознакомиться с их форумом поддержки на .org и протестировать ваш сайт перед запуском вживую.

AMP от Automattic

https://github.com/automattic/amp-wp

Этот плагин позволяет использовать технологию AMP и публикуется Automattic. Никаких наворотов и необычных опций, таких как плагин выше, но он все равно делает свою работу. У вас также есть страховка, которую Automattic будет продолжать поддерживать и улучшать.

Оптинмонстер для мобильного захвата свинца

Получить OptinMonster

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

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

WP Rocket для супер быстрых мобильных сайтов

https://wp-rocket.me

Быстрый и легкий плагин кеширования для WordPress. Что это значит? Он может обслуживать страницы с вашего веб-хоста или сервера, очень быстро. Более быстрое время загрузки = лучший опыт. Конечно, это плагин только для премиум-класса, но он стоит своих денег не только из-за скорости, но и из-за простоты настройки. Несмотря на то, что существуют более популярные бесплатные плагины, такие как W3TC и WP Super Cache, ни один из них не предлагает стандартную настройку WP Rocket.

Мобильная аналитика и здоровье сайта

Теперь, когда я предоставил вам статистику по инвестициям в мобильный веб-сайт WordPress и показал вам инструменты для дизайна и маркетинга - пришло время оценить.

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

Google Search Console

https://google.com/webmasters

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

Гугл Аналитика

https://google.com/analytics

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

Google Analytics внутри WordPress

https://wordpress.org/plugins/google-analytics-for-wordpress/

Ищете простой способ установить Google Analytics на свой веб-сайт или не хотите, чтобы входить и выходить из другого веб-сайта можно, воспользуйтесь плагином MonsterInsights. Однажды поддерживается Yoast Этот плагин недавно был перехвачен той же командой, что и OptinMonster.

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

CrazyEgg

https://crazyegg.com

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

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

Вывод: мобильный опыт для начинающих и специалистов

Я слышал, что люди в нашей отрасли упоминают «WordPress не реагирует».

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

Вы должны спросить себя:

• Получает ли мой сайт много мобильного трафика?
• Насколько важен мобильный телефон для моего бизнеса?
• Внешний вид мобильного телефона должен меняться от устройства к устройству?
• Много ли у меня контента для оптимизации?
• Какие возможности есть у моего бизнеса для мобильных устройств?

Ответы будут самыми разными, поэтому принимайте разумные решения для мобильных устройств. Просто начинаешь? Jetpack может сделать трюк. Увеличение списка электронной почты с 5000 до 50 000 - пришло время использовать мобильное решение для захвата.

В конце дня WordPress - отличная платформа для мобильных сайтов и даже приложения. Но это другая история. 🙂

Похожие

Комментарии