Google vs 1C - Битрикс, или как удовлетворить Google Mobile-Friendly Test и PageSpeed Insights средствами 1С-Битрикс

Другие статьи

17/11/2017

Яндекс Метрика: если не работает плеер вебвизора

При попытке открыть плеер вебвизор в Яндекс Метрике - открывается новое окно, в котором отображается ваша страница, а посерёдке надпись "Невозможно воспроизвести посещение"

читать далее

25/10/2017

Какой сервис колл-трекинга выбрать?

Каждый предприниматель понимает, что повышение конверсии является одной из приоритетных задач развития своего интернет-проекта. Неоценимую помощь в изучении потока входящих звонков сегодня оказывают сервисы «call tracking». До появления новой технологии получать информацию о пользователях приходилось при помощи телефонных опросов.

читать далее

28/09/2017

Оптимизация под Google Page Speed. Инструкция для профессионалов.

На сегодняшний день SEO ранжирование страницы зависит от нескольких сотен показателей, однако скорость загрузки вашего веб-сайта для поисковиков — один из главных показателей. В этой статье мы расскажем вам о том как улучшить свои показатели в самом популярном сервисе по тестированию скорости сайта — Google Page Speed.

читать далее

19/09/2017

Адаптация сайта под мобильные устройства

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

читать далее

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

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

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

pic1-stat.jpg

Синий график показывает обвал поискового трафика из Google.

Что же требует Page Speed Insights и какие цели преследует? С точки зрения пользователей, требования Google просты:

  1. Корректно, удобно отобразить страницу для мобильного устройства
  2. Хорошая скорость загрузки первой видимой части страницы

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

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

Итак, как определить дружественен ли ваш сайт мобильным устройствам и как сделать его дружественным, если он не дотягивает по оценкам Page Speed Insights. Google предлагает для оценки несколько инструментов:

  1. Mobile-Friendly Test - http://g.co/mobilefriendly

    сервис анализирует 1 страницу, проверяет ее на:

    • настройку тега viewport, отвечающего за область видимости и масштабируемость страницы
    • размеры шрифтов, они должны быть хорошо читаемыми на мобильном устройстве, Мобильные разработчики рекомендуют 16px как основной размер шрифта сайта
    • размеры активных (кликабельных) элементов, расстояние между ними. По рекомендациям Андрея Липатцева минимальный размер самого элемента - от 10мм, расстояние 5-7мм, адекватное межстрочное расстояние.

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

  2. Google Webmaster Tools http://goo.gl/TA2AFV

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

  3. Google Page Speed Insights

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

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

Вниманию вебмастеров, чьи сайты работают на 1С-Битрикс!

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

pic2-stat.jpg

А теперь рассмотрим инструменты 1C - Битрикс управление сайтом и как с их помощью сделать сайт mobile-friendly, удовлетворив требования Google Page Speed Insights.

Остановимся подробнее на каждом пункте требований теста и на решении задачи.

  1. Первый и главный пункт в решении задачи оптимизации страниц под мобильный и десктопные браузеры, конечно, поддержка технологии композит от 1С-Битрикс, которая сама по себе ускоряет сайт в разы. Так же используйте новый инструмент от Битрикс - "скорость сайта", который так же укажет на проблемы ускорения.
  2. Перенести JavaScript в конец страницы, сжать JS и CSS файлы.

Требование призвано ускорить загрузку первого экрана страницы, контент грузится и отдается пользователю раньше скриптов. Битрикс ввел настройку "Переместить весь JavaScript в конец страницы" и в купе с уже имеющимися опциями "Объединить JS, CSS", "сжать JS, css" мы полностью удовлетворяем этому требованию Google Page Speed Insights, просто проставив галочки в настройках главного модуля проекта.

pic3-stat.jpg

95% скриптов после переноса останутся работоспособными, но бывают ситуации, когда нужно запретить перенос скрипта вниз страницы. Запрет на перенос задаем атрибутом data-skip-moving="true"

pic4-stat.jpg

1) В работе инструмента есть несколько нюансов

2) Оптимизация CSS и JS

pic5-stat.jpg

3) Оптимизация изображений.

Много баллов в глазах Google Page Speed можно потерять при размещении тяжелых картинок на сайте, к тому же, отображенных в небольшом размере. Обращайте внимание, оптимизируйте.

pic6-stat.jpg

Можно использовать сторонние ресурсы, но 1С-Битрикс предлагает встроенный инструмент, решающий проблему. При включении CDN для вашего сайта и установленной галочке - оптимизировать ресурсы, изображения будут отдаваться CDN в оптимизированном виде, не требуя предварительной обработки. Кроме того CDN оптимизирует файлы JS и CSS.

pic7-stat.jpg

Еще об оптимизации

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

Ну а если решились, то внедряйте на своих проектах:

Что нужно для победы

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


Наталья - руководитель отдела разработки интернет - агентства "Артрикс"

Возврат к списку

Заказ расчета

Это обязательное поле
Это обязательное поле
* - поля обязательные к заполнению
Нажимая на кнопку «Заказать»,
Вы соглашаетесь на обработку персональных
данных
ЗАКАЗАТЬ