Кейс: разработка юридического сайта. От фирменного стиля до продвижения в ТОП!

Разработка юридического сайта необходима юристам, которые планируют продвижение в интернете. Разработка юридического сайта может быть двух видов: одностраничный Лендинг и многостраничный продающий сайт. Первый вариант подходит тем юристам, кто хочет использовать исключительно контекстную рекламу. Второй — тем, кто планирует SEO и контент-маркетинговое продвижение.

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

Задача — разработка юридического сайта для привлечения клиентов юридических лиц (B2B)

К нам обратилась юридическая компания «Шмелева и Партнеры». В состав команды входят доктора и кандидаты юридических наук с практическим опытом от 10 лет. Им в принципе не интересно работать с физическими лицами.

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

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

Лендинг (одностраничник), в данном случае, не подходит. Так как его продвижение невозможно через SEO. А завязывать все только на рекламе нельзя. Ведь клиент хотел стать не просто рядовым юридическим агентством, а приобрести известность и работать с интересными и сложными юридическими вопросами.

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

Очень важно делать SEO оптимизацию перед добавлением сайта в поисковые системы, а не в процессе его непосредственной индексации. Как говорят: «первое впечатление самое верное». Видимо тот же принцип работает и для поисковых алгоритмов Яндекс и Google. Этот вывод мы сделали на основании 5-летнего опыта продвижения клиентов.

На момент добавления в поисковики сайт уже должен иметь:

• правильную разметку Shema и Opengraph;
• прописанные теги: H1, title, description, keywords;
• валидный код сайта без ошибок;
• адаптивную верстку и логичный дизайн;
• разработанную структуру текста в определенном процентном соотношении основных и разбавочных ключевых запросов;
• быструю скорость загрузки, желательно до 3 секунд на десктопных устройствах;
• навигационную систему XML, которая будет экскурсоводом для приглашенного поискового робота;
• написанный свод правил robots.txt, доступный для чтения роботам всех поисковых систем;
• правильно настроенный сертификат SSL для соединения по протоколу HTTPS и защиту от вирусов;
• настроенные редиректы «зеркал» сайта.

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

Подзадачи:

1. Выполнить техническую реализацию сайта и настроить административную панель управления сайтом.
2. Подготовить сайт к продвижению в поиске и выполнить базовую SEO оптимизацию.
3. Разработка фирменного стиля, логотипа и дизайна сайта
4. Разработка структуры юридического сайта.
5. Написание продающих текстов с триггерами побуждения к действию.
6. Позаботиться о 100% безопасности создаваемого ресурса.

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

Техническая разработка юридического сайта

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

Для разработки сайта мы использовали следующие языки программирования:

• HTML 5 — язык разметки, который поддерживает мультимедийный контент и позволяет работать с программным интерфейсом и формами;
• PHP — используется для обработки данных, структуризации шаблонов страниц и т.д;
• CSS 3 — для оформления таблицы стилей;
• javascript — используется для подключения различных библиотек и модулей, чтобы сайт функционировал правильно и безопасно.

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

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

В качестве оболочки наших сайтов мы используем систему WordPress потому, что:

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

К тому же, WordPress имеет дружественную админ-панель управления сайтом, которую может с легкостью освоить любой сисадмин в компании.

Настройка административной панели сайта

Административная панель дает возможность держать сайт полностью под своим контролем. Если вы планируете продвигать сайт самостоятельно или при помощи своих сотрудников — это не будет проблемой!

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

Вы сможете без знания кода:

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

Мы считаем это важным моментом. Ведь разработка сайта — относительно весомое вложение бюджета. При этом, к нам часто обращаются клиенты, которые НИЧЕГО не могут поделать с сайтом, за который они заплатили, так как разработчик:

• пропал;
• перестал этим заниматься;
• конфликтует с вами;
• и т.д.

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

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

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

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

Если вам необходим надежный и качественный сайт для вашей компании, обращайтесь в Digital агентство GOadvance. Реализуем сайт, который будет подчеркивать ваш бренд, поможет увеличить охваты и привлечь новых клиентов. Наверное вы знаете, что делать для начала сотрудничества:

кнопа

Перечень работ в рамках технической реализации сайта:

1. Регистрация хостинга и доменного имени.
2. Загрузка оболочки сайта на хостинг и настройка административной панели.
3. Настройка верстки под мобильные и иные устройства.
4. Написание кода для внутреннего конструктора страниц.
5. Подключение SSL-сертификата безопасности и настройка соединения по HTTPS.
6. Настройка правильного редиректа (перенаправления).
7. Реализация передачи данных с сайта на средства связи Заказчика.
8. Реализация схемы разметки для поисковых роботов Shema и Opengraph.
9. Интеграция с веб-аналитикой: Метрика, Google Analytics + настройка конверсионных и ретаргетинговых целей.
10. Настройка форм обратной связи, комментариев и всплывающих окон Pop-Up.
11. Разработка и подключение модуля защиты от спама в комментариях и формах обратной связи.
12. Установка рейтинговой системы Ajax оценки для публикаций.
13. Создание XML карты сайта для поисковых систем.
14. Разработка коробки автора для указания авторства в публикациях.
15. Реализация отображения количества просмотров на сайте и их автоматический подсчет.
16. Настройка системы кеширования ресурса на стороне сервера и на стороне самого сайта для оптимизации скорости загрузки.
17. Настройка турбо-страниц для новостной категории записей.
18. Интеграция с Mail Pulse и Google News.
19. Подключение и детальная настройка модуля SEO оптимизации страниц и пользовательских публикаций.
20. Настройка адаптивных шрифтов — размер изменяется при изменении размера экрана устройства.
21. Разработка общего шаблона подвала для отображения на всех типах записей и страниц.
22. Защита кода сайта от взломов и модификаций.
23. Настройка модулей «Портфолио» и «Блог».
24. Интеграция с WhatsApp, You Tube и Instagram.
25. Настройка системы полной защиты от копирования информации с сайта.

Вы устали читать перечень? И это только основные моменты при технической реализации. Разработка юридического сайта не так проста, как могло бы показаться. Мы не будем углубляться в код и рассказывать о том, как работают и реализуются те или иные элементы. Иначе этот кейс будет бесконечен…

Давайте перейдем к SEO оптимизации юридического сайта. Рассмотрим с чего следует начинать SEO продвижение, как подготовить сайт к отправке в поисковые системы и сколько ждать результатов. Все на реальном примере данного юридического сайта «Шмелева и Партнеры».

Подготовка юридического сайта к продвижению в поиске и выполнение базовой SEO оптимизации

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

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

Итак, мы использовали следующие структурированные мета данные:

1. Title — это SEO заголовок сайта, который отображается в поисковике. Не путайте его с заголовком H1.
2. Description — SEO описание сайта, также отображается в сниппете поисковых систем.
3. Canonical — канонический URL, чтобы содержимое главной страницы считалось приоритетным.
4. Meta property — разметка Open Graph (og), отвечающая за распространение информации в интернете:
   • og:locale — указывается языковая разметка сайта. В данном случае, у нас стоит русский язык.
   • og:type — для указания типа ресурса.
   • og:title, og:description и og:url — эти данные подтягиваются при расшаривании сайта.
   • og:image — указывается адрес изображения, описывающего объект.
5. Спец-разметка для твиттера, так как у этой соцсети особые требования.

Обязательно следует использовать мета-тег keywords. Для Google он 100% не работает. А вот Яндекс все еще его учитывает. В любом случае, использование этого тега не влечет негативных последствий. Поэтому — используем!

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

Почему важно на сайте прятать некоторую информацию от поисковых роботов и создавать навигацию?

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

Что в этом плохого:

1. Появление административных страниц в поиске — это нарушение безопасности вашего сайта;
2. Урон SEO оптимизации — такие страницы не имеют заголовков, описаний и т.д. Поэтому поисковики будут ругаться, считая их некачественными.
3. Увеличение нагрузки на хостинг — технических и административных элементов может быть много. Поисковики будут периодически совершать обход по всем страницам.

С этим поможет справиться особый «свод правил» для поисковых систем. Он называется robots.txt — обычный текстовой документ с допусками для роботов. Создается в корневой папке на хостинге.

Мы заостряем на этом внимание, так как создание правил для роботов — важный шаг при подготовке к SEO оптимизации сайта.

Также, вместе с robots.txt создается карта сайта (sitemap) в формате XML. Конечно без нее ничего страшного не случиться. Однако, из-за отсутствия sitemap.xml сайт будет дольше индексироваться.

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

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

Разработка юридического сайта: фирменный стиль, логотип и концепция дизайна

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

Наш подход:

1. Небольшой бриф — 10-15 простых вопросов.
2. Интервью с заказчиком — 1 час.
3. Анализ целевой аудитории.
4. Работаем над фирменным стилем без вовлечения заказчика в процесс.

То есть с вашей стороны понадобиться максимум 1,5 — 2 часа времени. После чего мы реализуем по настоящему классный фирменный стиль!

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

• есть полное взаимопонимание;
• не затягиваются сроки;
• вопросы решаются оперативно;
• выше результативность.

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

При разработке юридического сайта мы взяли на себя все работы по продумыванию и реализации фирменного стиля. Давайте рассмотрим некоторые детали. Начнём с логотипа юридической компании «Шмелева и Партнеры».

Разработка логотипа для юридической фирмы

Логотип юридической фирмы не должен быть какой-нибудь красивый. Он должен органично вписываться в дизайн концепцию и передавать смысл для целевой аудитории. Наша ЦА — это юридические лица. Поэтому логотип передает такие посылы:

• высокое качество услуг;
• не дешево;
• стабильность и надежность;
• решаем сложные задачи.

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

Также, лого дополнительно реализовали в формате для документов:

Соответственно логотип сделан с инверсией надписи для темного фона. Вот так логотип юридической фирмы выглядит на сайте:

Логотип органично вписывается в дизайн. Самая лучшая проверка правильности логотипа, когда при первом взгляде создается ощущение: «да, именно так и именно здесь он должен быть».

Сочетание цветов на сайте — надо ли думать?

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

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

Используемая палитра:

• #ce8a42 — цвет акцента, исходит от логотипа, фокусирует внимание;
• #282e3f и #ffffff — основные фоновые цвета и их оттенки;
• #141414 — цвет подвала сайта и его оттенки в заголовках.

Например, мы не используем чисто черный цвет #000000, так как он резкий и тяжело воспринимается при чтении.

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

Помимо прочего, такое сочетание цветов выделяет юридическую фирму среди большинства конкурентов, но при этом сохраняется адекватность. Можете проверить сами, откройте в поиске юридические сайты — большинство +/- похожи друг на друга. А нам необходимо было подчеркнуть индивидуальность. Ведь глобальная цель — быть среди лучших.

Шрифты на сайте — стоит ли импровизировать?

Шрифт — неотъемлемая часть фирменного стиля. Однако, игра с ним не всегда выгодна. Тут необходимо исходить из специфики бизнеса. Например, если у вас творческий продукт, тогда стоит подобрать какой-то необычный шрифт.

В случае с юридическими сайтами, многие совершают ошибку используя «красивые» шрифты c засечками или прописные. Однако, в этой сфере важно только одно — ШРИФТЫ ДОЛЖНЫ БЫТЬ ЧИТАБЕЛЬНЫМИ.

В данном случае везде был использован стандартный шрифт «Arial» без засечек. Он легко читается. А разделение на акценты мы сделали при помощи разной толщины: 400 (regular), 500 (medium), 700 (Bold).

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

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

Разработка юридического сайта — дизайн и адаптивность

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

Мобильную версию лучше не нагромождать элементами. На первом экране используем:

1. УТП (уникальное торговое предложение).
2. Call to Action (призыв к действию).
3. Кнопка для отправки заявки.
4. Контактные данные WhatsApp.
5. Логотип и меню.

Кстати, номер WhatsApp не случайно использован вместо 8 (800). Пользователем с мобильного гораздо удобнее нажать на номер, чтобы их перенаправили сразу в чат. Тут цепляем 2 аудитории: «хотят позвонить» и «хотят написать в чат».

С компьютером история немного иная. Далеко не у всех WhatsApp установлен на компьютере. Поэтому на десктопной версии используется номер горячей линии 8 (800).

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

Смысл в том, чтобы акцентировать внимание на самом важно. Для нас это 2 вещи:

1. Легкое потребление информации.
2. Максимально простое взаимодействие.

Далее по сайту, вся информация автоматически подстраивается под размер экрана:

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

Если зайти с компьютера:

То есть, неважно с какого устройства зашел пользователь. Настроенная нами адаптивность будет подгонять элементы под размер экрана. Таким образом, сайт выглядит отлично на всех устройствах. Кстати, это влияет на количество заявок;)

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

Если вам необходима разработка сайта премиум класса для вашей компании, то обращайтесь. Давайте обсудим ваш проект:

Давайте еще скажем пару слов о настройке безопасности сайта и перейдем непосредственно к результатам.

Разработка юридического сайта — безопасность превыше всего!

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

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

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

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

Почему необходимо защищать контент от копирования на сайте?

Раньше это не вызывало особой необходимости. Да, бывали случаи, когда украденный контент ранжировался выше источника. Но их было не так много. С появлением Яндекс.Дзен и «особо умных» личностей ситуация кардинально изменилась.

Не секрет, что поисковые системы лучше ранжируют трастовые сайты с высоким показателем XT. Теперь представьте, что некто завел канал на юридическую тематику в Дзен и начал копировать ваш контент.

Первые несколько месяцев вы не заметите никаких изменений, но потом обнаружите свои статьи на чужом канале, которые ранжируются ВЫШЕ или ВМЕСТО ваших публикаций!

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

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

Это не домыслы и догадки, а реальный опыт. К нам обращались клиенты с подобной проблемой.

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

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

Главное отличие маркетингового агентства GOadvance от рядовой веб-студии в том, что мы создаем сайты, которые приносят результат для клиента. На скриншоте указана статистика за апрель 2021 года.

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

• посещаемость в среднем 400-500 пользователей в сутки;
• от 10 до 15 заявок в месяц — это немало, так как работа ведется с юридическими лицами;
• отказы менее 12%;
• более 12 000 переходов исключительно из поисковых систем.

Внимание! Клиент вообще не запускает рекламу. Заявки приходят органически от довольно серьезных клиентов.

Кто обращается:

• IT компании — работаем со стартапами в Сколково;
• Международные перевозчики;
• Производственные компании;
• Заводы и сельскохозяйственные компании;
• Строительные организации;
• Консалтинговые фирмы.

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

Основные вопросы по которым приходят клиенты:

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

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

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

Отзыв от основателя юридической фирмы «Шмелева и Партнеры», Марины Шмелевой:

Подать заявку на разработку сайта вы можете через форму ниже: