Оптимизация сайта под Mobile-first index
Сегодня оптимизация сайта для Google выполняется с тем учетом, что более половины запросов поступает с мобильных гаджетов. В связи с этим в 2016 году в поисковой системе запустили новый алгоритм ранжирования – Google Mobile-first index. Его введение стало определяющим при ранжировании сайтов, поскольку для пользователя важно не только увидеть релевантный ответ, но и его комфортное представление. Если нет мобильной версии сайта или адаптивного дизайна, сделать это не получится. Что нужно выполнить, чтобы ваш сайт отвечал алгоритму, читайте ниже.
To-do-list для соответствия алгоритму
Google Mobile-first index – что это? Это вступивший алгоритм, который обеспечил изменения в индексе ранжирования. Именно поэтому приоритет стал отдаваться ресурсам, которые прошли полную оптимизацию под мобильные устройства. Что нужно внедрить веб-мастеру, если предстоит раскрутка сайта интернет-магазина в Украине?
- Оптимизированное отображение всех элементов на сайте. Предусмотрите, как будут выглядеть элементы навигации по сайту, протестируйте отображение контента на ресурсе: часто картинки намного шире или уже, чем дисплей телефона. Проверку на ошибки удобно сделать с помощью Google Search Console во вкладке «Удобство для мобильных». Также важно посмотреть корректное отображение в случае, когда менялась верстка или шаблон. То же самое стоит сделать при использовании CMS-системы.
- Минификация кода и изображений – это уменьшение размера кода при сохранении его функциональности. Минифицируя элементы, вы увеличиваете скорость загрузки сайта, а это ключевой показатель посещаемости. Если за 5 секунда ваш сайт не загружается, пользователь, скорее всего, покинет ресурс и пойдет на другой. Оптимизация сайта под мобильные устройства предполагает сжатие изображений с помощью компрессора TinyPNG, а также использование новых форматов изображений – WebP, JPEG 2000, JPEG XR. Осторожным стоит быть при минификации JS-файлов, поскольку контент может отображаться некорректно.
- Правильный размер и цвет шрифта. Чтобы разработка интернет-магазина одежды с дальнейшим продвижением принесла результаты, позаботьтесь о комфортном для просмотра размере и цвете шрифта. Это позволит уменьшить число отказов.
- Дружелюбный дизайн. Разрабатывая сайт, прикиньте вид макета на разных устройствах. Тем, кто работает на WordPress, лучше брать адаптивные шаблоны. Важно также в процессе разработки опираться, в первую очередь, на то, как сайт будет выглядеть на мобильных устройствах. Удаляйте функционал, которым не планируете пользоваться, и используйте векторные иконы и картинки. Такие изображения не теряют качества при увеличении/уменьшении и корректно отображены на дисплее любой диагонали.
- Внедрение АМР улучшит результаты оптимизации под мобильные устройства Google. Технология способствует оперативной загрузке страницы, даже если скорость сети невысокая.
- В рамках технической оптимизации устраните все элементы, для работы которых требуется Flash Player. Также стоит отказаться от выпадающих элементов меню.
- Если необходимо создать отдельную версию сайта по смартфоны и планшеты, то придется, во-первых, вставить на странице компьютерной версии тег с атрибутом rel=”alternate”, а также rel=”canonical” – на странице мобильной версии сайта.
Оптимизация сайта под мобильные устройства – задача необходимая, и выполнять ее нужно не переставая, постоянно проверяя корректность отображения ресурса в соответствии с Google Mobile-first.