10 советов для повышения вашей позиции в мобильном поиске: сделайте ваш сайт мобильным

1. 1. Выберите вашу конфигурацию
2. 2. Помогите своим пользователям достичь своих целей
3. 3. Организуйте свой контент для мобильного поиска
4. 4. Отрегулируйте размеры и типы шрифтов
5. 5. Обратите внимание на интерактивные элементы
6. 6. Улучшите свой сенсорный экран с помощью этих советов
7. 7. Упростите навигацию по сайту.
8. 8. Включите визуальный контент
9. 9. Сделайте так, чтобы вам было легко найти и нажать на свой номер телефона
10. 10. Работа на скорости страницы
11. Выводы

По данным GSMA Intelligence, более 50% населения мира используют мобильные устройства. Пришло время сосредоточить свои усилия на мобильном поиске. Таким образом, мобильное дружественное обновление алгоритма Google «Mobilegeddon» было выпущено два месяца назад. Обновление оказалось огромным прорывом в том, как результаты сортируются в мобильном поиске .

1. Выберите вашу конфигурацию

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

Адаптивный веб-дизайн требует добавления мета-тега viewport (показан ниже) в заголовок документа.

Мета-тег области просмотра: <meta name = ”viewport” content = ”width = device-width, initial-scale = 1.0 ″>

Мета-тег viewport информирует браузер о том, как отобразить страницу на определенном устройстве. Без этого тега мобильные браузеры автоматически адаптируют контент в соответствии с шириной экрана.

Источник

Страница без метапортпорта указана слева. Справа та же страница с указанным окном просмотра.

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

Например, версия для настольного компьютера размещается на сайте www.example.com, а мобильная версия - на поддомене m.example.com или на совершенно другом мобильном домене, например example.mobi.

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

Существует также другой тип конфигурации - динамический дизайн сайта.

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

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

Наиболее распространенный подход, Responsive Web Design, также рекомендуется, потому что он помогает Google в индексации вашего сайта. Есть несколько преимуществ, которые адаптивный дизайн дает вам и вашим пользователям.

Прежде всего, робот Googlebot должен сканировать ваш сайт только один раз, что значительно повышает эффективность сканирования.

Во-вторых, есть только один URL, поэтому делиться ссылками на ваш сайт проще.

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

Не уверены, что ваш сайт готов к обновлению Google для мобильных устройств? Нужно узнать больше о том, как подготовить? Проверьте нашу статью: Мобильная индексация: новое направление поиска Google

2. Помогите своим пользователям достичь своих целей

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

• Откуда приходят ваши пользователи.

Процент трафика с мобильных устройств: аудитория - мобильная связь - обзор

• Какой тип контента они интересуют на своем устройстве.

Основные целевые страницы для мобильных устройств: поведение - целевые страницы - «Мобильный трафик» [расширенный сегмент]

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

Нужна переподготовка о том, как использовать Google Analytics для SEO? Мы вас покроем! Прочитайте наше руководство: Как освоить SEO с помощью Google Analytics - Руководство для начинающих

3. Организуйте свой контент для мобильного поиска

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

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

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

Ограничьте объем текста и сохраняйте свою структуру страниц четкой и хорошо организованной.

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

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

Напишите короткие, краткие и сканируемые абзацы.

Быстро добраться до сути. Замените простой текст маркерами и используйте убедительные заголовки и подзаголовки. Старайтесь не создавать ненужные формы для заполнения пользователями - у них нет времени, когда они находятся на мобильном телефоне.

Теперь, когда вы знаете, как организовать свой контент, вы, вероятно, хотите знать о SEO для мобильных устройств. Нам повезет! Проверьте наш гид: 6 простых советов для лучшего мобильного SEO

4. Отрегулируйте размеры и типы шрифтов

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

В большинстве случаев хорошим размером по умолчанию является 16px (пиксели CSS) и высота строки 1,2em. Кроме того, ограничьте использование разных типов шрифтов, поскольку их слишком много сделает ваш макет беспорядочным.

5. Обратите внимание на интерактивные элементы

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

Поместите ваш значок CTA спереди и по центру, он может даже занимать всю ширину экрана!

Рекомендуемый размер в соответствии с Руководством Apple по человеческому интерфейсу составляет 44 пикселя в ширину и 44 пикселя для призывов к действию. Когда пользователи просматривают вашу страницу, они хотят выполнить определенную задачу.

Тем не менее, исследование Человеческие пальцы Для изучения Механики тактильного ощущения обнаружено, что средняя ширина пальца составляет от 1,6 до 2 см (16 - 20 мм) для взрослых.

Это преобразует в 45 - 57 пикселей, и это немного шире, чем предлагаемый размер цели. Имейте в виду эти выводы при разработке ваших призывов к действию.

6. Улучшите свой сенсорный экран с помощью этих советов

Интерфейсы с сенсорным экраном доминируют над смартфонами и кардинально изменили способ восприятия дизайнерами своих целевых рынков. Чтобы сделать ваш дизайн успешным:

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

7. Упростите навигацию по сайту.

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

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

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

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

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

Панель навигации

выпадающее меню домашней страницы

8. Включите визуальный контент

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

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

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

Убедись, что ты:

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

9. Сделайте так, чтобы вам было легко найти и нажать на свой номер телефона

Щелчок для вызова является наиболее часто используемой функцией в мобильном поиске.

Основываясь на заказанном Google исследовании Ipsos, 70% мобильных поисковиков воспользовались «кнопкой вызова» для прямой связи с компаниями. Возможность звонить является важным фактором конверсии на каждом этапе принятия решения.

Как правило, клиенты звонят чаще, когда они готовы купить ваш продукт или услугу.

Источник

10. Работа на скорости страницы

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

Источник

Если загрузка вашего мобильного веб-сайта занимает более 3 секунд, 43% посетителей не вернутся, а 40% обратятся к вашим конкурентам. В соответствии с Абердин Групп «Задержка загрузки в 1 секунду может означать на 11% меньше просмотров страниц, снижение удовлетворенности клиентов на 16% и потерю конверсий на 7%».

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

Они измеряют интернет-соединение на вашем устройстве и отображают небольшую желтую метку рядом с медленной загрузкой веб-сайтов. Душа Android опубликовал этот экран , По-видимому, это новая функция, которая постепенно разворачивается.

Нужны дополнительные советы по скорости загрузки страницы? Не уверены, что ваш сайт загружается достаточно быстро? Узнайте сейчас. Прочитайте наше руководство: Скорость загрузки страницы: 15 способов повысить SEO

Выводы

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

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

Итак, вы уже создали мобильный дружественный сайт?

Не стесняйтесь любить это, поделиться этим, и прокомментировать это. 🙂

Ура,

Кася

Похожие

Комментарии