Киндер-сюрприз

Базовое требование при разработке сайта для успешного SEO — дальнейшая масштабируемость.

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

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

Ярким примером несоблюдения этого базового требования, стал один из наших последних проектов. Клиент пришел с сайтом на движке WordPress. Казалось бы, идеальный движок для SEO и проблем быть не должно, НО:

▪️ Сайт представлял из себя набор статических страниц, которые никак не интегрированы в WordPress. То есть, чтобы добавить изменения на страницу, нужно редактировать исходный код сайта.
▪️ Верстка сделана криво, потому что сайт переносили с платного конструктора, а не верстали с нуля. С этой версткой новой программист не может работать, потому что ему легче переделать все, чем разбираться в тоннах мусорного кода.
▪️Текст нельзя было редактировать. Мы не могли обозначить заголовки, выделение жирным, курсивом, вставлять таблицы.

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

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

Мораль истории:

▪️ Для предпринимателей. Нанимайте консультанта (SEO-специалиста, маркетолога), который спроектирует сайт перед разработкой и подготовит техническое задание. Он же проверит работу подрядчиков.

▪️ Для специалистов. Я не понимаю тех, кто работает по принципу «После нас хоть потоп». Налепил херни, получил деньги, а дальше вообще все равно, что будет с проектом.

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

#SEO #разработкаСайта

Как сделать посадочную страницу? [17 практических советов + чек-листы]

Посадочная страница в SEO — это основная боевая единица сайта. Она добывает трафик из поиска.

Мы подготовили ultimate-гайд по созданию посадочных страниц. В него вложен практический опыт 4-ех лет разработки посадочных для разных сайтов, начиная от информационных и заканчивая интернет-магазинами.

Изучив этот гайд, вы сможете:

▫️Подобрать список ключевых фраз
▫️Провести конкурентный анализ
▫️Составите портрет идеального посетителя
▫️Определить концепцию страницы
▫️Поставить задачи разработчикам и дизайнерам
▫️Ускорить индексацию
▫️Улучшить уже существующую посадочную

А также получите:

▪️Полезные инструменты для сбора семантики, прототипирования сайтов, сбора идей
▪️Чек-листы для проверки SEO-тегов

⚡️Делитесь материалом с коллегами!

#посадочная #разработкаСайта #SEO

Как спроектировать форму заявки на лендинге

Осторожно: в некоторых сферах слишком простая форма, наоборот, может отпугнуть. Но в целом не стоит делать из формы заявки сбор полных анкетных данных — имени и телефона/email обычно достаточно.

#ХорошоПлохо #посадочная #разработкаСайта #конверсияТрафика

​Как превращать посетителей сайта в клиентов?

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

В новом видео я расскажу о том, как настроить этот аппарат и отвечу на следующие вопросы:

▪️Что написать на кнопке отправки заявки?
▪️Как оформить поля для заполнения данных?
▪️Чего точно не должно быть в форме заявки?

#видео #разработкаСайта

​Как не потерять деньги на переделке сайта?

Типичная история из нашей практики

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

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

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

Вы узнаете:
▫️На какие вопросы нужно дать ответы прежде, чем приступать к разработке сайта
▫️Кого обязательно нужно привлечь к этапу проектирования
▫️Что общего у строительства дома и создания сайта
▫️7 ролей в команде разработки

Переходите смотреть видео по ссылке —>

#видео #разработкаСайта #SEO

Как спроектировать оформление заказа в корзине

Если очень нужно, можно добавить чекбокс вроде «Зарегистрироваться для следующих покупок». Но лучше объяснить, зачем — например, зарегистрированные пользователи могут отслеживать заказы и получать документы на почту.

#ХорошоПлохо #eCommerce #разработкаСайта #конверсияТрафика

​Зачем нужно проектирование сайта перед разработкой? — новое видео уже на YouTube

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

Почему так произошло?
— Не были произведены геологические исследования почвы
— Не были подготовлены проект дома и технологическая карта
— Не был заложен фундамент дома

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

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

Этого можно было бы избежать, сделав предварительное «Проектирование сайта», на котором:

— Разбираются цели и задачи сайта;
— Прорабатывается портрет целевого клиента;
— Прорабатывается презентация услуг или товаров;
— Подготавливаются прототипы и технические задания для дизайнеров и разработчиков,.

Это тот самый фундамент, который надо заложить перед разработкой.

Чтобы было наглядней в новом видео, мы смоделировали 1 год из жизни двух проектов:

1. На котором делалось предварительное проектирование
2. На котором не делалось предварительное проектирование

#видео #разработкаСайта

Дайджест материалов по тегу: «Разработка сайта»

Теги в Телеграм-канале — это средство навигации. Если нажмете на какой-нибудь тег в посте, то Телеграм сделаем поиск в рамках данного канала (не глобальный поиск по всем каналам и чатам, как в Instragram или VK). Поэтому на этом канале в постах мы ставим теги: обычно в конце сообщения, но бывают и в начале. Используйте их, чтобы находить все посты по интересующей теме.

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

Основы создания сайта/общие гайды:
▪️Видео «Как сделать продающую посадочную страницу?»
▪️Лонгрид «Как сделать посадочную страницу?»
▪️Разработки сайта — этапы и специалисты
▪️Зачем нужно проектирование сайта перед разработкой?
▪️Структура сайта для SEO-продвижения
▪️Как не надо разрабатывать сайт
▪️Почему сайт не продает?
▪️Карточки «Как повысить конверсию посадочной?»

Перед началом разработки:
▪️ Чек-лист: «Как предпринимателю подготовиться к разработке и продвижению сайта?»

Советы по отдельным элементам страницы:
▪️ Как сделать продающий первый экран сайта
▪️ Делаем правильную форму заявки (CTA) на сайте
▪️ Хорошо/Плохо: «Как спроектировать форму заявки на лендинге»
▪️ Хорошо/Плохо: «Как спроектировать оформление заказа в корзине»
▪️ Как сделать «Блок отзывов»

#навигация

​Зима близко... Поэтому самое время разобраться, как правильно оформить шапку на своем сайте.

В видео вы узнаете:
▪️ Элементы шапки для сайта услуг и интернет-магазина
▪️ Разбор мобильных версий
▪️ Разбор антипримеров

#видео #разработкаСайта

Кейс «Как мы запускали интернет-магазин товаров для электросамокатов — от идеи до первых заявок с SEO»

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

В кейсе рассказали о разработке интернет-магазина на движке OpenCart от проектирования до индексации. История рассказана не в стиле: «А, Б, В — успех». Тут мы описали пять этапов разработки, по ходу затронув провалы и ошибки (их было немало), так как в них заключены наиболее ценные уроки.

Этапы, которые мы прошли:
➜ Подготовительный этап
➜ Проектирование
➜ Дизайн
➜ Программирование (фронтэнд и бэкэнд-разработка)
➜ Наполнение товарами и SEO

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

Подробнее по ссылке ➜

#кейс #разработкаСайта #SEO

Если есть только два варианта, красивенький или удобненький, лучше удобненький. ☺️

#ХорошоПлохо #разработкаСайта

​Видеозапись эфира «Алгоритм создания продающей страницы сайта»

▫️Рассмотрели 5 этапов разработки продающей посадочной страницы
▫️Разобрали 4 примера наших посадочных страниц
▫️Ответили на вопросы из зала.

Смотреть видео ➜

P.S. Завтра в 19-00 пройдет следующий эфир. Анонс темы будет в первой половине дня, так что добавляйте событие в календарь.

#эфир #разработкаСайта #видео

Правильный фокус при разработке сайта

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

Главный вопрос, который нужно задать для этого – «Что мы кладем в центр?».

Можно положить в центр маркетинговые техники, приемы, фишки: «Ребята, тут есть крутая технология AIDA для создания заголовка, давайте её используем!». Но в этом случае мы можем упустить из виду итоговую задачу. Сайт не будет продавать, хотя мы сделали все так, как говорят крутые маркетологи. Они, получается, шарлатаны?

Нет, просто в центр нужно класть «потенциального клиента и решение его проблем». Фишки и приемы безусловно нужны и работают, но без этого центра, они могут быть бесполезны.

Как только в центре оказывается «клиент», все технологии и фишки начинают фокусироваться вокруг одной общей цели «Сделать хороший сайт для потенциального клиента». Это и есть рецепт.

Приведу примеры, как работает смена фокуса. Это игра, вы можете сами подумать, а потом открыть верный ответ:

▫️Покрасим кнопочку в красный цвет, ведь красный цвет точно заставит человека кликнуть ➜ Покрасим кнопочку в красный цвет, а может и увеличим размер, ведь так она будет более заметна и клиенту не придется её искать

▫️Сделаем калькулятор потому что у конкурентов он есть, нам тоже нужно ➜ Сделаем калькулятор, потому что он важен клиенту для выбора и продумаем его так, чтобы было удобно пользоваться

▫️Сделаем оффер по системе 4U, потому что это рабочая технология, которую придумали маркетологи ➜ Сделаем оффер по системе 4U, потому что в таком виде он даст больше информации и ясности клиенту

▫️Сделаем запись на стрижку с формой в WhatsApp, потому что мне там удобнее принимать заявки ➜ Сделаем запись на стрижку с той формой, которую удобнее будет отправить клиенту

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

▫️Напишем текст в духе «наша компания 150 лет на рынке», главное что солидно смотрится ➜ Напишем ясный текст, чтобы клиент четко понял наше предложение и у него не осталось вопросов

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

#РазработкаСайта

​Шумы и сигнал

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

— Что сейчас сказал главный герой?
— Я тоже не услышал…

Аналогичная ситуация и с рассказом о продукте: на сайте, в рекламных материалах, рассылках.

Сигнал — это суть вашего предложения. Шум — всё, что отвлекает от главного. Если шума слишком много, то сигнал будет искажен и не понятен.

К шуму на посадочной странице относится следующие элементы.

1. Непонятный язык

Профессиональная терминология,
Сложные метафоры,
Шутки, которые понятны только узкому кругу людей.

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

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

Пример

Наш клиент — маркетолог. Используем слова:

▫️Лиды
▫️Трафик
▫️CPL
▫️Рисерч

Наш клиент — предприниматель. Меняем профессиональные термины на более простые формулировки:

▫️Лиды ➜ Заявки
▫️Трафик ➜ Посетители сайта
▫️CPL ➜ Цена одной заявки
▫️Рисерч ➜ Анализ

2. Неверно расставленные акценты

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

За счёт подобных приемов суть предложения быстро улавливается.

Для примера взгляните на оформление этого поста: он разбит на небольшие абзацы, есть главный заголовок и подзаголовки. Мельком изучив его за 5-10 секунд можно понять о чем он.

3. Отсутствие визуального ряда

Хорошая презентация — не простыня текста, а визуальный рассказ, который ясно показывает ценность продукта.

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

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

4. Лишние детали

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

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

*****

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

Если нужна помощь в этом, то знаете куда писать @Webengineer

#разработкаСайта

​50% продающих свойств сайта закладывается на этапе прототипа

Главное в лендинге товара или услуги — количество и качество заявок, которое он приносит бизнесу.

Чем больше заявок, тем лучше

Сколько посетители оставляют в среднем заявок на сайте: 1 заявка на 100 посетителей, 3 на 100, 10 на 100?

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

Главное для высокой конверсии

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

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

Модный дизайн, аккуратный программный код и различные уловки вроде «через 60 минут скидка сгорает» имеют значительно меньшее влияние на решение о том, стоит ли оставлять заявку на этом сайте.

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

С чего начать

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

Прототип — чертёж, который команда разработки затем воплотит в жизнь. Его создает маркетолог: продумывает, как выстроить презентацию продукта, как управлять вниманием пользователя на странице, как продемонстрировать то, что получит клиент и как замотивировать его для нажатию заветной кнопки: «Оставить заявку».
Сделать сайт без прототипа, как сделать дом без проекта. Можно, но работать будет плохо.

Резюме

➜ Лендинг, как мастер продаж должен проявлять заботу и уважение к клиенту и великолепно знать свой продукт.

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

➜ Разработка сайта начинается с разработки прототипа.

#разработкаСайта