Анализ удобства просмотра сайта на мобильных устройствах при помощи инструментов Google

Апдейт алгоритмов ранжирования Google от 21 апреля стал сигналом для многих веб-мастеров к адаптации своих сайтов под мобильные устройства – это официально стало весомым фактором ранжирования сайта в поисковой выдаче. Теперь, по прошествии 5 месяцев можно сказать что этот тренд не только сохранился, но и продолжает развиваться. А это значит, что уже давно пора принять меры для того, чтобы ваш сайт был готов к просмотру на мобильных устройствах.

Вот несколько фактов, которые нужно знать об этом апдейте:

• Робот сканирует страницу за страницей последовательно и проверяет их в режиме реального времени
• Оценка готовности страницы к отображению на мобильных устройствах бинарна: или страница проходит проверку, или нет. Промежуточные значения отсутствуют.
• Google предоставил инструменты для проверки удобства просмотра на мобильных устройствах.
• Только ожидание этого обновления увеличило показатель адаптивных страниц на 5% за два месяца до релиза.

Если страница проходит проверку, то она отмечается значком в мобильной версии результатов поиска. Множество крупных западных сайтов, такие как Reddit, NBC Sports, Vogue, SongLyrics, и Business Week не успели внести изменения и существенно потеряли позиции.

Итак, что же нужно предпринять, чтобы не повторить их печальный опыт?

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

Отличный результат, что сказать

Принцип работы очень прост: копируете адрес странички, предназначенной для проверки, ждете и анализируете результат. Проверка происходит небыстро, как правило секунд 20-40. Результаты проверки довольно наглядны и позволяют быстро найти проблемные места. Чаще всего это: «Слишком мелкий шрифт», «Не задана область просмотра для мобильных устройств», «Контент шире экрана», «Ссылки слишком близко друг к другу». Сервис обязательно будет ругаться на использование Flash – в современном мире он поддерживается все хуже и хуже. Этот сервис стоит использовать в первую очередь, для проверки сайта.

Мда, как же так?

Замечательный, хоть и достаточно строгий сервис, который не раз и не два упоминался на Хабре, и которым в обязательном порядке должен проверяться любой сайт (по моему личному мнению). Принцип работы тот же – вводим ссылку, ждем, получаем ряд комментариев и оценку страницы. Чем выше – тем лучше, но редко кому удается достичь результата в 100 баллов, особенно если на сайте используется яндекс.метрика/google analytics и другие подключаемые скрипты.

Итак, чем же он полезен? Во-первых, он проводит схожую проверку страницы, что и предыдущий сервис (но немного быстрее). Во-вторых – PageSpeed, как видно из названия, предназначен для анализа и оптимизации скорости загрузки страницы. Это немаловажный фактор ранжирования, и он учитывается уже достаточно давно. Да и в любом случае, медленно загружающаяся страница всегда теряет посетителей. PageSpeed дает рекомендации не только по внешнему виду страницы на мобильных устройствах, но и напоминает о том что стоит включить кеширование, прописать gzip/deflate сжатие ресурсов, минифицировать css и js, а также убрать оные в конец кода, чтобы не блокировать загрузку. Но на практике, самый большой прирост скорости дает оптимизация картинок – именно этот ресурс обычно грузится дольше всех. Утилита под названием FileOptimizer позволяет решить эту проблему достаточно быстро, кроме нее есть ряд серверных утилит и аналогов – в общем, было бы желание.

Также, можно получить рекомендации по удобству просмотра в инструментах разработчика — www.google.com/webmasters/tools (если у вас уже есть аккаунт). Там вы можете получить все сообщения об ошибках по своему сайту, графики и другую ценную информацию. К сожалению, объем предоставляемой информации этим сервисом настолько велик, что его разбора хватит на несколько отдельных статей.

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

Ну или даже консоль разработчика в Google Chrome – там тоже присутствует отличный эмулятор мобильных устройств, со всем функционалом панели разработчика.

Вместо заключения

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

особенности и правила поискового продвижения

Особенности оптимизации в 2019 году

Оптимизируя сайт под требования Google в 2019 году, необходимо уделять особое внимание:

• мобильности ресурса;
• качеству ссылочной массы;
• качеству размещаемого контента.

1. Акцент на мобильных версиях (правило Mobile First).

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

Разновидности веб-ресурсов

В настоящий момент сайты бывают:

• только десктопными — видны в поиске для мобильных устройств, но их позиции будут понижаться;
• только мобильными;
• с адаптивным дизайном (подходят для просмотра с компьютера и мобильных устройств).

Эксперты Google рекомендуют владельцам сайтов:

• десктопных — чтобы их ресурсы не пессимизировались, необходимо создавать мобильные версии или использовать адаптивный дизайн. Такие ресурсы смогут удержать позиции в индексе;

• с десктопными и мобильными версиями — необходимо проверить их на совпадение контента. У мобильных сайтов ограничены технические возможности, потому контент может быть и неидентичным. Но по смыслу и содержанию как контент, так и метатеги обеих версий должны совпадать;

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

Чек-лист для мобильной версии ресурса

• Подтверждение обеих версий веб-ресурса в сервисе Google Search Console.

• Из мобильной версии должны быть доступны ссылки на XML Sitemap.

• Контент, видео, изображения, метатеги должны быть эквивалентными.

• К видео и изображениям должны быть прописаны метатеги.

• Нужна семантическая разметка данных.

• Выполнена микроразметка для соцсетей OpenGraph, Twitter Cards.

• Если сайты многоязычны, к ним должны быть прописаны теги hreflang, а типы url и версий должны совпадать.

Конверсия

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

• варианты упрощения процесса заказа товаров, услуг через мобильные устройства;

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

2. Используйте качественные ссылки.

Как известно, «Яндекс» сообщил, что при ранжировании сайтов им не будут учитываться ссылки. Потому многие оптимизаторы и веб-мастера отказались от ссылок. Но при оптимизации под «Гугл» ссылочная масса (линкбилдинг) является обязательной. Необходимо продолжать выстраивать систему хороших ссылок на продвигаемый сайт. Поисковик Google продолжает учитывать объем, качество и динамику прироста ссылочной массы. Сервисы MegaIndex, Ahrefs, MajesticSEO помогут правильно оценить ссылки, которые ведут на ресурс.

Доноры

Для оценки качества донора Google применяет факторы:

• региональности,

• тематичности,

• числа переходов на сайт.

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

Пресс-релизы

Данный вид информационных сообщений перешел в список SEO-инструментов. Рекомендуется размещать их в высокоавторитетных блогах и на иных ресурсах, давать ответы на вопросы пользователей, указывая ссылку на продвигаемый ресурс. Для публикаций нужно использовать самые разнообразные темы: инструкции, обзоры, информационные поводы, новости.

Таргетированная реклама

Может стать прекрасной альтернативой контент-маркетингу с меньшим рекламным бюджетом. Для этого необходимо:

1. На своем ресурсе разместить интересный, а главное, полезный материал.

2. Оформить и запустить на него в соцсетях таргетированную рекламу.

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

Партизанский (крауд) маркетинг

Для продвижения ресурса нужно использовать тематические форумы, группы и сообщества. Размещайте в них различные интересные материалы, создавайте опросы для привлечения аудитории, мотивируйте дискуссии. Не забудьте поставить ссылку на продвигаемый ресурс. И даже если она закрыта от индексации (nofollow), все равно Google ее проиндексирует. А если пользователи будут совершать переходы по ней, вес сайта значительно вырастет.

Аутрич

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

Станьте первоисточником

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

3. Уделяйте особое внимание качеству контента (Rank Brain).

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

Анализируйте контент

Алгоритм анализирует контент по темам и синонимам. Это позволяет вносить материалы в поиск, даже если они не содержат слов из поискового запроса, но соответствуют ему. В SEO-оптимизации Google больше не работает метод продвижения сайтов, который использовался до этого, согласно которому создаваемые тексты делались похожими на статьи в топе, с огромным количеством ключей. Потому не следует вводить в новые статьи свыше 30 % материала, опубликованного на других сайтах.

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

Когда материл обновлен, необходимо отправить его на переобход поисковыми роботами. Это можно сделать в панели веб-мастера.

Выстраивайте оптимизацию ресурса исходя из интересов пользователей

Согласно статистике, Google каждый день обрабатывается около 3,5 миллиарда поисковых запросов. Приблизительно пятую часть (около 700 миллионов) составляют абсолютно новые запросы пользователей, не вводившиеся ранее.

Потому правильная оптимизация под Google опирается не на тренды, а на интересы пользователей. Новые запросы можно найти в офлайне, а контент создать под них заранее. Как только пользователи Интернета начнут искать ответы на эти вопросы, на страницах ресурса будут находиться заранее проиндексированные материалы.

Для выявления новых интересов пользователей следует проводить опросы ЦА в соцсетях, собирать статистику вопросов в кол-центрах, отделах продаж компаний.

Уделите внимание голосовому поиску

В Google на голосовой поиск приходится около 20 % запросов. Потому он заслуживает внимания. Для Google SEO-оптимизация под него является продвижением низкочастотными запросами.

Потому нужно генерировать контент под низкочастотные запросы и мотивировать посетителей на создание пользовательского контента. Для органичного продвижения веб-ресурса под запросы в форме вопросов можно создать раздел FAQ.

Для оптимизации ресурса под голосовой поиск необходимо подключить Accelerated Mobile Pages (AMP). Так как голосовой поиск чаще всего применяется пользователями с мобильных устройств, то и открываться такие сайты должны моментально.

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

Избранные сниппеты

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

Делайте Description для людей

Следует обновлять дескрипшен, как только страница будет проиндексирована и собрана минимальная статистика. Его текст нужно писать так, чтобы он работал для людей, а не роботов. Нужно провести анализ и выяснить, по каким поисковым запросам показывалась страница. В соответствии с ними необходимо переписать текст, соблюдая длину в 250–300 символов. Для увеличения кликабельности сниппета включать в него эмодзи вместе с призывами к действию.

Шпаргалка для веб-мастера, оптимизирующего сайты под требования Google

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

2. Правило Mobile First лежит в основе индексации сайтов в поисковой системе Google. Оно означает, что основной считается мобильная версия сайта.

3. Для высоких позиций ресурса в органической выдаче делайте его дизайн адаптивным либо подключайте сервис AMP. Мобильную версию сайта оптимизируйте под Google. Проверяйте эквивалентность текстов на десктопной и мобильной версиях сайта.

4. Если говорить об оптимизации сайта под «Гугл», ссылки на него по-прежнему важны. Добавляйте их в пресс-релизы, аутрич, рекламу, дропы. Отслеживайте, чтобы ресурс указывался как первоисточник, если с него скопированы материалы.

5. Работайте над качеством контента. В Google его анализом занимается Rank Brain, берущий во внимание новизну поданного материала, темы и синонимы. Не следует соблюдать старых алгоритмов «Гугла» и SEO-продвижения, копировать материалы, уже находящиеся в топе. Создавая новые статьи, из опубликованных текстов берите не более трети информации. Уточняйте, актуализируйте сведения, размещенные на сайте. Вписывайте актуальные факты, а от устаревшей информации избавляйтесь. После этого отправляйте материал на повторную переиндексацию.

6. Следите за тенденциями развития Google. Ищите новые пользовательские запросы и создавайте материалы под них, не обращая внимания, что этих запросов в Интернете еще нет. Создавайте контент под голосовой поиск Google, который похож на НЧ в виде вопросов.

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

Улучшаем скорость сайта с помощью Google PageSpeed Insights

Ускорение вашего сайта — непростая задача. Бывает трудно определить, что заставляет ваш сайт работать медленнее. Вашей проблемой может быть что угодно — от замусоренного и плохо написанного кода, до изображений или каких-то других больших элементов страницы. И вам нужно быстро диагностировать и устранить эти проблемы. Поисковики отдают предпочтение сайтам, которые загружаются быстро. Чем быстрее загружается сайт, тем ниже показатель отказов. Если ваш сайт быстрый, у вас больше шансов увеличить трафик в Google, по сравнению с медленными сайтами.

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

Интерфейс Google PageSpeed Insights

Чтобы начать работу, откройте инструмент PageSpeed Insights и введите URL вашего сайта в соответствующее поле, затем нажмите «Анализировать»:

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

Вот как выглядит мой отчет:
 

Вам будет показана общая оценка вашего сайта (оценка из 100), как для десктопного, так и для мобильного сайта, отдельно по скорости загрузки страницы (быстрая, средняя, медленная) и качеству оптимизации сайта:

• Low (красный) — свидетельствует о медленной загрузке страницы.
• Medium (оранжевый) — страница испытывает некоторые проблемы с быстрой загрузкой, но не критические. 
• High (зеленый) — страница загружается быстро.

Скорость загрузки страницы замеряется по Cобытию первой отрисовки контента (FCP) и DOM Content Loaded (DCL):

Отчет состоит из 3 разделов:

1. Информация о скорости загрузки страницы — показывает количество операций и обращений к серверу при загрузке страницы;
2. Предложения по оптимизации — чек-лист того, что нужно внедрить на странице для улучшения скорости;
3. Внедренные приемы оптимизации — показывает то, что уже оптимизировано на сайте.

Давайте пройдемся по всем рекомендациям Google PageSpeed, чтобы понять как их использовать. 

Читайте также: Оптимизация под голосовой поиск

Рекомендации Google PageSpeed Insights

1.Сократите время ответа сервера  

Нормальным показателем будет 200-500 мс (0,2-0,5 с). Все что выше — Google уже отмечает. 

Многое зависит от хостинга, а именно конфигурации и настроек сервера. Если он недостаточно мощный — могут возникать задержки в ответе сервера. 

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

Как дополнительный вариант, можно отключить все ненужные службы, работающие на сервере, чтобы увеличить скорость.
Но самая большая разница, которую я заметил, чтобы уменьшить время отклика сервера, достаточно перейти на новую версию PHP, например PHP 7.  Разные отчеты в интернете показывают увеличение скорости на 20-50% с переходом на PHP 7. 

Читайте также: Как улучшить позиции сайта в мобильной выдаче

Итак, подытожим, что можно сделать для увеличения время ответа сервера:

• перейти на более современный и быстрый хостинг с поддержкой PHP 7
• изменить или обновить версию CMS сайта
• отключить или удалить все ненужные, устаревшие и “тяжелые” плагины на сайте, уменьшив таким образом количество обращений к базе данных и снизив нагрузку на CPU сервера
• очистить базу данных сайта от лишних записей, что также уменьшит использование CPU

Больше рекомендаций по оптимизации сервера в документации Google:
https://developers.google.com/speed/docs/insights/Server

2. Оптимизируйте изображения

Основная причина медленной загрузки страниц и низких баллов в PageSpeed Insights — большие изображения. 

К примеру, для ПС Google все, что превышает 100 Кб считается большим.

Как только я сжал все свои изображения на сайте — получил огромное прибавление в скорости.

Если вы используете WordPress, один из лучших способов сжать изображения, не потратив много времени, использовать плагин. Мой любимый плагин для использования — WP Smush Image Compression and Optimization:

Если ваш сайт страдает из-за большого количества больших изображений, то их просто нужно сжать. Например, при сохранении в Photoshop качество сжатия jpeg-файла должно быть не выше 85%. В большинстве случаев нет никакой потребности указывать столь высокое значение. Некоторые веб-дизайнеры часто упоминают магическое число «51» для сжатия jpeg, но вы можете сами оценить, насколько можете уменьшить качество.

Читайте также: A/B тест рассылки

Бесплатные сервисы для сжатия изображений:

Более детально об оптимизации изображений:
https://developers.google.com/speed/docs/insights/OptimizeImages

3.Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы

Некоторые скрипты и стили, расположенные в самом верху страницы в header, блокируют отображение страницы. 

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

Детальнее о блокирующих элементах кода в документации Google: 
https://developers.google.com/speed/docs/insights/BlockingJS#InlineJS

4. Используйте кеш браузера

Кэширование браузера или Leverage browser caching — еще один инструмент, который может оказать большое влияние на скорость страницы. Получение ресурсов для загрузки вашего сайта требует больших усилий. Он требует загрузки каждого элемента изображения и страницы, а затем имеет дело с тяжелым HTML и кодированием. Каждый раз, когда кто-то загружает ваш сайт, этот процесс должен происходить снова и снова. Ваш сайт будет слишком долго загружаться. И именно здесь может помочь кэширование. 

Кэширование позволяет вашему браузеру «помнить» определенные элементы, которые были недавно загружены — заголовок, навигация, логотип и т. д. Чем больше элементов браузер может кэшировать, тем меньше элементов он должен загружать, когда пользователь делает запрос и, в конечном счете, быстрее загрузится страница. Google рекомендует минимальную политику кэширования в течение одной недели, а для элементов, которые в основном остаются неизменными, предпочтительнее один год.

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

Читайте также: Как использовать og image

5. Сократите JavaScript и CSS

Сведение к минимуму пространства, которое занимает ваше кодирование в формате Java Script, является еще одним важным фактором получения идеального результата от Google. Минимизация — это процесс удаления или исправления ненужных или дублированных данных, не влияя на то, как браузер будет обрабатывать HTML. Он включает в себя исправление кода, форматирование, удаление неиспользуемого кода и сокращение кода, когда это возможно. И еще раз, благодаря потрясающим плагинам WordPress, вам не нужно быть гением программирования, чтобы исправить это.

Желательно начать с валидации всего HTML-кода сайта: https://validator.w3.org

Список сервисов для оптимизации JavaScript:

Список сервисов для оптимизации CSS:

Детальнее об оптимизации JavaScript и CSS файлов в документации Google:
https://developers.google.com/speed/docs/insights/MinifyResources

6. Включите сжатие

Существует большой объем данных, которые необходимо передавать между серверами и пользователями при доступе к сайту. К счастью, есть способ сжатия передаваемой информации. Он называется — gzip (от GNU Zip).

Пользователи WordPress могут включить gzip сжатие, установив плагин GZip Ninja Speed Compression.Читайте также: Советы для SEO по WordPress.

На многих хостингах gzip-сжаите уже включено по умолчанию, но вы можете проверить включено оно или нет на вашем сайте с помощью сервиса: https://checkgzipcompression.com/

Детальнее о сжатии в документации Google:
https://developers.google.com/speed/docs/insights/EnableCompression#-

7. Мобильная версия

Все рекомендации выше касались десктопной версии сайта. Для мобильной они мало чем отличаются, но связаны с работой сайта под смартфоны и планшеты. Думаю, не стоит рассказывать вам, насколько важны обе, особенно с введением Mobile first Index в Google. Большую роль тут играет адаптивность и наличие AMP-страниц (Accelerated Mobile Pages). Что выбрать — мобильную версию или качественную адаптивную верстку — читайте в статье: Мобильный поиск в современном SEO

Выводы

В целом, Google PageSpeed Insights — полезный инструмент, но нужно понимать, что он не является “мерилом” скорости сайта, а средством SEO аудита с точки зрения быстродействия сайта. Если нужно проверить реальную скорость — для этого существуют такие сервисы как GTMetrix, Pingdom или WebPageTest. PageSpeed же соберет для вас полезную информацию по проблемным зонам, тормозящие сайт и предоставит чек-лист для оптимизатора.

Так же, на мой взгляд, не стоит гнаться за 100/100 оценками в PageSpeed Insights. В некоторых ситуациях это практически невозможно. Чтобы их достичь, иногда нужно пойти в ущерб функциональности сайта. Да и не все рекомендации могут быть безопасными. Например, если перенести CSS в нижнюю часть страницы, как рекомендует PageSpeed, веб-страница будет сперва подгружаться без стилей, что конечно же увеличит количество отказов. 

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

Читайте также: Поисковые подсказки Google

Оптимизация сайта для Google — как оптимизировать сайт под Гугл

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

В 2018 г. при продвижение сайта в Google работайте в трех направлениях: мобильность сайта, качество ссылочной массы и качество контента.

Mobile First Index: мобильная версия важнее

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

Виды мобильных сайтов. Сайт может иметь только десктопную версию, отдельную мобильную версию или адаптивный дизайн. Если у сайта только десктопная версия, Google будет показывать в мобильном поиске ее, но позиции сайта будут постепенно ухудшаться. Специалисты Google советуют создать мобильную версию или адаптивный дизайн, чтобы не вылететь из индекса. Если сайт имеет две версии: десктопную и мобильную вида m.domain.ru — проверьте совпадает ли контент на обеих версиях. Он не обязан быть абсолютно одинаковым, потому что мобильные сайты имеют технические ограничения. Но контент и метатеги должны быть эквивалентными — совпадать по смыслу и содержанию. Владельцам сайтов с адаптивным дизайном, ничего делать дополнительно не нужно.

Чек-лист мобильной версии:

• обе версии сайта подтверждены в Google Search Console;
• ссылки на XML Sitemap доступны из мобильной версии;
• контент эквивалентен, есть видео и изображения с прописанными тегами;
• метатеги эквивалентны;
• есть семантическая разметка данных;
• есть микроразметка для социальных сетей OpenGraph, Twitter Cards;
• для многоязычного сайта прописан тег hreflang, типы URL и версий совпадают.

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

Link Building: качественные ссылки

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

Выстраивайте систему качественных ссылок на продвигаемый ресурс. Google учитывает объем ссылочной массы, ее качество и динамику прироста. Оценивайте ссылки, ведущие на сайт, с помощью сервиса MegaIndex, Ahrefs, MajesticSEO.

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

Пресс-релизы переходят из разряда средств PR в перечень seo инструментов. Размещайте пресс-релизы на авторитетных ресурсах и блогах с ответами на запросы пользователей и ссылкой на сайт. Находите для публикаций актуальные темы: новости, инфоповоды, обзоры, инструкции.

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

Крауд-маркетинг или партизанский маркетинг. Размещайте на профильных форумах, в группах и сообществах познавательные материалы, создавайте опросы и мотивируйте обсуждения. Желательно проставить ссылку на продвигаемый сайт. Даже если она будет закрыты от индексации как nofollow, Google все равно ее проиндексирует. Если пользователи начнут переходить по ссылке, это повысит ее вес за счет тематических переходов.

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

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

Rank Brain: качество контента

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

Анализ контента. Rank Brain анализирует текст по тематике и синонимам. Контент может не содержать слова из поискового запроса, но быть в топе по этому запросу, потому что он максимально полно на него отвечает. Старый метод продвижения страниц, при котором создавались тексты, похожие на тексты в топе выдачи со множеством ключей, больше не работает в Google. Не включайте в статьи более 30% контента, который уже содержится на других сайтах.

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

Новые интересы. Ежедневно Google обрабатывает до 3,5 млрд поисковых запросов. Пятую часть из них составляют новые запросы, которые ранее не вводились пользователями, поэтому оптимизация сайта под Гугл должна строиться не от трендов, а от интересов пользователей. Ищите новые запросы в оффлайне и создавайте контент под них заблаговременно. Когда люди начнут искать ответ на вопрос в интернете, у вас уже будет проиндексированный контент. Чтобы найти новые интересы клиентов, проводите опросы целевой аудитории, собирайте статистику вопросов в call-центрах и в отделах продаж.

Голосовый поиск в Google занимает до 20% всех запросов. Seo оптимизация под голосовой поиск — это по сути продвижение низкочастотными запросами, поэтому создавайте контент под низкочастотники и мотивируйте посетителей генерировать пользовательский контент. Откройте раздел FAQ, чтобы органично продвигаться под запросы в виде вопросов. Подробнее о стратегии продвижения низкочастотниками читайте в «Продвижение низкочастотными запросами в 2018 году».

Чтобы оптимизировать сайт под голосовой поиск, подключите Accelerated Mobile Pages (AMP). Чаще всего голосом пользователи ищут информацию на телефоне, поэтому сайты должны открываться мгновенно. Проверьте скорость загрузки сайта и снизьте ее при необходимости, потому что загрузка более 3 секунд недопустима. Как это сделать, читайте в материале «Скорость загрузки сайта: как проверить и увеличить». Если сайт долго грузится, подключите AMP. Рассказывали об этой технологии в статье «Продвижение сайта в Google с помощью AMP».

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

Description. Обновите дескрипшн, чтобы текст в нем работал для людей, а не для роботов. Пишите дескрипшн после индексации страницы, когда по ней соберется минимальная статистика. Проанализируйте, по каким именно запросам поисковик показывает страницу. Затем напишите текст, привлекательный именно пользователям с этими запросами, длиной 250-300 символов. Включите в него эмодзи и призывы к действию, чтобы увеличить кликабельность сниппета.

Шпаргалка

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

2. Индексация сайтов в Google основана на правиле Mobile First. Это значит, что мобильная версия сайта считается основной. В 2018 г. действует переходный период, который должен закончиться в течение года-двух.

3. Чтобы занять высокие позиции в поисковой выдаче, сделайте дизайн сайта адаптивным или подключите AMP. Если у сайта есть мобильная версия, оптимизируйте ее под требования Google и проверьте, чтобы контент на обеих версиях был эквивалентен друг другу.

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

5. Анализ контента в Google происходит на основе алгоритма Rank Brain, который учитывает темы, синонимы, новизну материала. Не копируйте тексты из топа выдачи. Создавайте новый контент, используя не больше, чем на треть, старые публикации. Актуализируйте информацию на сайте: добавляйте новые факты, удаляйте устаревшие данные и отправляйте на повторную переиндексацию.

6. Учитывайте тенденции развития поиска Google. Находите новые интересы пользователей в оффлайн и создавайте контент под них, даже если таких запросов еще нет в интернете. Пишите тексты под голосовой поиск Google, который чаще всего имеет вид низкочастотных запросов в виде вопроса.

7. Работайте со сниппетами. Структурируйте материал и логически разбивайте статьи, чтобы попасть в избранные сниппеты. Обновите дескрипшн страниц, удлините описание до 300 символов, используйте эмодзи и смайлики, добавляйте призывы к действию. Для новых материалов пишите description после публикации и сбора статистики, чтобы сделать описание с учетом запросов, по которым приходят пользователи.

Материал подготовила Светлана Сирвида-Льорентэ.

нюанс, который нужно понимать ВСЕМ

Сервис Google PageSpeed Insights, дающий советы по ускорению сайта, давно завоевал популярность. Возможно, вы сталкивались с его рекомендациями, даже если никогда не открывали страницу проекта. SEO-агентства и фрилансеры любят засовывать результаты анализа в свои коммерческие предложения и аудиты, стараясь впечатлить клиента обилием терминологии и суровыми заголовками в духе «Исправьте обязательно».

Поэтому разбираться в том, что такое Google PageSpeed Insights и обязательно ли следовать его рекомендациям, нужно не только разработчикам, но и владельцам сайтов/менеджерам интернет-проектов.

Это было вступление. А теперь обещанный нюанс.

Google PageSpeed Insights предназначен для тестирования разных версий одной страницы. Сравнивать рейтинги разных сайтов — бессмысленное занятие.

Понимаете? Google PageSpeed Insights — это НЕ сервис для измерения скорости сайта. Это инструмент, показывающий возможные точки приложения усилий для оптимизации скорости загрузки страницы. И разумеется, рейтинг в сервисе не влияет напрямую на ранжирование, а потому использование рекомендаций в отчетах по SEO — лукавство. За исключением ситуаций, когда внедрение этих советов действительно критично влияет на удобство пользователей.

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

Насколько связана реальная скорость загрузки и рейтинг PageSpeed?

Не особо. Вот вам два скриншота из сервиса.

1. Результаты теста страницы обзора Rush Analytics, содержащей много текста и картинок:

Несмотря на размер, страница грузится с приемлемой скоростью — можете проверить самостоятельно.

2. Специально созданная страница http://alexeytrudov.com/test.php — в ней стоит задержка загрузки на 5 секунд (функция sleep(5)):

Разница на 20 пунктов, первая страница в «красной» зоне, вторая — в «желтой». Упс!

Достаточно наглядно, не так ли? Запоминаем: плохой рейтинг — не то же самое, что долгая загрузка. Это просто показатель, что страницу можно сделать быстрее. Но быстрее в 2 раза или на 2% — сервис, конечно же, не скажет. Не потому что с ним что-то не так. Просто он предназначен для другого и это нормально. Принимать решения должен разработчик.

Ладно, но ведь все равно высокий рейтинг полезен для SEO? Раз это сервис от самого Гугла!

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

Т.е. этот рейтинг это скорее шум, чем полезный сигнал для поиска. Сайты-лидеры со сложным функционалом на JS зачастую сидят в «красной» зоне. А вот проекты родом из нулевых, созданные на одном HTML, могут выдавать 80-90 баллов. Кстати, Google никогда не утверждал о взаимосвязи рейтинга своего сервиса и ранжирования.

Но допустим, это и правда важный фактор ранжирования. Что бы мы тогда наблюдали? В ТОПах бы преобладали сайты с высоким рейтингом. Есть такое? Нет!

Вот вам скрин сайта из ТОП-2 Google по запросу «пластиковые окна москва»:

Конечно, это единичный пример. Но если бы это фактор был по-настоящему значим, в ТОП такой сайт бы не допустили. Можно найти множество других кейсов в не менее конкурентных тематиках.

А потому — думаем в первую очередь о реальной скорости загрузки сайта (проверить можно, например, с http://www.webpagetest.org/ ). Если скорость не очень (хуже конкурентов), то в сначала работаем над оптимизацией базы данных и скриптов, которые отображают контент. Их неграмотная организация — причина большинства «тормозов».  А потом уже и PageSpeed Insights пригодится.

Итак, теперь вы знаете, что порой можно игнорировать грозные советы вроде «Исправьте обязательно» — даже если их дает Гугл. Удачи!

UPD: внимательно изучил важность рейтинга Page Speed на большой выборке. Результаты рассказал в докладе на Allintop, см. презентацию и комментарии.

Поделиться

Твитнуть

Поделиться

Отправить