Отличное отображение Вашего сайта на смартфоне

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

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

Проводя seo оптимизацию WordPress, необходимо решить проблему адаптирования своего блога к индексации смартфон-агентом Googlebot. Рассмотрев несколько вариантов, я остановился на плагине WordPress Mobile Pack. Он поддерживается на iOS и Android смартфонах и планшетах. Совместимые браузеры: Safari, Google Chrome, Android и Samsung — собственные браузеры.

Без установки плагина WordPress Mobile Pack, бесплатной web-службы для оптимизации сайта Google Search Console робот для мобильных страниц показывал такой анализ страниц, см. рисунок 1.

seo плагин wordpress
Рисунок 1

Устанавливаем плагин обычным способом через Консоль – Плагины – Добавить новый или скачать плагин с сайта WordPress

seo плагин wordpress
консоль
После установке этот плагин выводится в меню слева на консоли настроек Вашего сайта.

Настройка плагина wordpress

Приступаем к настройке плагина WordPress Mobile Pack. Нажимаем на верхнюю строку меню настроек, переходим на панель плагина в раздел Quick Start:

wordpress бесплатный плагин
Рисунок 2

На рисунке 2 представлены видео по настройке плагина на английском языке и даны переходы к другим разделам настроек.

плагин wordpress настройка
Рисунок 3

На рисунке 3 предлагается приобрести платную версию плагина мобильной версии WordPress. Когда Вы будете проводить seo оптимизацию WordPress, то эта версия весьма полезна.

Раздел Темы нам не интересен, так как бесплатный плагин WordPress предлагает только одну тему, рисунок 4. 

мобильная версия wordpress
Рисунок 4

Продолжаем настройки плагина и переходим к разделу Настройка цветовых схем и шрифтов (Look&Feel).

мобильная версия wordpress
Рисунок 5

плагин wordpress настройка
Рисунок 6
Здесь Вы можете выбрать три варианта цветовых схем, на рисунке 5 указано на какие разделы влияет цветовая схема.Далее выбираете шрифт, на котором будут отображаться тексты разделов плагина мобильной версии WordPress. Рисунок 6.

 

 

плагин блог wordpress
Рисунок 7

seo плагин wordpress
Рисунок 8
На рисунке 7 показан пример установки логотипа,а на рисунке 8 видно как этот логотип выглядит на смартфоне, когда я открываю свой блог.

Плагин мобильной версии WordPress Mobile Pack в разделе Контент, позволяет выбрать  какую категорию Вашего сайта показывать на смартфонах, а какие нужно игнорировать. Рисунок 9.

seo плагин wordpress
Рисунок 9. Выбор категории

Нажав на кнопку редактировать категорию, Вы можете загрузить изображение категории. Изображение будет отображаться в мобильном приложении WordPress Mobile Pack (меню категорий).

плагин блог wordpress
Меню категорий

Также нужно настроить какие страницы будут выводиться в мобильной версии WordPress. Рисунок 10.

wordpress бесплатный плагин
Рисунок 10.

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

плагин блог wordpress
Рисунок 11

Добавьте идентификатор Google для отслеживания посетителей мобильной версии Вашего сайта.

Можно настроить, чтобы на смартфоне отображались одна или две публикации на странице, примеры на рисунках 12 и 12а.

seo плагин wordpress
Рисунок 12

seo плагин wordpress
Рисунок 12а

В дополнительных настройках можно изменить привязку к соцсетям, и я указал нахождение языкового файла. Рисунок 14.

плагин блог wordpress
Рисунок 14

Когда мы делаем новую запись в консоли нашего сайта, обращайте внимание, что мобильная версия не “любит” кавычки, то есть не корректно размещает кавычки на странице смартфона.

Если Google Search Console указывает Вам, что мелкий текст, то увеличьте текст подписей под рисунками до размера основного текста. Рисунок 16.

seo плагин wordpress
Рисунок 16.

Интерактивные элементы расположены слишком быстро: это у меня на сайте в меню страница #Содержание сайта# выполнено в виде иконок со ссылками, пришлось из мобильной версии WordPress Mobile Pack убрать эту страницу. Контент шире экрана был до установки мобильной версии WordPress Mobile Pack.

После того, как мы правильно настроили плагин, , приложение Google Search Console перестало делать замечание и теперь страница контроля мобильной версии выглядит корректно.

плагин блог wordpress
Норма

Другие статьи на моем блоге Вы можете посмотреть по этой ссылке ⇒

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.