Михаил Боде - Раскрутка: секреты эффективного продвижения сайтов

• подробная комплектация;

• информация о гарантии;

• указание страны дизайна и страны — производителя;

• упоминание о наличии сертификатов РСТ;

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

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

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

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

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

В качестве примера приведем два разных дизайна. Один из них – дорогой, что способствует увеличению продаж. Другой – более скромный, но тем не менее обеспечивающий хорошую конверсию. В первом случае речь идет о промостранице Google известного смартфона Galaxy Nexus (h p://www.google.ru/nexus/). Во втором – о продаже экстрима и развлечений для любителей полетать (h p://www.nebo — v — podarok.ru/). Как легко заметить, оба приведенных примера показывают грамотную, клиентоориентированную реализацию посадочных страниц.

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

Несомненно, в значительной степени повлиять на качество посадочной страницы способны лишь специалисты, оказывающие услуги A/B — тестирования и eye-racking, проводящие консультации по юзабилити. Но эти дорогостоящие методы не всегда доступны на первых порах развития бизнеса. Профилактическое повышение конверсии своими руками с помощью несложных приемов – первый, но большой шаг к дальнейшему росту и «прокачке» ресурса ради выхода на качественно новый уровень продаж.

На смену HTML4, стандартизированному в 1997 году, пришла пятая версия языка гипертекстовой разметки. Многие специалисты, не сговариваясь, нарекли ее не продолжением прежних, а абсолютно новой платформой. Ее неоспоримое преимущество заключается в том, что в ней реализация различных технологий, которые ранее были доступны лишь через дополнения сторонних разработчиков (Java, Air, Flash), осуществляется средствами самого языка разметки. Отсюда возможность писать простой и удобный код для создания функциональных сайтов.

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

Отказ от использования специальных надстроек сторонних разработчиков для внедрения дополнительной функциональности на сайте (например, просмотра видео) позволяет пользователям без установки плагинов получать доступ к любому типу контента. Между тем по части графических возможностей приложения, созданные на языке HTML5, ничуть не уступают в качестве другим популярным на сегодняшний день, включая Adobe Flash Player.

HTML5 совместим с большинством известных браузеров. Дело в том, что его разработчики не задавались целью получить на выходе революционный продукт. В его основе лежит привычный нам язык разметки HTML4, и он полностью поддерживает все элементы форм четвертой версии и в дополнение к ним включает новые. Даже если какой-то из наименее популярных старых интернет-обозревателей, например Internet Explorer 6, не будет способен адекватно отразить новые технологии пятой версии, он корректно отработает понятную ему гипертекстовую разметку четвертой версии. Специально для браузеров-«пенсионеров» обеспечена поддержка привычных технологий типа Flash или Java.

Главным новшеством в HTML5 применительно к SEO стало изменение структуры страницы. Прежде для сегментации страницы использовался тег div, причем каждая отдельная часть не несла конкретной смысловой нагрузки. Отныне возможна разбивка страницы на элементы с определенным значением. Например, теги header, sidebar, article и footer служат для выделения хедера, навигационного блока, основного текстового блока и футера соответственно.

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

Каждый тег несет особую информационную нагрузку в расчете на поисковую машину:

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

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

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

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