Обеспечьте адаптивность сайта до запуска mobile-first индекса


Оглавление (нажмите, чтобы открыть):

Google: переход с m. сайта на адаптивный лучше завершить до запуска mobile-first индекса

2020-6-23 10:54

На днях представитель Google Джон Мюллер поделился новой порцией советов касательно предстоящего запуска mobile-first индекса. В частности, если планируется переход с m. сайта на адаптивный, то завершить его желательно до запуска нового индекса.

Причина в том, что сейчас Google не индексирует в полной мере m. сайты. Поисковик аннотирует m. URL, но не индексирует контент. Поэтому, […].

Обеспечьте адаптивность сайта до запуска mobile-first индекса

Представитель поисковой системы Google Джон Мюллер поделился новыми советами по поводу широко анонсированного запуска mobile-first индекса. Рубрика: Google internet-technologies.ru »

Google: переход с m. сайта на адаптивный нужно завершить до запуска mobile-first индекса

На днях представитель Google Джон Мюллер поделился новой порцией советов касательно предстоящего запуска mobile-first индекса. В частности, если планируется переход с m. сайта на адаптивный, то завершить его нужно до запуска нового индекса. searchengines.ru »

Партнеры

Реклама

Самое свежее

В США хотят заставить IT-компании вывести пользователей из «пузыря фильтров»

В Сенате США разработали законопроект, который призван освободить пользователей из «пузыря фильтров». Об этом сообщает The Wall Street Journal. Новый документ под названием «The Filter Bubble Transparency Act» требует, чтобы крупные интернет-компании признали, что используют «непрозрачные алгоритмы» и предложили пользователям возможность просмотра неперсонализированных результатов поиска или контента.

Google работает над улучшением результатов поиска по запросам на тему здоровья

Google намерен облегчить поиск медицинских записей для докторов, а также улучшить качество поисковой выдачи по запросам, связанным со здоровьем, в основном поиске и YouTube. Об этом рассказал глава Google Health Дэвид Файнберг (David Feinberg) на медицинской конференции HLTL в Лас-Вегасе, сообщает CNBC.

В приложении Google News теперь можно видеть новости на двух языках

Приложение Google News получило новую функцию, которая позволяет пользователям просматривать контент на двух языках. Об этом сообщается в блоге Google. Например, пользователи могут просматривать новости на английском и на хинди — достаточно выбрать соответствующие языки в настройках: При этом Google будет учитывать ранее заданные настройки персонализации, показывая пользователям самые релевантные статьи по интересующим их темам […] Сообщение В приложении Google News теперь можно видеть новости на двух языках появились сначала на Searchengines.ru.

Google тестирует карусели изображений в блоках локальной выдачи

Зарубежные специалисты заметили, что Google начал тестировать несколько изображений для компаний в блоках локальной выдачи. В рамках теста фотографии по каждой компании оформлены в виде прокручиваемой карусели: Больше примеров можно посмотреть в Twitter: В текущей версии блока для каждой компании приводится только одно изображение: Напомним, что в июне Google тестировал блоки локальной выдачи, оформленные в […] Сообщение Google тестирует карусели изображений в блоках локальной выдачи появились сначала на Searchengines.ru.

В результатах поиска Google увеличилось количество сниппетов с видео

Основатель и директор по продукту Yoast SEO Джуст де Вальк (Joost de Valk) обратил внимание на увеличение количества сниппетов и карточек с видео в результатах поиска Google. Он поднял этот вопрос в Twitter, адресовав его сотрудникам поиска: «Google запустил изменение, связанное с видео-сниппетами? Мы видим карточки и сниппеты с видео в основных результатах поиска для множества […] Сообщение В результатах поиска Google увеличилось количество сниппетов с видео появились сначала на Searchengines.ru.

Google не планирует добавлять возможность отправки контента напрямую в индекс

Ранее в этом месяце Bing начал тестировать новую функцию, которая позволяет издателям отправлять контент и HTML напрямую в индекс поисковой системы, что делает ненужным сканирование этих страниц. Во время последней видеовстречи для вебмастеров автор блога Search Engine Roundtable Барри Шварц спросил, планирует ли Google добавить такую функцию.

В Google возникли сбои в работе нескольких поисковых операторов

Google разбирается с проблемами в работе нескольких поисковых операторов, на которые жалуются пользователи в Twitter. Об этом сообщает Search Engine Roundtable. Так, сбои наблюдаются по запросам с командами related:, intitle: и inurl:.

Обеспечьте адаптивность сайта до запуска mobile-first индекса

Представитель поисковой системы Google Джон Мюллер поделился новыми советами по поводу широко анонсированного запуска mobile-first индекса.

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

Если же вопрос обеспечения адаптивности того или иного сайта будет отложен до момента непосредственного запуска mobile-first индекса, то поисковой системе Google придется осуществить его полноценную повторную индексацию. Причем она затронет не только контентное наполнение сайта, но и все его URL-адреса.

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

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

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

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

Также стоит напомнить, что согласно последним, официально озвученным данным, mobile-first индекс будет запущен не ранее 2020 года.

Google: переход на адаптивный сайт лучше завершить до запуска mobile-first индекса

Подпишись
на наши новости!

Заголовки новых статей для вас

  • Yandex28,06
  • Mail.ru Group27,15

  • Facebook150,33
  • Google932,22
  • Twitter18,61

Лучшие статьи

Спасибо, что следите за рынком Интернет-маркетинга с AdCrunch.ru

Мы очень ценим Ваше доверие

Нажмите «Нравится», чтобы читать нас в Facebook.

Спасибо, что следите за рынком Интернет-маркетинга с AdCrunch.ru

Мы очень ценим Ваше доверие

Нажмите «Подписаться», чтобы читать нас в Вконтакте.

Google: переход с m. сайта на адаптивный нужно завершить до запуска mobile-first индекса

На днях представитель Google Джон Мюллер поделился новой порцией советов касательно предстоящего запуска mobile-first индекса.

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

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

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

Оптимизация для мобильного поиска: готовимся к mobile-first индексу Google

Руководитель группы оптимизаторов в компании «Ашманов и партнёры» Никита Тарасов дал практические советы по оптимизации сайтов для мобильных алгоритмов «Яндекса» и Google.

В 2020 году Google планирует запустить алгоритм Mobile-first Index. С этого момента оптимизация десктопной версии сайта потеряет первостепенное значение для ранжирования.

Мастер Йода рекомендует:  Программа приоритетного ранжирования от Яндекс.Дзен

Похожий алгоритм уже запустил «Яндекс», и в мобильном поиске он отдаёт приоритет сайтам, адаптированным для просмотра на смартфонах и планшетах. За последние два года доля визитов «Яндекса» c этих устройств выросла с 25% до 45%. Многие российские сайты, даже те, у которых с десктопной оптимизацией всё хорошо, к этим переменам в ранжировании не готовы.

Оптимизацию для мобильного поиска нельзя игнорировать, как минимум потому что есть риск потерять 30-40% органического трафика.

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

Сделайте, наконец, мобильный (или адаптивный) сайт

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

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

Ускорьте загрузку сайта до трёх секунд

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

Основные причины медленной загрузки:

  • Файлы изображений большого объёма.
  • Неоптимальная загрузка JavaScript и CSS.
  • Большие фрагменты закомментированного кода.

Чтобы получить рекомендации по увеличению скорости загрузки конкретного сайта, воспользуйтесь сервисами PageSpeed Insights и Gtmetrix.

Внедрить рекомендации проще всего через модуль PageSpeed Module. Он позволяет сжать изображения, JavaScript и CSS и оптимизировать HTML-код.

Выявите страницы с высоким процентом отказов

Даже если сайт загружается быстро, показатель отказов для некоторых страниц может оставаться высоким и портить общую картину. У многих на этой почве возникает соблазн корректировать источники платного трафика, но в первую очередь стоит выявить страницы с наибольшим показателем отказов (отчёты «Страницы выхода» в «Яндекс.Метрике» и Google Analytics).

Затем проанализировать поведение пользователей на данных страницах. Для анализа поведения пользователей подойдут стандартные инструменты в «Яндекс.Метрике»: «Вебвизор», «Карта.Кликов», «Карта.Ссылок», «Карта.Скроллинга».

Оцените сайт через Google Search Console


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

Обратите внимание на раздел «Заблокированные ресурсы». К ним относятся все JavaScript, файлы CSS и изображения, необходимые для корректного отображения сайта, но закрытые для индексации поисковыми системами.

Вот что пишет об этом Google:

Чтобы правильно обработать и индексировать вашу страницу, роботу Google необходим доступ к её ресурсам — файлам JavaScript и CSS, изображениям и так далее.

Если файл robots.txt сайта не позволяет просканировать все эти ресурсы, возникают ошибки. Из-за этого рейтинг сайта в поисковике становится низким.

Укажите поисковым роботам на мобильную версию

Мобильная версия сайта обычно располагается в отдельной папке основного сайта (например, domain.ru/mobile/) или на поддомене (например, m.domain.ru).

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

Укажите на страницах основного сайта соответствующие URL мобильной версии при помощи атрибута rel=»alternate» и тега link . На обычной странице (например, на https://www.example.com/page-1) добавьте код:

.

На странице для мобильных устройств (https://m.example.com/page-1) добавьте атрибуты:
.

Исходя из рекомендаций представителей «Яндекса», рекомендуется привести содержимое директивы Host в robots.txt для мобильной версии к следующему виду:

Host: m.domain.ru// — нужно указать домен мобильной версии.

Также в robots.txt в директиве Sitemap необходимо указать на адрес XML-карты сайта, которая должна быть отдельно создана для мобильного поддомена.

Sitemap: https://m.domain.ru/sitemap.xml// — нужно указать путь до XML-карты сайта мобильной версии.

Перенесите все важные страницы

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

Не откладывайте оптимизацию

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

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

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Подготовка к индексированию с приоритетом мобильного контента

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

С 1 июля 2020 г. индексирование с приоритетом мобильного контента включено по умолчанию для всех новых сайтов (они только что опубликованы или их не было в индексе Google). Страницы, существующие уже достаточно давно, по-прежнему проверяются на соответствие критериям, перечисленным в рекомендациях. Как только сайт будет признан готовым к переходу на новый способ индексирования, мы уведомим об этом его владельца в Search Console. Отправлять уведомления по поводу новых сайтов не требуется, так как в их случае новый способ используется по умолчанию.

Что изменится

То, как будет индексироваться ваш сайт, зависит от его типа.

Тип сайта
Сайт только для ПК. Ваш сайт предназначен только для компьютеров. У него нет мобильной версии. Без изменений. Версии для компьютеров и мобильных устройств одинаковые.
Адаптивный дизайн. Ваш сайт адаптируется под размеры экрана. Без изменений. Версии для компьютеров и мобильных устройств одинаковые.
Канонические AMP-страницы. Ваш сайт полностью создан с использованием HTML с технологией AMP. Без изменений. Версии для компьютеров и мобильных устройств одинаковые.
Разные URL. Контент для компьютеров находится на странице с одним URL, а аналогичный контент, оптимизированный для мобильных устройств, имеет другой URL. Пример: сайты с субдоменом m. Поисковый робот Google будет отдавать предпочтение мобильной версии сайта. Подготовьте сайт к индексированию, следуя нашим рекомендациям.
Динамический показ. Показываемый контент зависит от устройства, с помощью которого пользователи посещают сайт. Они видят один URL. Поисковый робот Google будет отдавать предпочтение контенту, оптимизированному для мобильных устройств. Подготовьте сайт к индексированию, следуя нашим рекомендациям.
Обычные и AMP-страницы. У каждой страницы сайта наряду с обычной есть AMP-версия. Пользователи видят два разных URL. Поисковый робот Google будет отдавать предпочтение мобильным версиям обычных страниц. Если в этих версиях контент показывается динамически или по отдельным URL, вам будут полезны наши рекомендации.

Рекомендации

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

  • Мобильная версия сайта должна содержать те же материалы, что и полная. Обновите основной контент мобильной версии, чтобы он совпадал с полной. Это касается среди прочего текстов, изображений с атрибутом alt и видео в распространенных форматах, подходящих для сканирования и индексирования.
  • Обе версии сайта должны содержать структурированные данные. Убедитесь, что URL в структурированных данных мобильных версий ведут на страницы, оптимизированные для мобильных устройств. Если вы добавляете структурированные данные с помощью Маркера, регулярно выполняйте проверку на наличие проблем с извлечением информации.
  • В обеих версиях сайта должны быть метаданные. Убедитесь, что на обоих сайтах совпадают заголовки и метаописания.

Дополнительные рекомендации для сайтов с отдельными URL

Если у мобильной и полной версий сайта разные URL (например, мобильная версия находится в субдомене m.), следуйте советам, приведенным ниже.

  • Подтвердите право собственности как на мобильную, так и на обычную версию сайта в Search Console, чтобы вам были доступны данные и уведомления, связанные с ними обеими. Когда Google начнет использовать для вашего сайта индексирование, ориентированное на мобильные устройства, на сайте может произойти сдвиг данных.
  • Проверьте атрибуты hreflang в каждой версии сайта. Если на многоязычном сайте используются элементы link с атрибутом rel=hreflang , ссылки между страницами для компьютеров и мобильных устройств следует настраивать отдельно. Атрибуты hreflang в URL должны указывать на версии, предназначенные для соответствующих типов устройств.

Пример

Атрибут hreflang для сайтов с отдельными URL.

URL мобильной версии сайта: https://m.example.com/ .

URL версии сайта для компьютеров: https://example.com/ .


  • Убедитесь, что ваши серверы смогут обеспечить достаточную производительность, если увеличится частота сканирования мобильной версии сайта.
  • Проверьте, правильно ли работают директивы в файле robots.txt и метатеги robots для обеих версий сайта. Файл robots.txt позволяет определить, какие разделы сайта нужно сканировать, а какие нет. Метатеги robots указывают на то, можно ли индексировать конкретные страницы. Обычно для полной и мобильной версий сайта используются одни и те же директивы и метатеги этого типа.
  • Проследите, чтобы в обеих версиях сайта были правильно указаны атрибуты rel=canonical и rel=alternate в элементах link.

    Пример с атрибутами rel=canonical и rel=alternate для разных URL

    Ниже приведен пример использования атрибутов rel=canonical и rel=alternate на сайте с отдельными URL для разных версий.

    URL мобильной версии сайта: https://m.example.com/ .

    URL версии сайта для компьютеров: https://example.com/ .

    Журнал изменений

    Об индексировании с приоритетом мобильного контента было много новостей. Все они перечислены ниже.

    Журнал изменений
    28 мая 2020 г. С 1 июля 2020 г. индексирование с приоритетом мобильного контента включено по умолчанию для всех новых, ранее отсутствовавших в индексе Google сайтов. Старые страницы по-прежнему проверяются на соответствие всем необходимым критериям. О готовности своих сайтов к переходу на новый способ индексирования владельцы будут узнавать в Search Console.
    26 марта 2020 г. Мобильное индексирование планируется применять все шире. Опубликовано руководство по подготовке к изменениям. Новый способ индексирования не обеспечивает более высоких позиций в рейтинге.
    19 декабря 2020 г. Мы уведомляем владельцев сайтов о переводе их страниц на индексирование с приоритетом мобильного контента через Search Console. Владельцам при этом нужно проследить, чтобы структурированные данные и атрибуты alt были в обеих версиях страниц.
    18 декабря 2020 г. Индексирование, ориентированное на мобильные устройства, планируется внедрять постепенно, после предварительной проверки готовности каждого сайта.
    4 ноября 2020 г. Проводятся эксперименты по переориентации индексирования на мобильные устройства.

    Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

    Как оптимизировать сайт под Mobile-first index

    Поделиться этим постом

    В 2020 году Google ввёл алгоритм ранжирования Mobile-first index. Прежде всего, возникновение этого алгоритма связано с тем, что более 52% всех запросов в поисковой системе Google выполняются с мобильных устройств. Это влияет на индексацию сайтов, так как пользователю нужно не просто увидеть в поисковой выдаче ответ на свой вопрос, а увидеть этот ответ в качественном представлении. Без мобильной версии сайта или адаптивного дизайна этого сделать не получится.

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

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

    1. Оптимизация отображения всех элементов на сайте

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

    Продумайте все элементы навигации по сайту, а также отображение картинок, шрифтов, интерактивных элементов. Проверьте отображение контента на сайте, чтобы он не был шире экрана устройств пользователей. Все ошибки, связанные с отображением изображений и шрифтов, можно посмотреть с помощью Google Search Console во вкладке «Удобство для мобильных».

    При нажатии на любую вкладку, например, «Контент шире экрана», будет отображен список URL, у которых есть проблемы.

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

    Особенно важно проверять сайт на наличие ошибок, если вы меняли вёрстку сайта или же полностью шаблон, а также если используете CMS систему.

    Кстати, вы можете проверить корректное отражение мобильной версии сайта с помощью инструмента «Mobile Friendly Test» в Netpeak Spider. После окончания сканирования кликните по интересующей странице правой кнопкой мыши и выберите в контекстном меню «Открыть в сервисе» → «Mobile Friendly Test».

    Инструмент передаст данные о странице в сервис Google, и вы получите информацию о результатах проверки.

    2. Минификация кода и изображений

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

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

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

    Стоит уточнить, что нужно быть крайне осторожными, если вы захотите минифицировать JavaScript файлы — может нарушиться работа и отображение контента на сайте.

    3. Правильное использование шрифтов

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

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

    Более подробно можно почитать в гайде «Основы отзывчивости веб-дизайна» от Google PageSpeed Insights.

    4. Подходящий дизайн

    • Начинайте разработку сайта под Mobile Friendly с создания макета сайта, чтобы понимать, к чему вы стремитесь, и как сайт будет выглядеть на разных типах устройств. Например, отличные программы для создания макета → Sketch и Adobe Photoshop.
    • Используйте только адаптивные шаблоны на своих сайтах, особенно, если вы работаете с WordPress. На данный момент существует большое количество бесплатных и премиум-шаблонов, которые помогут сделать сайт красивым и легковесным.
    • Адаптивный и отзывчивый дизайны базируются на создании сайтов, в первую очередь, для мобильных устройств, а не для десктопа. Таким образом получится избежать неправильного отображения элементов на страницах сайта.
    • Уберите весь ненужный функционал, который нагружает сайт. К примеру, множество вебмастеров оставляют функционал WooCommerce в шаблонах WordPress, даже если знают, что никогда не будут делать интернет-магазин на своём ресурсе.

    • Старайтесь использовать только SVG (векторные) иконки и изображения, как минимум, в ключевых местах сайта, так как они не теряют качество при масштабировании и будут отлично смотреться на любой диагонали экрана.
    • Настройте метатег Viewport таким образом, чтобы на экранах 640px и меньше значение масштабирования составляло 0.5, в других случаях — 1. Это позволит избежать ошибок «Контент шире экрана» на смартфонах с маленьким разрешением.

    5. Внедрение AMP

    Accelerated Mobile Pages — технология ускоренных мобильных страниц с открытым исходным кодом. Она позволяет выполнить оперативную загрузку веб-страниц при низкой скорости сети.

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

    Плагин для создания AMP не решает все проблемы разом — это всего 20-30% от общего дела. Здесь нужно уделить большое внимание дизайну страниц и отображению интерактивных элементов.

    6. Техническая оптимизация сайта

    Сайт для мобильных устройств должен быть:

    • без элементов, которые требуют работы Flash Player;
    • без выпадающих элементов меню или с полностью оптимизированным меню под смартфоны и планшеты.

    Далеко не все устройства на данный момент поддерживают flash-элементы, которые могут загружаться на сайте. Например, при использовании смартфона с браузеров Google Chrome большинство flash-элементов попросту не будут отображаться, так как нет поддержки flash-плеера. Здесь на помощь приходит HTML5, позволяющий заменить всё необходимое для подачи информации пользователю, будь то интерактивные элементы или аудио и видео-проигрыватели.

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

    Лучше всего использовать одноступенчатое меню или проставлять якори (#) в нужных элементах меню. Это позволит не только удержать пользователя, но и качественно скажется на пользовательском опыте и поведенческих факторах.

    7. Оптимизация мобильной версии сайта с точки зрения SEO

    Если вебмастер решает создать отдельную версию сайта, оптимизированную специально для мобильных устройств, ему обязательно нужно выполнить следующие действия:

    • Разместить тег
    • с атрибутом rel=»alternate» на каждой странице версии сайта для компьютеров, которая ведёт на соответствующую страницу мобильной версии сайта.
    • Pазместить тег
    • с атрибутом rel=»canonical» на каждой странице мобильной версии сайта, которая ведёт на соответствующую страницу основного сайта.

    Пример реализации для site.ru:

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

    Почитать о проведении аудита сайта вы можете на моём сайте.

    Подводим итоги

    • Процесс оптимизации сайта под алгоритм Mobile-first index длительный и постоянный.
    • Нужно всегда проверять сайт на наличие ошибок как с помощью Search Console, так и с помощью отслеживания пользовательского взаимодействия.
    • В настоящих реалиях сайт не сможет занять первые позиции в поисковой выдаче Google, если отсутствует мобильная или адаптивная версия сайта, а также без проведения SEO-оптимизации мобильной версии.
    • Внедрение технологии AMP позволит вашему сайту загружаться быстрее при низкой скорости сети.

    Стоит ли тратить время и бюджет на эти изменения — однозначно да. Расскажите в комментариях о том, как вы оптимизировали свой сайт под Mobile-first index 😉

    Алгоритм Mobile-first index от Google

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

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

    Не так давно Google сообщил, что с 1 июля 2020 года будет запущен алгоритм, выстраивающий поисковую выдачу по принципу Mobile-first. Что это значит?

    До недавнего времени именно десктопная версия сайта являлась основной для систем индексации, ранжирования и сканирования Google. А с появлением новой технологии все поменялось: теперь именно адаптированная версия сайта для мобильного просмотра будет индексироваться в первую очередь. Это аргументируется тем, что в контенте мобильной версии сайта и версии для десктопа может быть множество отличий.

    Но это не означает, что будет две версии поисковой выдачи. Вот что говорят по этому поводу представители Google:

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

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

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

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


    Проверьте свой сайт на оптимизацию под мобильные с помощью сервиса Google mobile-friendly.

    Какие изменения нас ждут

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

    Если сайт имеет адаптивный дизайн (сайт адаптируется под размеры окна браузера) или полностью создан с использованием HTML с технологией AMP, то готовить ничего не надо, т.к. версии для компьютеров и мобильных устройств одинаковые.

    Однако если у вас есть отдельный поддомен, оптимизированный для мобильных (обычно это m.site.ru), одновременно сосуществуют обычные версии и AMP-версии одних и тех же страниц или просто контент меняется в зависимости от устройства (так называемые динамические показы – когда пользователям с мобильных показывается контент, оптимизированный под мобильные, а пользователям с десктопов – под десктопы); то в каждом из этих случаев следует подготовить свой сайт согласно рекомендациям Google, что это за рекомендации такие, скажу чуть позже.

    Пруф из справки Google – cвои сайты к переходу на mobile-first индексирование надо подготовить в следующих случаях:

    Т.е. во всех этих случаях поисковый робот google будет отдавать предпочтение мобильной версии и к этому надо подготовиться.

    Джон Мюллер, специалист отдела качества поиска Google, 29 мая высказался в твиттере, что PDF-файлы не являются mobile friendly форматом, и нет возможности оптимизировать их под мобильную версию. Поэтому Mobile-first индексация не будет учитывать такие файлы. При этом наличие PDF-файлов на странице никак не скажется на индексации и ранжировании страницы.

    Рекомендации Google для подготовки сайта к индексированию Mobile-first

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

    Сайтам, показывающим разные версии контента для пользователей мобильных и десктопных устройств, Google дает следующие рекомендации:

    Страницы мобильных (отдельных) версий сайта

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

    Страница https://www.sayen.ru/ не является адаптивной.

    При небольшом разрешении экрана появляется полоса прокрутки

    У этого сайта существует мобильная версия сайта, находящаяся по адресу https://m.sayen.ru/

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

    Переход на мобильную версию страницы можно реализовать тремя способами:

    Редирект с помощью PHP

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

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

    Здесь учтены почти все User-agent. Данный код вставляется в начало документа, поэтому важно чтобы перед ним не было никаких символов, например, пробела или пропуска строки. Вместо https://site.ru/mobile/ вставляется URL, на который должен переходить мобильный пользователь.

    Редирект через .htaccess

    Смысл тот же, что и в пункте выше: берем информацию из User-agent. Данный код необходимо вставлять после строки RewriteEngine On.

    RewriteCond %
    (?i:midp|samsung|nokia|j2me|avant|docomo|novarra|palmos|palmsource|opwv|chtml|pda|mmp|blackberry|mib|symbian|wireless|nokia|hand|mobi|phone|cdm|upb|audio|SIE|SEC|samsung|HTC|mot-|mitsu|sagem|sony|alcatel|lg|eric|vx|NEC|philips|mmm|xx|panasonic|sharp|wap|sch|rover|pocket|benq|java|pt|pg|vox|amoi|bird|compal|kg|voda|sany|kdd|dbt|sendo|sgh|gradi|jb|dddi|moto|iphone|android)
    RewriteRule ^.*$ https://m.site.ru/ [R=301,L]

    Вместо https://m.site.ru/ вставляется URL, на который должен переходить мобильный пользователь.

    С помощью JavaScript

    Бывают ситуации, когда нет доступа к редактированию файлов на стороне сервера. В этой ситуации можно решить проблему с помощью JavaScript кода:

    Вместо https://site.ru/mobile/ вставляется URL, на который должен переходить мобильный пользователь. С его помощью устройства с шириной экрана меньше 600px будут перенаправлены на мобильную версию сайта.

    По факту это 2 разные страницы, имеющие 2 разных URL-адреса. Робот поисковых систем определяет, с каким URL-адресом страницы показать пользователю, в зависимости от устройства, которым он пользуется. И с приходом в действие технологии mobile-first index мобильная версия этой страницы будет являться приоритетной для поисковых систем.

    Для страниц с разными URL-адресами необходимо соблюдать следующие рекомендации:

    • необходимо добавить обе версии сайта в Search console и следить за сообщениями и рекомендациями в обеих версиях;
    • проверить корректность работы файла robots.txt для обеих версий сайта;
    • проверить на корректность работы атрибуты тегов rel=»canonical» и rel=»alternate» для обеих версий сайта.

    Также есть дополнительные инструкции для страниц с разными URL, о них можно прочитать в справке Google.

    В настоящее время не рекомендуется создавать мобильные версии страниц с разными URl-адресами, так как это трудозатратный процесс – придется обновлять контент на двух версиях сайта и следить за информацией в вебмастерах.

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

    Динамический показ и обычные и AMP-страницы

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

    Или настроены динамические показы в зависимости от устройства, при этом URL обеих версий одинаковые. Рекомендации по подготовке к mobile-first индексу полностью совпадают с рекомендациями, если у вас есть поддомен для показа на мобильных:


    • необходимо добавить обе версии сайта в Search console и следить за сообщениями и рекомендациями в обеих версиях;
    • проверить корректность работы файла robots.txt для обеих версий сайта;
    • проверить на корректность работы атрибуты тегов rel=»canonical» и rel=»alternate» для обеих версий сайта.

    Также есть дополнительные инструкции для каждого варианта, о них можно прочитать в справке Google.

    Теперь разберемся, что значит перейти на индексирование Mobile-first.

    Переход на индексирование Mobile-first

    Поисковая система Google определяет в автоматическом режиме, какой сайт и в какое время включить в Mobile-first indexing, и уведомляет в Search Console владельца ресурса о том, что его сайт перешел на мобильный индекс.

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

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

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

    Для этого в Search console необходимо зайти в раздел «Посмотреть как Googlebot»:

    Затем выбрать «Mobile: Smartphone» и нажать кнопку «Получить и отобразить»:

    После проверки нужно нажать »

    Перед вами возникнут два окна: как увидел страницу Googlebot и как увидел страницу пользователь. А также список ресурсов веб-страницы, к которому роботу Google не удалось получить доступ. На основании этих данных можно будет решить, как оптимизировать страницу сайта.

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

    В Search Console есть еще одно средство проверки оптимизации ресурса для мобильных, оно находится в пункте «Удобство просмотра на мобильных устройствах».

    Если ошибок не обнаружено, вы увидите сообщение «Не обнаружены проблемы с просмотром сайта на мобильных устройствах».

    В случае обнаружения проблем, сервис покажет вам их список, а также количество страниц, на которых они обнаружены

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

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

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

    Заключение

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

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

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

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

    Google: запуск mobile-first индекса не будет внезапным

    Дата публикации: 2020-01-17

    От автора: в Google заверили, что о проблемах, которые могут появиться у ресурсов после запуска нового индекса, поисковик предупредит заранее через Search Console.

    Джон Мюллер рассказал, что ожидает сайты после запуска mobile-first. Он отметил, что вебмастерам не стоит беспокоиться: обо всех трудностях, которые могут возникнуть у сайта после введения нового индекса, поисковик сообщит в Search Console.

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

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

    Мюллер отметил, что переход на новый индекс не станет внезапным. Обо всех недочетах своих сайтов вебмастера узнают из Search Console. Например, если разметка или содержимое мобильной версии ресурса отличается от десктопной, то уведомление об этом будет послано вебмастеру еще до ввода mobile-first.

    Как создать сайт самому?

    Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

    Редакция: Команда webformyself.

    Хотите узнать, что необходимо для создания сайта?

    Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

    Google: переход с m. сайта на адаптивный лучше завершить до запуска mobile-first индекса

    2020-6-23 10:54

    На днях представитель Google Джон Мюллер поделился новой порцией советов касательно предстоящего запуска mobile-first индекса. В частности, если планируется переход с m. сайта на адаптивный, то завершить его желательно до запуска нового индекса.

    Причина в том, что сейчас Google не индексирует в полной мере m. сайты. Поисковик аннотирует m. URL, но не индексирует контент. Поэтому, […].

    Обеспечьте адаптивность сайта до запуска mobile-first индекса

    Представитель поисковой системы Google Джон Мюллер поделился новыми советами по поводу широко анонсированного запуска mobile-first индекса. Рубрика: Google internet-technologies.ru »

    Google: переход с m. сайта на адаптивный нужно завершить до запуска mobile-first индекса

    На днях представитель Google Джон Мюллер поделился новой порцией советов касательно предстоящего запуска mobile-first индекса. В частности, если планируется переход с m. сайта на адаптивный, то завершить его нужно до запуска нового индекса. searchengines.ru »

    Партнеры

    Реклама

    Самое свежее

    В США хотят заставить IT-компании вывести пользователей из «пузыря фильтров»

    В Сенате США разработали законопроект, который призван освободить пользователей из «пузыря фильтров». Об этом сообщает The Wall Street Journal. Новый документ под названием «The Filter Bubble Transparency Act» требует, чтобы крупные интернет-компании признали, что используют «непрозрачные алгоритмы» и предложили пользователям возможность просмотра неперсонализированных результатов поиска или контента.

    Google работает над улучшением результатов поиска по запросам на тему здоровья

    Google намерен облегчить поиск медицинских записей для докторов, а также улучшить качество поисковой выдачи по запросам, связанным со здоровьем, в основном поиске и YouTube. Об этом рассказал глава Google Health Дэвид Файнберг (David Feinberg) на медицинской конференции HLTL в Лас-Вегасе, сообщает CNBC.

    В приложении Google News теперь можно видеть новости на двух языках

    Приложение Google News получило новую функцию, которая позволяет пользователям просматривать контент на двух языках. Об этом сообщается в блоге Google. Например, пользователи могут просматривать новости на английском и на хинди — достаточно выбрать соответствующие языки в настройках: При этом Google будет учитывать ранее заданные настройки персонализации, показывая пользователям самые релевантные статьи по интересующим их темам […] Сообщение В приложении Google News теперь можно видеть новости на двух языках появились сначала на Searchengines.ru.

    Google тестирует карусели изображений в блоках локальной выдачи

    Зарубежные специалисты заметили, что Google начал тестировать несколько изображений для компаний в блоках локальной выдачи. В рамках теста фотографии по каждой компании оформлены в виде прокручиваемой карусели: Больше примеров можно посмотреть в Twitter: В текущей версии блока для каждой компании приводится только одно изображение: Напомним, что в июне Google тестировал блоки локальной выдачи, оформленные в […] Сообщение Google тестирует карусели изображений в блоках локальной выдачи появились сначала на Searchengines.ru.

    В результатах поиска Google увеличилось количество сниппетов с видео

    Основатель и директор по продукту Yoast SEO Джуст де Вальк (Joost de Valk) обратил внимание на увеличение количества сниппетов и карточек с видео в результатах поиска Google. Он поднял этот вопрос в Twitter, адресовав его сотрудникам поиска: «Google запустил изменение, связанное с видео-сниппетами? Мы видим карточки и сниппеты с видео в основных результатах поиска для множества […] Сообщение В результатах поиска Google увеличилось количество сниппетов с видео появились сначала на Searchengines.ru.

    Google не планирует добавлять возможность отправки контента напрямую в индекс

    Ранее в этом месяце Bing начал тестировать новую функцию, которая позволяет издателям отправлять контент и HTML напрямую в индекс поисковой системы, что делает ненужным сканирование этих страниц. Во время последней видеовстречи для вебмастеров автор блога Search Engine Roundtable Барри Шварц спросил, планирует ли Google добавить такую функцию.

    В Google возникли сбои в работе нескольких поисковых операторов

    Google разбирается с проблемами в работе нескольких поисковых операторов, на которые жалуются пользователи в Twitter. Об этом сообщает Search Engine Roundtable. Так, сбои наблюдаются по запросам с командами related:, intitle: и inurl:.

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