Библия интернет-маркетолога - Иван Барчёнков

• не изобретайте велосипед – используйте проверенные технологии;

• особое внимание уделяйте удобству сайта, скорости его загрузки и качеству кода.

Важно помнить: при приеме проекта от разработчиков желательно, чтобы рейтинг каждой из страниц нового сайта, протестированной на вашем сервере, был больше 70–80. Для проверки рекомендую тестировать типовые страницы интернет-магазина:

• главная;

• результаты поиска;

• категория с большим количеством фильтров и товаров без применения фильтра;

• категория с большим количеством фильтров и товаров с применением фильтра;

• карточка товара;

• корзина.

Обратите внимание: когда вы заказываете сайт у фрилансера или в студии разработки, у них в договоре и типовом техническом задании (ТЗ) нет подобных требований. Поэтому при их добавлении вы можете столкнуться с увеличением стоимости работ по вашему проекту.

И последнее, что тоже придется учесть. Сроки разработки сайта сильно зависят от выбранного вами типа CMS, а также от варианта дизайнерского решения – готовый или разработка «с нуля». Некоторые проекты можно создать буквально за пару недель, а некоторые потребуют до полугода.

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

Почему требования для мобильных версий сайтов более строгие? Потому что мобильные устройства сильно отличаются от стационарных:

• меньшим размером экрана;

• меньшим объемом оперативной памяти;

• медленной скоростью соединения;

• другим типом ввода.

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

• долгая загрузка страниц: адаптивные версии сайтов загружаются не дольше одной-двух секунд;

• непродуманный дизайн и некорректное отображение контента: если страницы не помещаются в маленький экран или кнопки меню «наезжают» одна на другую, посетители не будут разбираться, куда и как нажать, поэтому обязательно нужна подстройка дизайна сайта под портативные устройства;

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

• сложные формы заказа или обратной связи: чем меньше строк и обязательных данных в формах, тем лучше;

• ошибки 404: зачастую они возникают при попытке перехода на полную версию сайта.

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

Мобильная версия – это индивидуальный шаблон, который размещается на поддомене вида m.sait.com, по факту – второй сайт. Он снабжается крупными кнопками, специальным выпадающим меню и содержит минимальный функционал. При желании пользователь может перейти на обычную версию сайта. Основное преимущество этого варианта – быстрая загрузка из-за отсутствия объемных данных. Но есть и недостатки. Во-первых, во время перехода чаще всего случаются сбои и ошибки, в результате пользователь уходит совсем. Во-вторых, мобильная версия выглядит слишком скучно и просто и не задерживает посетителей надолго.

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

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

Какую бы версию вы ни выбрали, важно периодически проверять главную и ряд других страниц сайта через сервис Google PageSpeed Insights и вкладку «Проверка мобильных страниц» в «Яндекс. Вебмастер». Вы увидите, как изменяется показатель «качества». В идеале нужно стремиться к значениям выше 70–80.

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

• скорость загрузки на 2G/3G/4G;

• размер шрифта (не менее 12 px);

• видимость всех важных элементов на страницах;

• кликабельность ссылок и номеров телефонов;

• расстояние между интерактивными элементами (не менее 48 px);

• площадь текста по отношению к экрану прокрутки;

• размер и вес аудио, видео, изображений;

• наличие автозаполнения в полях форм.

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

SEO (Search Engine Optimization), а также SEO-продвижение или поисковая оптимизация – это набор действий, которые помогают увеличить «привлекательность» вашего интернет-ресурса в «глазах» поисковых систем. Это обязательный пункт при работе с сайтом, потому что от него зависит, сколько потенциальных клиентов привлечет ваш интернет-магазин.

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

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

Термин «поисковая система» всем знаком – это привычные каждому пользователю интернета «Яндекс», Google, Yahoo, Bing, Baidu и т. п.

Поисковый запрос – слово или словосочетание, которые пользователь вводит в поисковой строке поисковой