Неделю назад мы (мы – это я и Леонид Мелихов) закончили работы по созданию сайта для уголовного адвоката. Сделано было много. Гораздо больше, чем планировалось изначально. Какие-то элементы мы изменили, чтобы улучшить мобильную версию сайта, что-то пришлось корректировать, чтобы не было проблем с законом. Некоторые решения мы считаем уникальными. Получился ли у нас продающий сайт для уголовного адвоката? Уверены, что да. Надеемся, что после прочтения этого кейса у вас сложится такое же мнение.
Коротко о разработке сайта для юриста
Статья будет из 2 частей. В первой я расскажу о нашей работе максимально коротко, во второй будет гораздо больше подробностей. Выбирайте сами, на чем сосредоточиться: основных целях и результатах или нюансах.
Задача
Основная наша задача: разработать сайт для уголовного адвоката, который будет приводить клиентов. Ресурс должен состоять со следующих типов страниц:
- Главная
- Описание услуги
- Контакты
- Выигранные дела
- Описание кейса
- Статья для бога
Отмечу, что это не количество всех страниц, это лишь перечисление типов (форматов) страниц. На сайте должно быть описание нескольких услуг, нескольких кейсов и много статей для блога. Мы создаем шаблоны, на их основе можно публиковать нужное количество страниц.
Другие задачи: подбор семантики, написание и публикация текстов на основные страницы (не включая блог).
Как мы решили все реализовать?
Сайт будет на CMS WordPress. Мы выбираем несколько хороших (по объективным признакам: количество положительных отзывов, репутация разработчиков, совместимость с плагинами, адаптация для различных браузеров и т.д.) премиум-тем, клиент из этих нескольких выбирает уже одну. На ее основе мы создаем дочернюю тему с уникальным (хотя похожим на демо-версию темы) дизайном.
Какой сайт уголовного адвоката получился в итоге?
У нас получился сайт с…
1. Мощной главной страницей:
2. Страницами услуг (сделаны на основе главной, но элементов меньше, функционал проще, поэтому грузятся заметно быстрее).
3. Страницей, где собраны все кейсы:
4. Страницей с контактами (на которой добавлена интерактивная карта с указанием адреса офиса):
Обратите внимание, что указатель на карте, где находится офис адвоката, сделан в виде логотипа. Это чуть усложнило и удлинило работу, но того стоило.
5. Страницами с описанием кейсов:
6. Страницы со статьями:
Важные нюансы готового проекта
- Максимум удобных способов для связи на сайте: кликабельный номер телефона в прехедере и футере, кликабельный Email (при нажатии сразу открывается почтовый клиент), возможность связаться через мессенджеры (кнопки в прехедере), заметная форма обратной связи.
- Основа дизайна – реальные фотографии клиента. Это убедительно, это внушает доверие и располагает. Но еще это невероятно сложно верстать. Нелегко сделать так, чтобы фотография выглядела одинаково хорошо на ПК и на смартфоне. Тем не менее, нам это удалось.
- Так как клиент любит и умеет рассказывать о своей практике, мы особое внимание уделили блогу. Учли почти все нюансы, о которых я детально рассказываю в статье о структуре блога: еще на этапе дизайна продумали оформление заголовков разных уровней, списков, цитат, таблиц, ссылок; все версталось с учетом отображения на разных мобильных девайсах; внизу каждого поста мы добавили блок с формой для заказа и блок для оценки статьи читателями; добавили блок автора (это очень важно, так как статьи пишет настоящий практикующий адвокат, а не копирайтер с брижи, и потенциальные клиенты должны об этом знать!); сделали процесс добавления новых статей максимально простым (почти все форматирование переносится из Ворда).
- Тщательная продуманная работа над мобильной версией каждой страницы. Смотрели как выглядит каждая фотография, уменьшали и двигали кнопки и другие элементы, чтобы хорошо смотрелось и удобно нажимать, думали, что можно убрать, чтобы ускорить загрузку и т.д. И так во время работы над каждой страницей.
Подробное описание работы над созданием сайта для уголовного адвоката
Содержание:
- Маркетинговый аудит – как первый этап разработки сайта
- Сбор семантического ядра для сайта уголовного адвоката
- Почему CMS WordPress?
- Дизайн сайта уголовного адвоката
- Продающие SEO-тексты для продвижения услуг уголовного адвоката в интернете
- Нюансы верстки
- Форма обратной связи
- SEO при разработке сайта уголовного адвоката
- Главные недостатки проекта
Маркетинговый аудит – как первый этап разработки сайта
Мы исследовани нишу, изучили конкурентов, выписали моменты, которые понравились нам и которых, на наш взгляд, не хватало у конкурентов.
Что это нам дало?
- На многих сайтах уголовных адвокатов раздел с кейсами, мягко говоря, не совсем в порядке. Часто об успешных делах говорят только сухие цифры: столько-то дел выиграл, столько-то денег сэкономил, столько-то клиентов остались благодарны. Иногда можно встретить короткие описания в стиле: человек обратился с такой-то просьбой, мы смогли эту просьбу быстро и качественно выполнить. Мы решили, что наши кейсы будут в виде понятных, человеческих рассказов. Коротко, но с подробностями написать о том, что грозило клиенту, какую работу провел адвокат и как все завершилось в итоге. Обязательно надо описывать, как адвокат строил защиту. Не просто как в сказке: грозило 10 лет, а отделался штрафом. Нет. Надо написать, как наш клиент работал со свидетелями, медэкспертами, дознавателями. Пример такого рассказа тут.
- После маркетингового анализа мы добавили/изменили немало мелких, но важных деталей. Например, решили называть раздел с кейсами не «Кейсы» и не «Портфолио», а «Выигранные дела». Так выглядит сильнее, убедительнее и вызывает больше желания кликнуть и изучать подробнее, что находится в разделе.
- На некоторых сайтах конкурентов на первом экране я заметил кнопки для связи через мессенджеры. Раньше я думал, что достаточно телефона, Email’а и формы. Связь через мессенджеры – это хорошо. Но это, как бы странно ни выглядели мои слова, слишком просто. Когда речь идет о таком сложном и не самом дешевом продукте, как услуги уголовного адвоката, не надо гнаться за всеми заявками. Чем сложнее и дороже, тем тщательнее следует фильтровать входящий трафик. Один из таких фильтров – подходящие способы связи. Когда я продавал другие сложные дорогие услуги, оказывалось, что например чат, только отвлекает ресурсы компании. Из-за него было много нецелевых заявок. После коллективного обсуждения кнопки мессенджеров решили оставить. Все-таки уголовный адвокат часто нужен срочно. Посмотрим на эффективность решения через несколько месяцев.
Сбор семантического ядра для сайта уголовного адвоката
Работа была сделана по моей стандартной не раз проверенной инструкции для сбора семантики.
Основной инструмент для сбора ключей – SerpStat. У него есть базы не по всем городам России, но, к счастью, по Санкт-Петербургу база имеется.
Документ с готовым семантическим ядром выглядел вот так (зеленым я выделял наиболее перспективные ключи с точки зрения SEO):
Почему CMS WordPress?
Одна из главных причин, как уже было сказано выше – простая удобная административная панель для добавления новых постов в блог. Если бы мы реализовали проект на супербыстрой и супермощной, но редкой экзотичной CMS, клиент бы не смог сам добавлять статьи и даже контент-менеджера найти для этой задачи было бы нелегко.
Во время работы мы предусматривали десятки, если не сотни таких мелочей. Чтобы не «поскорее сдать и забыть», а чтобы сайт без проблем, без лишних вложений и без привлечения лишних людей приводил клиентов еще не один год.
Дочерняя тема на WordPress – лучший, на мой субъективный взгляд, способ сделать сайт, который, во-первых, будет содержать все важные элементы, во-вторых, благодаря постоянным обновлениями, будет оставаться безопасным и быстрым, и, в-третьих, дочерняя тема позволяет создать практически уникальный дизайн без лишних хлопот (потому что уже есть основа, каркас, идея).
В качестве основы для нашей дочерней темы мы выбрали решение Oconnor:
На несколько сотен продаж ни одного негативного отзыва, полностью респонсивная, адаптирована под самые популярные браузеры, довольно часто выходят обновления, Retina Ready для красивого отображения на iPhone’ах, разные варианты отображения страницы блога и т.д.
Дизайн сайта уголовного адвоката
Специально для этого проекта мы искали нового дизайнера.
Вот такую задачу мы поставили:
Поиск проходил долго и тяжело. Детально описывать этот процесс не вижу смысла. Основная проблема та же, что и при поиске практически любого специалиста из сферы интернет-маркетинга – на рынке невероятно много ребят, которые считают себя бизнесменами и творцами, а не ремесленниками, четко выполняющими задачу. Процентов 80 специалистов, с которыми мы общались и предлагали сделать тестовое (оно оплачиваемое!), вообще не обращали внимания ни на тему, ни на наш подготовленный текст (ссылки на них были в техническом задании). Дизайнеры хотели делать с нуля, как они видели.
Скриншот окончательного варианта дизайна вы видели в начале поста. Вот так выглядел первоначальный вариант, который мы приняли, но потом все равно вносили десятки правок (в основном по просьбе клиента):
Так выглядел один из вариантов, которые не подошли (хотя мы оценили старания, удачные решения и оплатили их):
Продающие SEO-тексты для продвижения услуг уголовного адвоката в интернете
Все тексты писались в тесном взаимодействии с клиентом. Мы брали статьи (например, о нанесении телесных повреждений) и расспрашивали адвоката:
- Что происходит с человеком, которого обвинили в нанесении телесных повреждений?
- Что нужно делать в первую очередь, если вас обвинили по статьям о нанесении телесных повреждений?
- Как отличить хорошего уголовного адвоката от плохого?
- Что делать, если вам, обвиняемому, предлагают помощь «представители государства»?
- Можете подробно рассказать о нескольких случаях из вашей практики, когда вы грамотно выстроили защиту по статьям о побоях?
На основе ответов на вопросы и собранной семантики писались тексты.
Отмечу, что потом тексты не раз дорабатывались. Все дело в федеральном законе «Об адвокатской деятельности», который, помимо прочего, запрещает публикацию информации с критикой других адвокатов, а также (подсказывает Леонид Мелихов, который много лет специализируется на продвижении услуг юристов) в «акте Федеральной палаты адвокатов (ФПА)». ФПА запрещает адвокатам публиковать проценты выигранных дел, так как это замаскированное обещание результата, а адвокатам нельзя обещать положительный результат.
Нюансы верстки
Я уже говорил о главной проблеме во время верстки – основа сайта фотографии.
Многие дизайнеры и верстальщики, кстати, отказывались работать с сайтом из-за фотографий, хотя мы в итоге и нашли подходящих специалистов.
Небольшой пример.
Так изначально выглядел футер в мобильной версии:
Так он выглядит сейчас:
Думаю, даже не все заметили, в чем проблема и есть ли вообще проблема. Я считаю, что есть (точнее была). Когда иллюстрация перекрывает лицо, это вызывает неприятные отталкивающие эмоции. Такое надо править. Вот мы и исправили.
Форма обратной связи
Два нюанса, на которые я бы хотел обратить внимание:
1. После отправки заявки потенциальный клиент попадает на страницу с благодарностью. Мы ее оформили вот так:
Это еще одна приятная мелочь, но, как я уже не раз отмечал, из десятков таких мелочей состоит эффективный продающий сайт.
2. Заявки с формы приходят сразу на 2 email-адреса, которые расположены на разных почтовых серверах. Таким образом мы минимизировали процент попадания заявки в СПАМ. Подобная настройка занимает не более нескольких минут. К сожалению, мой опыт говорит, что огромному количеству разработчиков жалко и этих 2 минут. Довольно часто бизнесмены теряют деньги из-за неправильно настроенных форм.
SEO при разработке сайта уголовного адвоката
Хотя оптимизация – основная моя специализация, на этом проекте не были предусмотрены ресурсы на полноценное SEO. Мы выполнили все, что было в договоре:
- Собрали семантическое ядро для основных страниц
- Написали тексты на основе собранной семантики
- Закрыли от индексации ненужные страницы
- Добавили сайт в Яндекс.Вебмастер
- Добавили на сайт Яндекс.Метрику
- Прописали для страниц мета-теги
- Сделали внутреннюю перелинковку
- Установили и настроили безопасный протокол HTTPS
О результатах пока говорить рано, хотя видно, что начало положено правильное:
- Все продающие страницы в индексе Яндекса. Причем попали туда практически сразу после открытия сайта для индексации.
- Сайту сразу дали нужный регион (Санкт-Петербург).
Главные недостатки проекта
Главный минус, который вижу лично я, – не стоило покупать тему и делать сайт на ее основе. В большинстве случаев дочерняя тема – подходящий вариант. Но у нас (мы поняли это слишком поздно) было слишком много правок, доработок и нововведений. От изначальной задумки разработчиков Oconnor не осталось почти ничего. Как вы понимаете, править всегда дольше и дороже, чем делать с нуля. Мы добились результата, который планировали, но при заметно больших вложениях ресурсов, чем рассчитывали.
P.S. В кейсе нет адреса сайта. Несколько причин, почему так: 1. Я хочу запечатлеть проект именно в этом состоянии. Судя по всему, будут еще какие-то изменения, улучшения, хотя сейчас, на мой взгляд, он максимально соответствует тому, что мы задумали. 2. Тут и в других моих статьях более чем достаточно информации, чтобы самостоятельно найти сайт в поиске. 3. Не хочу, чтобы коллеги, прочитавшие кейс, проверяли форму, что-то еще на сайте, и клиенту приходилось отвечать на заявки-пустышки. Подобное бывало. С такими темпами, придется вообще прекратить публиковать детальные кейсы (что крайне нежелательно). 4. Если уж очень хочется узнать адрес, а найти в поиске нелегко, напишите мне, я пришлю личным сообщением. Не люблю и не хочу секретов, но опыт говорит, что некоторые проекты нужно чуть ограничить от нежелательного внимания.
Update 24.10.2019 (через полтора месяца после публикации основного кейса)
Сейчас сайт в ТОПе Яндекса (регион: Санкт-Петербург) по десяткам низкочастотных запросов (некоторые из них вы видите на скриншотах нише). Практически все запросы целевые (то есть они приводят на сайт людей, которые реально заинтересованы в услугах адвоката, а не просто хотят что-то почитать о криминалистике). Точно знаю, что за последний месяц было около 10 заявок (заявки мы отслеживаем, но когда сразу звонят, а не пользуются формой для связи, нет уверенности, что это результат нашей работы, поэтому «около 10») и один успешный заказ. Клиент не отчитывался, сколько заказ принес ему денег, хотя на скриншотах выше есть цены на его услуги. Судя по всему, один этот заказ окупил вложения в разработку сайта и начальную оптимизацию.
Загрузка...