4 инструмента для создания структуры и прототипа сайта

web-greatpro-digital-blog

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

1. PowerMockup

Платформа: Windows
Бесплатная версия: 30 дней пробного периода

Простой и понятный инструмент для начинающих и тех, кому нравится PowerPoint. В PowerMockup можно создавать несложные прототипы, работая над проектом совместно с коллегами. Если ваш дизайнерский навык пока не слишком прокачан и вы работаете с преимущественно простыми проектами, то PowerMockup – идеальное решение.

Ссылка на сайт PowerMockup

powermockup-web-digital

2. Axure

Платформа: Windows, Mac OS
Бесплатная версия: 30 дней пробного периода

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

Ссылка на сайт Axure

axure-web-digital

3. InVision

Платформа: онлайн
Бесплатная версия: есть

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

Ссылка на сайт InVision

invision-web-digital

4. Marvel

Платформа: онлайн
Бесплатная версия: есть

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

Ссылка на сайт Marvel

marvel-web-digital

А какие инструменты для прототипирования используете вы? Напишите в комментариях. И залетайте в наш Telegram-канал, здесь всегда много полезного. Удачи!

 

Похожие материалы:

Онлайн-инструменты для тестирования сайта

Как будет выглядеть солидный интернет-магазин летом 2020

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

5 интерактивных «помощников» продающего сайта

6 признаков того, что ваш сайт устарел

5 интерактивных «помощников» продающего сайта

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

1. Конструктор заказа

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

pizza-digital-web

2. Калькулятор стоимости

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

3. Онлайн-примерочная

Заказывать одежду или обувь в интернете всегда было занятием довольно рискованным. И если с размером еще можно было более-менее подгадать, то вопрос «подойдет/не подойдет?» открыт вплоть до получения товара и первой примерки. Благо, сейчас есть возможность прикрутить на сайте виртуальную примерочную, чтобы покупатель мог создать свою компьютерную копию для онлайн-примерки или даже «надевать» на себя товар с помощью технологий дополненной реальности.

web-store-digital

4. Чат-бот

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

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

5. Виртуальный тест-драйв

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

Пользователь сам перевоплощается в потенциального грабителя.

digital-blog-greatpro

Пытается найти слабые места в доме.

И тут же видит, почему вариант с ограблением защищенного дома – не лучшая идея.

greatpro-digital-blog

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

 

Похожие материалы:

Что нужно знать о геймификации сайта?

6 признаков того, что ваш сайт устарел

Тренды веб-дизайна 2020

Как влюбить клиента в ваш сайт?

Секреты веб-дизайнера: как добавить сайту солидности

Фантастические чат-боты и где они обитают?

Как будет выглядеть солидный интернет-магазин летом 2020

greatpro-digital-web

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

1. Дизайн

Говоря о любых веб-сайтах, разумеется, первым делом разбираем одежду, по которой их встречают – о дизайне. Летом 2020 в трендах будет дизайнерская сдержанная презентабельность, ключевыми столпами которой являются:

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

2. Адаптивность

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

3. Видео

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

4. Дополненная реальность

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

5. Полезность

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

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

6. Голосовой поиск

Вот, кстати, еще один пример того, почему интернет-магазину важно иметь свой блог. В развитых западных странах уже сейчас около половины всех поисковых запросов делается с помощью голосового поиска. У нас этот формат тоже наращивает обороты. А ведь устные и письменные запросы не совсем схожи. При помощи голоса мы, как правило, задаем более длинные и развернутые вопросы в формате «Как?», «Где?», «Зачем?». Поэтому хороший блог поможет не просесть в плане SEO, ведь предложения такого формата часто присутствуют в заголовках и тексте статей.

7. Дополнительные возможности

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

На этом всё, будем заканчивать. Разбирайте вышеперечисленные пункты на вооружение и делитесь своими мыслями в комментариях. Ну и залетайте в наш Telegram-канал, здесь всегда море полезной информации из мира web-разработки и digital-маркетинга.

 

Похожие материалы:

4 контент-секрета много продающего сайта

Тренды веб-дизайна 2020

Секреты веб-дизайнера: как добавить сайту солидности

Кнопка, на которую нажмут: 5 дизайн-приемов по созданию CTA

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

4 AR-возможности для среднего бизнеса

5 коронных способов обосновать цену на сайте

SEO-тренды 2020 года

Как голосовой поиск повлияет на SEO

Брошенная корзина: 4 железных способа вернуть покупателя

Как влюбить клиента в ваш сайт?

blog-great-pro-digital-web

В этом материале говорим о пятерке факторов, которые влияют на отношение пользователя к веб-ресурса. Начинаем.

1. Юзабилити

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

2. Понятная навигация

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

Критерии хорошей навигации:
• простота и интуитивна понятность;
• контраст, заметность на фоне других элементов;
• доступность на всех страницах.

3. Адаптивная верстка

Несколько лет назад мобильные пользователи интернета количественно обогнали ПК-юзеров и с тех пор лишь наращивают свое преимущество. Если точнее, около 60% запросов в Google делается со смартфонов. Следовательно, мобильную версию вашего сайта будут открывать чаще, чем десктопную. Поэтому сделать классную площадку, но не адаптировать ее под устройства разных размеров – недопустимо. Это не только разочарует львиную долю пользователей, но и здорово снизит поисковые позиции сайта.

4. Нормальная скорость

Среднее время загрузки страниц сайта – 1-3 секунды. Практика показывает, что с каждой следующей секундой ожидания сайт теряет 10-15% потенциальных клиентов. Да, они нашли ресурс, однако не дождались ответа, перешли по следующей ссылке и очутились у конкурентов. Поэтому каждая секунда на вес платины.

Быстро протестить скорость загрузки сайта можно с помощью бесплатного гугловского инструмента PageSpeed Insights. И если результат неудовлетворительный, важно принять нужные меры: сжать изображения (благо, сейчас для этого имеется масса инструментов, например, TinyPNG, Kraken.io, JPEGmini), использовать кэширование, настроить минификацию и включить Gzip-сжатие.

5. Полезный контент

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

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

 

Похожие материалы:

6 признаков того, что ваш сайт устарел

Секреты веб-дизайнера: как добавить сайту солидности

5 главных ошибок при создании сайта

Ускоряем загрузку сайта своими руками

4 ошибки, которые с головой выдают слабого веб-дизайнера

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

5 коронных способов обосновать цену на сайте

blog-web-digital

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

Способ 1. Калькулятор

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

Способ 2. Тарифная сетка

Если специфика бизнеса не предусматривает такой гибкости, чтобы сделать конструктор, важно все равно оставить за клиентом выбор. Проверенная классика – три тарифных плана с подробным описанием каждого из них. Главное, указывать конкретную стоимость пакетов, избегая кнопки «Узнать цену». Ну и продумать название тарифов, потому что набор «База – Стандарт – Премиум» уже приелся.

Способ 3. Дробление

Когда стоимость продукта довольно высокая, можно отобразить ее в каких-то недорогих и простых вещах, которые не особо жалко. Сейчас, например, модно измерять что-либо в чашках кофе, мол, откажитесь от одной порции кофе в день – и купите онлайн-курс бариста. 🙂 Осталось найти, в чем именно будет круто измерить именно ваш продукт: в несъеденных бургерах, невыкуренных сигаретах, невыпитых шотах или в чем-то еще. Главное, чтобы это «что-то» было действительно чем-то совершенно незначительным для клиента.

Способ 4. Окупаемость и выгода

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

Способ 5. Гарантии

Покупателю важно чувствовать, что он владеет ситуацией и может отменить сделку, если что-то пойдет не так. Поэтому нет ничего плохого в том, чтобы гарантировать возврат товара, если клиента что-то не устроит. Естественно, в пределах разумного. По статистике, доля такого возврата в e-commerce не больше 5%. Зато как довод при продажах такие гарантии действуют превосходно.

Бонус. А если цена такая же, как у конкурентов?

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

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

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

Вот такие нехитрые хитрости. А как вы решаете вопрос аргументации цены на своих сайтах? Пишите в комментариях и не болейте.

 

Похожие материалы:

Анатомия landing page: структура продающего текста

Анатомия landing page: что такое надзаг, заг и подзаг?

Анатомия landing page: блок аргументов

Анатомия landing page: аргументация цены

Анатомия landing page: финальный текст

Как использовать интерактивные презентации с профитом для бизнеса?

web-digital-blog

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

Как это работает?

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

В чем польза такой презентации?

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

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

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

А какие еще бизнес-задачи вы решаете с помощью интерактивных презентаций? Напишите в комментариях. 🙂 И до связи!

 

Похожие материалы:

Кнопка, на которую нажмут: 5 дизайн-приемов по созданию CTA

Что такое UX-копирайтинг, зачем он нужен и где этому научиться?

4 ошибки, которые с головой выдают слабого веб-дизайнера

10 заповедей типографики в веб-дизайне

Что нужно знать о геймификации сайта?

Форма входа и регистрации на сайте: советы веб-дизайнеру

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

25 чудо-слов, которые повышают продажи, и 25 слов-табу

digital-greatpro-blog-web

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

Фразы со знаком плюс

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

Активные глаголы

1. Купить
2. Скачать
3. Активировать
4. Подписаться
5. Получить
6. Изучить
7. Присоединиться

Яркие прилагательные

8. Рейтинговый
9. Нескучный
10. Нелишний
11. Неслабый
12. Сильный
13. Пожизненный
14. Престижный
15. Грамотный
16. Доказанный
17. Доверительный
18. Железный

Вовлекающие конструкции

19. Следующий шаг
20. Вы и сами наверняка знаете
21. Наверняка, вам знакома такая ситуация
22. Это останется нашим с вами секретом
23. Хочу вас предупредить
24. И вот в чем фокус
25. Но это еще не всё

Фразы со знаком минус

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

О себе

1. Молодая и динамично развивающаяся команда
2. Высококвалифицированные специалисты
3. Профессионалы своего дела
4. Лидеры отрасли
5. Ведущий производитель
6. Признанный эксперт в данной отрасли
7. Положительная репутация

О клиенте

8. Вы не знаете
9. У вас проблема
10. Индивидуальный подход
11. Специально для вас

О предложении

12. Эффективное решение
13. Максимальный эффект
14. Качественный товар
15. Комплексный подход
16. Приятные цены
17. Выгодное предложение
18. Гибкая система скидок
19. Кратчайшие сроки
20. Качественное решение
21. Последнее слово техники

Общие «пустые» выражения

22. Ни для кого не секрет
23. В 21 веке
24. Многие эксперты
25. Слова с частицей «то» (кто-то, что-то, где-то когда-то, как-то)

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

 

Похожие материалы:

4 контент-секрета много продающего сайта

Анатомия landing page: структура продающего текста

Секреты копирайтинга: как нежно припугнуть, но не запугать читателя?

5 качеств великого копирайтера

Что такое UX-копирайтинг, зачем он нужен и где этому научиться?

Кнопка, на которую нажмут: 5 дизайн-приемов по созданию CTA

CTA-web-digital

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

1. Расположение

Уместно ли размещать СТА на первом экране? Ведь к этому моменту пользователь узнал еще не так много о компании, чтобы тут же сделать покупку. Верно. Но это не повод оставлять главную страницу вообще без призыва. Если кнопки «Купить»/«Заказать» здесь действительно неуместны, то, например, «Узнать больше»/«Скачать презентацию»/«Перейти в каталог» вполне оправданы. Главное, чтобы это никак не отвлекало пользователя от ключевого целевого действия на сайте, а лишь приближало к нему.

2. Форма и размер

Разумеется, как ключевая часть сайта, призыв к действию не должен теряться на странице. При этом важно, чтобы кнопка СТА не была Гулливером на фоне остальных элементов дизайна. Задача – не выделить СТА за счет размера, а не проиграть борьбу за внимание другому контенту. В мобильной версии сайта СТА должен быть таким, чтобы мимо него не промахивались пальцем, то есть не меньше, чем 44х44 пикселя.

Что касается формы, то вечной классикой, конечно же, считается продолговатый треугольник с прямыми или скругленными углами. Но это не значит, что другие формы – табу. Если это действительно уместно, you are welcome. Например, на сайте BoscoFresh используют круглые кнопки СТА, и это смотрится весьма неплохо, правда?

bosco-web-digital

3. Цвет

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

Кроме того, довольно эффективны так называемые «тактильные» кнопки, которым с помощью тени придали эффект выпуклости.

4. Содержание

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

Для этого нужно, чтобы:
— текст был небанальным, простого «Купить» уже недостаточно, лучше использовать фразы типа «Положить в корзину», «Стать меценатом», «Активировать свою скидку 50%»;
— текст интриговал (если это уместно), например, «Узнать размер своей скидки»;
— текст на кнопке не вводил в заблуждение (если это стандартная кнопка «Скачать», желательно добавить на нее еще и то, что именно будет скачано).

office-web-digital

5. Повторение

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

web-campus-digital

campus-web-digital-web

Похожие материалы:

Формула идеального Call to Action

Что такое UX-копирайтинг, зачем он нужен и где этому научиться?

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

Брошенная корзина: 4 железных способа вернуть покупателя

Тренды веб-дизайна 2020

Каким будет хороший сайт в 2020 году?

Неочевидные секреты внешней SEO-оптимизации сайта

web-SEO-greatpro-digital

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

Совет №1. О выборе сайтов-доноров

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

• Тематика. Все просто – чем ближе тема донора теме вашего сайта, тем сильнее будет вес внешней ссылки.

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

• Фильтр АГС. Если на ресурс-донор наложен фильтр АГС, это может привести к бану вашего сайта.

Совет № 2. О скорости размещения ссылок

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

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

Совет № 3. О крауд-маркетинге

Внешняя оптимизация – это не только закупка ссылок на Sape или Miralinks. Можно продвигать сайт и методами крауд-маркетинга, то есть созданием информационных посевов на тематических ресурсах, чаще всего на форумах. Только стоит учесть, что по-настоящему мощный и продуктивный крауд-маркетинг – это «ручная работа» и живое общение, а не бездумная рассылка заранее подготовленного продающего шаблона. А за спам могут и наказать: как администрация форума, так и поисковики.

Совет № 4. Об анкорных ссылках

Значение имеет не только непосредственное наличие ссылки на ваш сайт на внешнем ресурсе, но и текст, в который эта ссылка «вшита». Для наиболее положительного результата важно использовать не только прямые анкоры (состоящие из ключевых слов), но и разбавленные (названием региона или словами вроде «цена», «услуги» и т.д.) или переформулированные. Также периодически допускаются естественные анкоры, состоящие из слов «здесь», «тут», «подробнее» или даже из обычной кликабельной ссылки без каких-либо слов.

Бонус. О естественном продвижении

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

 

Похожие материалы:

11 смертных грехов SEO

С поисковиком на «ты»: гид по индексации сайта

Как голосовой поиск повлияет на SEO

5 обязательных инструментов SEO-специалиста

SEO-тренды 2020 года

Все плюсы и минусы крауд-маркетинга

Оптимизация сайта под социальные сети: 5 принципов SMO

smo

SMO (Social Media Optimization) – это оптимизация сайта под социальные сети. Не путать с SMM. В отличие от последнего, SMO предполагает работу в пределах сайта, не касаясь непосредственного продвижения в социальных сетях, но подстраивая сайт под наиболее тесный контакт с ними. В этом материале говорим о пятерке основных принципов SMO. Погнали.

1. Полезность

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

2. Вовлечение

При этом взаимодействие сайта с социальными сетями не должно быть односторонним. То есть, когда один человек поделился страницей с сайта в своих соцсетях, в идеале, несколько его друзей должны перейти по этой ссылке, правильно? А пробудить в них такое желание призвано описание. Слышали о правиле 5 секунд? Нет, не о том, которым пользуются, уронив еду на пол. 🙂 Правило 5 секунд, которое говорит, что заинтересовать пользователя в соцсетях нужно в течение первых 5 секунд, иначе после этого он просто пролистает к следующей публикации. Это как раз тот самый случай. Описание – это одно-два предложения, которые пользователь видит на странице и которые должны завоевать его внимание.

3. Визуализация

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

Детальнее об этом в материале Дизайнерский гид по работе с соцсетями

4. Структурность

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

5. Простота взаимодействия

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

 

Похожие материалы:

5 способов подружить свой бизнес с Instagram

Встань и иди! Оживляем соцсети с помощью контента

5 способов повысить вовлеченность в соцсетях

8 бесплатных инструментов SMM-щика

5 главных ошибок при создании сайта