Полный гайд по созданию продающего сайта аутсорсинговой компании

18 сентября 2024 г.

Никита Семенов

CEO at SECL Group

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

Сайт – это основа маркетинга любой аутсорсинговой компании. И при росте конкуренции на рынке все больше компаний начали вкладывать деньги в собственные сайты. И тут все далеко не так очевидно, как может показаться на первый взгляд. Эта статья про наш опыт и на примере нашей компании. Мы недавно в SECL Group сделали отличный новый сайт с хорошими показателями конверсии и это уже 6й сайт для нас за все время. В этом процессе я перелопатил сотни сайтов аутсорсинговых компаний и провел довольно глубокий анализ.

Для начала нужно определиться с какой целью вы делаете сайт? Я вижу три основные цели подобных сайтов:

Имиджевая.
Инструмент маркетинга.
Рекрутинговая.

Эта статья больше про второй вариант, про создание сайта, который будет основой маркетинговой активности. Такой вариант подойдет компаниям, которые вкладывают деньги и в сайт и в маркетинг, особенно SEO и контент-маркетинг, как одни из самый действенных инструментов в нашем бизнесе. Так что, если вы планируете войти в топ 10 американского Google по таким запросам, как, например, » javascript development company», как недавно мы вошли, эта статья точно для вас.

Такой сайт будет стоить от 20 тыс. долл. с учетом контента, а вложить в него нужно будет еще 50-100 тыс. долл. минимум, прежде, чем он начнет хорошо себя окупать. По срокам это от 6-8 мес. до первых результатов. Так что этот вариант скорее для компаний от 30-50 человек и больше. В основном он является одним из основных каналов продаж у компаний среднего размера.

Кстати, иногда делают сразу два сайта: один для клиентов на английском языке и один для целей рекрутинга на родном языке.

Дизайн

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

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

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

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

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

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

Рис. 1. Новый дизайн SECL Group

Точки входа и пути на сайте

Создавая дизайн, особенно отдельных страниц, очень важно заранее продумать точки входа посетителей на сайт. Это позволит существенно поднять конверсию посетителей в покупателей. Есть 3 основные точки входа в большинстве сайтов: 1. Главная 2. Страницы услуг 3. Блог.

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

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

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

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

AIDA

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

Структура и содержание

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

Главная

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

Титульный блок (название, слоган, род деятельности)
Информация о компании (общие факты)
Услуги (по типам, по направлениям)
Кейсы / портфолио (известные бренды или интересные проекты)
Отрасли (опционально, если есть ярко выраженная специализация)
Технологии (опционально)
Контакты / формы

Рис. 2. Блок с кейсами на главной

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

О компании

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

Факты о компании (сколько лет на рынке, сколько людей в команде, где офисы и т.д., в каждом случае набор фактов свой, в зависимости от цели компании и типовых ICP). Например, мы делаем акцент на работу с энтерпрайзом и стабильность.
Клиенты (нужно или что они очень крутые или что их много, а также с каких они стран)
Отзывы клиентов (или отсылки к платформам типа Clutch или в LinkedIn или отзывы прямо на странице с фото / видео, но в любом случае с социальным подтверждением)
Награды и сертификаты (опционально, если есть)
История (опционально, если есть что рассказать)
Почему мы? (нужно понимать, чем вы отличаетесь от тысяч подобных компаний)
Представление команды (лучше всего в форме общей фотографии)

Рис. 3. О компании, титульный слайд

На клиентов и отзывы нужно обращать особое внимание и всячески их выделять. И не только в разделе «О компании». Например, у нас на это часто обращают внимание и клиенты нас хвалят за это.

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

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

Услуги

Один из важнейших разделов сайта. Услуги делятся на 3 основные группы:

По цели (Software Product Development, Software Re-Engineering, Application Modernization Services и т.д.)
По виду (Back-End Development, UI/UX Design, QA & Testing и т.д.)
По технологии (JS/React, PHP/Laravel, Python/Django и т.д.)

Можно выбрать одну их них, а можно и все 3 сразу. Это больше зависит от ваших целей. Мы выбрали все 3, потому что продвигаем все это дело в Google. Но большинство наших коллег выбирают 2ю группу, а более крупные компании – 1ю группу.

Еще есть 4я группа – кастомизация коробочных решений, например, SAP.

И есть 5я – это разработка решение под конкретную отрасль. Ее часто используют крупные аутсорсеры типа Epam, с несколькими тысячами сотрудников.

Рис. 4. Классификация услуг

Любая услуга – это лендинг. Набор блоков зависит типа услуги. Мы для каждого типа разработали свой набор блоков, хоть он и довольно похож.

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

В мало конкурентных нишах такой лендинг может выйти в топ 10 даже без продвижения ссылками. Особенно, если вы ориентируетесь не на США, а на менее конкурентные страны. Мы, например, совершенно случайно начали появляться в выдаче Южной Кореи, хотя ориентировались на США. Конечно, в США у нас больше 1000 ключевых слов в продвижении сейчас, а в Южной Корее появилось только 70, но там мы можем быть даже в топ 3 по таким запросам, как «python development service» или «react development service».

Кстати, считается, что те запросы, которые сами попали в топ 20-30 можно продвигать ссылками. Все что дальше – нужно дооптимизировать сначала.

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

Кейсы / портфолио

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

Обычно проектов в каждой компании много, поэтому стоит выбрать самые интересные. Мы показываем или проекты для известных брендов, в том числе маленькие или старые проекты, или большие и сложные проекты, но для малоизвестных компаний или стартапов, или проекты связанные с нашими текущими ICP. Более 90% проектов скрыты.

Тут важно понимать, что многие потенциальные клиенты хотят покликать живые проекты. Особенно американцы любят это делать. А еще все оценивают глазами, по дизайну. И даже если вы техническая команда и не работаете с дизайном, все равно ваше портфолио будут оценивать по дизайну проектов, находящихся там. И тут сразу несколько проблем: 1. Как показывать разработку внутренних систем (у нас большинство проектов таких)? 2. Как показывать проект, где вы разработали только часть? 3. Как показывать проекты со слабым дизайном, в котором вы делали только сложную техническую часть? 4. Как показывать проекты под NDA?

Мы долго ломали голову над этими проблемами и пришли к нашему текущему отображению портфолио. Во-первых, в каталоге проектов у нас нет скрина проекта, а есть тематическая картинка вместо него. Во-вторых, если это внутренняя система, то мы даем скрин главной страницы сайта клиента, но в описании будет тот проект, который мы реально делали. В-третьих, мы убрали ссылки на проекты, вообще! Если клиенту нужно, мы подберем под него набор ссылок или покажем через демонстрацию на звонке. В-четвертых, если мы делали часть проекта, мы указываем это в видах работ и, если нужно, акцентируем внимание в описании, что, например, дизайн мы не делали. В-пятых, для проектов под NDA мы решили в портфолио вместо названия писать «Project under NDA» но давать его полное описание. Правда, последний пункт мы так и не реализовали, у нас достаточно крутых проектов без NDA.

Рис. 5. Кейсы, общий каталог

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

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

Еще такие страницы кейсов можно продвигать в поисковых системах по запросам типа «Development an Uber analogue». Как правило, это очень низкочастотные запросы и выйти по в топ не сложно.

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

Отрасли

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

В этом разделе нужно не просто указать сами отрасли, но еще и описать опыт компании в этой отрасли. Это и клиенты, и кейсы, и солюшенсы в конкретной отрасли. Самый эффективный вариант – это привязать разработку каких-то решений под отрасль. Например, разработка ERP для финансов / банков.

Технологии

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

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

Рис. 6. Технологии, общий каталог

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

Блог

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

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

Как правило, все хотят продвигаться по коммерческим запросам (где в выдаче лендинги) и там конкуренция часто зашкаливает. А статьи – это возможность продвинуться по информационным запросам (где в выдачи статьи) и конкуренция не такая большая и много трафика. Примерно 80% этого трафика прочитает статью и уйдет с сайта, но оставшиеся 20% — пойдут смотреть, кто вы и чем занимаетесь.

Рис. 7. Блог, страница статьи

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

Контакты

Тут с одной стороны нужно показать близость к клиенту, а с другой – офисы R&D в недорогих локация, а от недавно еще и в локациях, где нет войны.

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

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

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

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

Награды и сертификаты

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

Есть как сертификации всей компании, такие как CMMI, так и для отдельных сотрудников, такие как PMP для проектных менеджеров или ISTQB для тестеров. По технологиям нужно смотреть по каждой отдельно, часто даже по каждому фреймворку отдельно. Мы решили делать сертификации для сотрудников и периодически крупные клиенты про это спрашивают. По этой же причине мы указываем на сайте про наличие разных сертификатов и стандартов.

Отдельно – награды, они тоже важны. Конечно, нужны топовые международные конкурсы и фестивали. Мы специально выставляли один раз один наш проект на Awwwards и Behance Interaction Award. И сразу выиграли. Было это много лет назад, но эти награды показываем и сейчас при каждом удобном случае. Они тоже помогают, особенно когда у клиента высокие ожидания. Но для нас это не столь важно, намного важнее такие награды будут для дизайн студий или для компаний, которые часто делают разные промо сайты. Мы же в основном делаем внутренние корпоративные системы, так что на это акцент не делали.

Рис. 8. Награды

Доверие

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

Лайв хаки для создания / повышения доверия:

Крутые клиенты. Известные бренды всегда вызывают доверие. Всегда старайтесь работать с такими. Даже если для этого нужно взять проект с нулевой маржой или это очень маленький проект или проект для небольшой страны с низкими рейтами – все равно берите. Это потом окупится. Например, у нас в портфолио есть 1 известных клиент, с которым мы работали 11 лет назад и делали микро проект, но в кейсах он есть до сих пор.
Крутые кейсы. Бывают очень интересные и масштабные проекты, но для ноу нейм клиентов. Это тоже не плохо, опишите такой кейс подробно на сайте и покажите в чем его сложность.
Крутая команда. Особенно СТО, архитекторы, тим лиды с кучей лет опыта. Или общий уровень сеньерности. Покажите это на сайте и потом покажите конкретных живых людей на технических пресейлах. У нас, кстати, нет джунов в команде и мы прямо про это говорим всем клиентам.
Фотографии / видео. Фотографии реальных людей очень сильно улучшают доверие. Ранее мы делали общую фотографию команды и если у вас есть такая возможность – сделайте ее в разделе О компании. Сейчас из-за войны сотрудники поразъезжались по разным странам, а те, что в Украине – не сильно часто посещают офис, поэтому мы отправили сотрудников на профессиональные фотосессии и добавили фото по отдельности. Также ранее я очень хотел сделать профессиональный видео обзор офиса, где сотрудники по несколько слов будут говорить на камеру про себя, но опять же не успел из-за войны. После нашей победы мы обязательно такое сделаем, это тоже сильно повышает доверие.
Награды и сертификаты. Про это отдельно говорил, тоже очень важно.
Почему мы. Это нужно продумать, а не просто любой текст написать. Ваши реальные отличия от конкурентов могу тоже повысить доверие. Но сразу говорю, будет не просто, особенно для небольших компаний.

Лид магниты и формы

Для начала акцентирую внимание – формы работают! Так что не стесняйтесь их делать на сайте. На трафике хотя бы 3-4 тыс. человек в месяц в среднем будет 1 лид каждый рабочий день, который будет заполнять вашу форму. Это примерно равняется конверсии в 0,5%, что для нашего бизнеса очень даже не плохо. Но это при условии, что трафик качественный, а не информационный, как часто делают разные SEO-агентства. Кстати, про SEO-агентства можно написать отдельную статью, в 50-70% случае вас или попытаются обмануть или сделают кучу некачественного трафика не понимая суть вашего бизнеса. Так, что если вы уже продвигали ваш сайты и ничего не получилось – вероятно проблема в вашем подрядчике. Тут у меня большой опыт набивания шишек, могу быстро найти причину неудачи, так что пишите, если у вас раньше не получилось с продвижением вашего сайта.

Рис. 9. Заполненная форма с лид магнита

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

Отдельно есть лид магниты в шапке сайта и в подвале. Мы в шапке сделали анимационный лид магнит, который есть на всех страницах сайта, а в подвале форму с одним полем – оставить емайл. Форма работает классно, правда далеко не все отвечают после того, как оставили емайл.

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

В любом случае форм много разных, в разных местах сайта / страниц. И они работают.

SEO

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

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

Технические аспекты:

PageSpeed Insights. Лучше зеленая зона и для мобайла и для десктопа, но ее добиться очень сложно, так что в крайнем случае желтая зона ближе к зеленой. Красной нужно избегать, иначе позиции будут хуже. Избегайте тяжелой анимации, тяжелой графики, кастомных шрифтов и ставьте Google Analytics через контейнер.
Robots.txt. Его нужно сделать и по возможности разрешить все индексировать.
Файл Sitemap.xml. Автогенерируемый, добавить его потом руками в Google Search Console.
Title, Description. Он должен быть редактируемый для всех страниц.
ЧПУ URL. Нужно сделать нормальные урлы.
Путь. На всех страницах должен быть полный путь с реальными ссылками.
Тег noindex и атрибут nofollow. Такое желательно не использовать или почти не использовать.
Перелинковка. Нужно продумать хорошую перелинковку: с меню / подменю, с каждой страницы, со статей на другие статьи и лендинги услуг, с лендингов на другие лендинги и т.д.
Дубли контента. Их быть не должно, ни полностью страницы, ни отдельные блоки. Даже если вам на лендингах нужно продублировать какой-то блок, его лучше рерайтить.
404 ошибка. Для этого есть сканеры, которые показывают битые ссылки, такое нужно убирать.
301 редирект. При обновлении сайта со всех старых страниц обязательно поставьте 301 редиректы на новые. Причем не на главную все ставим, а на реальные страницы.
Качества кода. Все основные страницы можно проверить в валидаторе W3C. Кстати, некоторые технически подкованные клиенты ваш сайт тоже там прогоняют при решении о сотрудничестве, хотя многие считают это излишеством.
Страница автора. Для блога нужно сделать отдельную страницу автора(ов), по содержанию примерно, как ваша страница в LinkedIn. Также там должны быть контакты и ссылки на живые соц. сети автора.
Микроформаты. В частности, не забудьте микроформаты для автора и контактов.
Alt для картинок. Из админки нужна возможность добавлять Alt текст для всех картинок, особенно это важно для статей.

Не забудьте сделать SSR, если на фронте используется SPA (React, Vue или Angular). Google умеет индексировать такие сайты и без SSR, но для улучшения позиций лучше все же делать максимально правильно.

После выливки сайта в прод не поленитесь пойти в Google Search Console и проверить там ошибки, а потом еще 1-2 месяца мониторить результаты там. Также рекомендую прогнать сайт через SEO-сканеры, мы, например, пользуемся Ahrefs, он отлично подсвечивает ошибки, включая ошибки в контенте.

Языковые версии

Тут все просто: если вы собираетесь продвигаться на других языках, то перевести сайт идея хорошая. Как правило на других языках вы довольно легко попадаете в топ Google даже без большого количества платных ссылок. В любом случае вам понадобятся региональные домены для этой цели. Мы прикидывали, что на 1 языковую версию, например, на немецком, нужно потратить около 20 тыс. долл. Это не маленькие деньги, но даже 1 клиент быстро окупит это.

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

Региональность

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

Мы делаем акцент на это и на главной, и в контактах, и на странице О компании и в подвале всех страниц сайта.

Мобильная версия

Не пожалейте денег, сделайте отдельный дизайн и верстку для мобильной версии. Это то, что само с собой разумеется и на что смотрят клиенты. Кроме того, на это смотрит Google и у каждой страницы будет 2 разные позиции: на десктопе и на мобильных.

Google PageSpeed

Конечно, нужна зеленая зона. И конечно этого достичь почти нереально, если вы делаете хороший продуманный сайт. Во-первых, у вас много контента, во-вторых, у вас много графики, в-третьих, часто есть не самая простая анимация. Один только Google Analytics и кастомный шрифт вас загонит в красную зону. Но, как всегда, есть лайв хаки и в этом случае 😉

Рис. 10. Зеленая зона в Google PageSpeed Insights для страницы лендинга

Я бы изначально ориентировался в желтую зону. Это не так критично для Google и вполне достижимые результаты. В любом случае тут тоже придется потратить немного времени и денег на оптимизацию.

DMCA

Речь про защиту ваших авторских прав, особенно контента от копирования. Есть замечательный сайт – DMCA.com, он за 10$ в мес. будет сканировать ваш сайт и помогать бороться с нелегальными копиями контента. Для этого в подвал сайта ставится их логотип.

Рис. 11. Защита от DMCA.com

GDPR и Cookie Policy

Не забудьте про законы в ЕС. Всех пользователей нужно спрашивать согласие на использование cookie при первом заходе. Для ЕС нужны две кнопки: согласие и отказ, а дефолтно cookie отключены пока пользователь не согласится. Для США просто согласие. Проблема тут в том, что Google Analytics будет показывать меньше трафика после внедрения этого модуля, так как не все будут нажимать согласие. Так что вам придется сделать это всплывающее окно довольно большим и заметным, некоторые вообще на весь экран его делают.

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

Копирайтинг

Конечно, делая такой большой сайт, вам нужно нанять копирайтера. На сайт нашего уровня понадобится копирайтер фулл тайм на срок от 6 месяцев и больше (примерно 1 качественная статья в неделю). Дальше все тексты проверяет нейтив спикер перед выливкой на сайт, после которого еще нужно проверить текст на AI, а то некоторые корректоры любят «проверять» текст каким-то chatgpt и потом у вас будут проблемы в Google после такой «вычитки».

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

У нас процесс настроен так: я с маркетологом придумываем темы и мы строим контент план, затем seo-специалист подбирает ключевые слова под тему статьи и смотрит конкуренцию, затем я пишу план статьи, затем созваниваюсь с копирайтером и рассказываю про ЦА статьи, про проблематику и про наш опыт в разрезе темы статьи, иногда копирайтер еще созванивается с кем-то из сотрудников для получения дополнительной информации, затем готовый текст я вычитываю и даю правки, реже, если мы пишем что-то техническое, еще вычитывает тим лид. На тему, план и созвон по статье у меня уходит до 30 минут, еще примерно столько же на прочтение материала и правки. В итоге получаются очень качественные статьи, полностью построенные на нашем опыте.

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

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

Про трафик и его качество

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

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