В связи с предстоящим переходом Google на мобильную индексацию в середине года настало время для развития вашего бизнеса с созданием дружественного для мобильных устройств веб-сайта. Подумайте о следующих четырех советах по оптимизации вашего веб-сайта на любом устройстве, чтобы вовремя перейти на мобильные устройства.
Поймите переход на мобильный сначала индекс
Google использует контент вашего рабочего стола для определения рейтинга вашего веб-сайта как для настольных компьютеров, так и для мобильных устройств. Это означает, что ваши рейтинги теперь зависят от того, как ваш контент отображается на рабочем столе, а не на мобильных устройствах. Но поскольку теперь все больше людей получают доступ к Интернету со своих мобильных устройств, чем с настольных компьютеров, Google официально решила ранжировать сайты на основе мобильного контента. Если ваш веб-сайт не имеет адаптивного макета, имеет низкую скорость загрузки или плохо спроектированную навигацию и контент, ваш рейтинг может снизиться, если вы не оптимизируете свой сайт для мобильных устройств до смены.
$config[code] not foundТест и ускорение скорости загрузки
Недавние исследования показывают, что 47% потребителей хотят, чтобы веб-страница загружалась в течение двух секунд или меньше, и 40% зрителей покидают веб-сайт, если процесс загрузки занимает три секунды или дольше. Эти статистические данные, наряду с объявлением Google о том, что скорость загрузки мобильных страниц будет решающим фактором для определения рейтинга после перехода, должны быть достаточными, чтобы каждый владелец бизнеса дважды проверял время загрузки своего веб-сайта на мобильных устройствах. Определите скорость загрузки каждой страницы вашего веб-сайта с помощью Google Tools Chrome User и Page Speed Insights.
Если вам нужно увеличить скорость загрузки, используйте следующие методы:
- AMP: Проект ускоренных мобильных страниц - AMP - это предприятие с открытым исходным кодом, которое использует урезанный HTML-код для загрузки страниц вашего сайта быстрее, чем стандартный HTML-код. Это, в сочетании с тем, что Google хранит ваш контент в своем буферном хранилище, помогает увеличить время загрузки вашего сайта.
- Прогрессивные веб-приложения - PWA - это варианты для тех, кто не хочет переходить в проект AMP. PWA быстро реагируют на взаимодействие с пользователем и быстро загружаются, что делает их жизнеспособной альтернативой AMP.
- PWAMP - PWAMP - это смесь PWA, разработанная для AMP, JS, CSS и HTML, но сайты, использующие PWAMP, могут сертифицировать не так быстро, как страницы AMP. Тем не менее, страницы PWAMP все еще быстры и предлагают те же преимущества, что и PWA.
В центре внимания пользовательский опыт
Типичная ошибка, которую обычно совершают компании, - это адаптация веб-сайтов для настольных компьютеров к мобильным устройствам, в то же время ведя себя так, будто мобильные устройства - это просто дополнение к настольным сайтам. Чтобы добиться высокого рейтинга после перехода, компании должны уделять первоочередное внимание мобильному, внося коррективы, основываясь главным образом на опыте мобильных пользователей. Задайте себе следующие вопросы о пользователях вашего мобильного сайта:
- Навигация - как это выглядит и насколько легко маневрировать? Достаточно ли просто для пользователей вернуться туда, где они только что были?
- Ясность - Насколько легко найти важную информацию? Мои титульные страницы чисты? Доступна ли моя контактная информация?
- Рассмотрите всплывающие окна - Легко ли закрыть всплывающие окна? Должен ли я уменьшить всплывающие окна в целом?
- Шрифт - Насколько велик мой размер шрифта? Насколько большой это должно быть?
Помня об этих соображениях, вы готовы перейти к последнему этапу подготовки своего сайта для мобильных устройств.
Оптимизируйте свой дизайн и контент
После тщательного анализа вашего веб-сайта на основе вышеуказанных вопросов оптимизируйте и спроектируйте свой контент для мобильных устройств, уделяя особое внимание созданию максимально возможного мобильного пользовательского опыта. Есть много вещей, которые вы можете реорганизовать в своем дизайне и контенте, но вот некоторые из самых основных изменений, которые нужно сделать:
- Адаптивный веб-дизайн - Google рекомендует адаптивный веб-дизайн, который является дизайнерским подходом с целью оптимизации внешнего вида и функциональности сайта в ассортименте различных устройств и размеров экрана.
- Используйте раскрывающиеся меню - Google заявил, что не будет наказывать веб-сайты за экранирование их содержимого за раскрывающимися меню, если контент загружается одновременно со страницей, поэтому не стесняйтесь разумно включать раскрывающиеся меню при создании своего мобильного сайта.
- Не используйте Flash - большинство мобильных пользователей не могут видеть Flash-контент, поэтому избегайте его вообще и вместо этого используйте Java или HTML, чтобы добавить эти привлекательные компоненты на свой сайт.
- Убедитесь, что контент легко читается - Сделайте ваш контент легко читаемым на маленьких экранах; предоставьте несколько ссылок в более длинных частях текста, чтобы пользователи могли легко добраться туда, куда они хотят, и использовать заголовки, чтобы разделить ваш контент и сделать ваши страницы более аккуратными.
- Сделайте размер текста и возможности сенсорного экрана простым нажатием - убедитесь, что ваш веб-сайт «удобен для нажатия», сделав точки нажатия подходящего размера и оставив достаточно места между интерактивными компонентами
Фото через Shutterstock
1 комментарий ▼
