Как создать свой сайт для бизнеса

Как создать свой сайт для бизнеса

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

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

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

Сергей Ананьев, основатель студии по созданию сайтов на Тильде «Молния»

Шаг 2. Определите, для чего вам сайт

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

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

Лендинг идеально подойдёт для компании, у которой один продукт или услуга и одна целевая аудитория. Либо ЦА разношёрстная, но объединена одной задачей, которую продукт или услуга могут решить.

Например, сайт нового ЖК: в ЦА могут входить люди разного возраста, с разным доходом, у кого-то могут быть дети, а кого-то нет. Но у всех у них одна задача — купить квартиру.

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

Сергей Ананьев, основатель студии по созданию сайтов на Тильде «Молния»

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

Нужно быстро запуститься — заглушите голос внутреннего критика и сделайте первый сайт. Глобальную интеграцию с CRM или сложный личный кабинет отложите на будущее

«Если у компании один-два товара или услуги, можно обойтись одностраничным сайтом. Например, “торты за заказ в Москве” с несколькими карточками или компания по созданию контента для маркетплейсов. Если у компании много услуг и они разные, нужен многостраничник. Например, для юридических услуг».

Сергей Ананьев, основатель студии по созданию сайтов на Тильде «Молния»

Шаг 3. Создайте сайт

1. Зарегистрируйтесь и оплатите подписку

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

2. Соберите свой сайт из готовых блоков

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

Сергей Ананьев, основатель студии по созданию сайтов на Тильде «Молния»

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

Шаблоны готовых сайтов на Тильде для бизнеса

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

«Мы 5 лет назад ушли от классической разработки к конструкторам на Тильде. Почему? Не хотим сложностей с разработчиками, да и для 95% компаний не нужны сложные решения. Им нужен сайт, который будет решать задачи бизнеса».

Сергей Ананьев, основатель студии по созданию сайтов на Тильде «Молния»

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

3. Кликните «Опубликовать» и придумайте название для домена

Как только вы закончили с дизайном и наполнением страницы, сайт можно запускать. Кликните на кнопку «публикация» и введите название страницы. На этом этапе вы можете даже обойтись без оплаты хостинга. Сайт на Тильде работает на облачном сервисе и все необходимые настройки производятся автоматически. Для запуска достаточно воспользоваться хвостом строки, который предлагает площадка: «tilda.ws». Позже вы сможете купить домен ru, «рф» или com. Это можно сделать в том числе на сайте Тильды. А если вы купите платную подписку на год, домен получите в подарок.

«Лучше покупать домен и переносить сайт на „ru“, так как домен Тильды плохо индексируется. У Яндекса есть приоритет доменов. Сайты с „ru“ показывает чаще, с “com” — реже. Ещё нужно учитывать, что в названии сайта лучше использовать английские слова, а не русские, написанные латиницей. Например, dog (с англ. — собака) — поисковик считает лучше, чем sobaka».

Валентин, SEO-специалист сайта sberbank.ru

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

4. Настройте форму заявок

Итак, ваш сайт красивый и доступный. Теперь нужно его сделать его ещё и полезным — настройте приём заявок. Функционал Тильды позволяет это сделать. Адреса, которые посетители сайта оставят в форме, отобразятся у вас в поле «Заявки».

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

Данные хранятся 30 дней. Чтобы продлить срок или оперативно получать оповещения о новых заявках, настройте синхронизацию с email или Telegram. Так информация о заявках будет приходить вам на почту или в мессенджер.

Процесс настройки формы заявок

5. Подключите аналитику

Тильда даёт возможность подключить несколько счётчиков на выбор.

Настроить аналитику можно в основном меню настроек сайта

Если подключать, например, Яндекс.Метрику, от вас потребуется только ввести номер счётчика.

Процесс настройки Яндекс.Метрики

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

Валентин, SEO-специалист сайта sberbank.ru

6. Настройте SEO

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

Шаг первый: зарегистрируйте сайт в панели веб-мастеров Яндекс и Gооgle

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

Шаг второй: проведите внутреннюю оптимизацию сайта

1. Выявите высокочастотные запросы

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

Частотность запроса «контент-маркетинг» в Яндексе в марте 2023 года

2. На основе «ключевиков» пропишите уникальные метатеги

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

И составить метатеги:

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

Это делается в настройках сайта.

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

3. Проверьте контент на уникальность

Описание услуг, примеры работ и отзывы должны быть уникальными и без «воды» — сайты с заспамленными текстами плохо ранжируются в поисковиках и отображаются на 2-3-4-й страницах выдачи.

Шаг третий: вернитесь к первому шагу

После того, как наполнили сайт качественным контентом, отправьте его на переиндексацию.

«За счёт такой последовательности вы экономите время. Вы создали сайт и зарегистрировали в веб-мастерах. На проверку обычно уходит 5-7 дней. За это время вы наполняете сайт и просите поисковики проверить его снова. Так вторая проверка будет намного быстрее».

Валентин, SEO-специалист сайта sberbank.ru

Шаг 4. Используйте сайт в работе

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

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

Создание и продвижение сайта для бизнеса

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

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

Я буду рад ответить на все возникающие у Вас вопросы, а так же обсудить конструктивную критику своих способов разработки и продвижения.

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

• самостоятельно;
• с помощью фрилансера;
• с помощью веб-студии.

• с помощью конструктора сайтов;
• с помощью CMS (системы управления сайтом);
• создать сайт с нуля.

Рассмотрим все варианты подробнее.

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

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

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

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

Наиболее распространенным и не дорогим вариантом создания сайта для бизнеса будет вариант, при котором Вы просто покупаете (или даже скачиваете бесплатно) готовый сайт или шаблон сайта для определенной CMS и заменяете контент скаченного сайта на свой контент (тексты, изображения, контакты). Так как CMS существуют достаточно давно и некоторые из них (например, WordPress) очень популярны, в интернете очень легко найти сотни, если не тысячи, готовых сайтов или шаблонов на любой вкус и цвет. Для того, чтобы найти сайт с нужной темой и заменить имеющейся контент на свой, достаточно минимальных знаний. Если имеются более глубокие знания, сайт можно полностью изменить до неузнаваемости.

(наиболее популярная и универсальная CMS); ; ; ; (подходит для интернет-магазина); (дорогая в обслуживании т. к. мало специалистов).

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

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

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

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

Как Вы считаете, на каком сайте скорее всего сделает покупку потенциальный покупатель? По-моему, ответ очевиден! А вам?

Также важно, чтобы на сайте было как можно больше способов связи с Вами: телефон, электронная почта, WhatsApp, Viber, Telegram, кнопка обратного звонка и онлайн чат.

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

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

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

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

Покажите ‌продукт‌ ‌изнутри‌ ‌(неочевидные ‌преимущества‌).‌ ‌‌Допусти, ‌ ‌вы‌ ‌продаете‌ ‌ботинки.‌ ‌Опишите‌ ‌из‌ ‌чего‌ ‌стельк, ‌ ‌подошв, ‌ ‌застежк, ‌ ‌какие‌ ‌технологи, ‌ ‌заниженный‌ ‌подъём‌ ‌и‌ ‌тд.‌ ‌Покажите‌ ‌т, ‌ ‌что‌ ‌не‌ ‌видно.‌ ‌Расскажите‌ ‌о‌ ‌скрытых‌ ‌преимущества, ‌ ‌которые‌ ‌не‌ ‌очевидны‌ ‌вашему‌ ‌клиенту.‌

Сделайте ‌отличную‌ ‌презентацию‌ ‌или‌ ‌«упаковку”‌ ‌вашего‌ ‌товара‌ ‌или‌ ‌услуги.‌ Посмотрите‌ ‌как‌ ‌это‌ ‌делают‌ ‌коллеги‌ ‌из‌ ‌любого‌ ‌“магазина‌ ‌на‌ ‌диване».‌ ‌Наприме, ‌ ‌тут:‌ http://online-red.online/tv/top-shop.html. ‌Они‌ ‌обычную‌ ‌тёрку‌ ‌преподносят‌ ‌та, ‌ ‌как‌ ‌будто‌ это‌ ‌технология‌ ‌из‌ ‌будущего.‌

После создания сайта его необходимо протестировать. Проверьте, как работает Ваш сайт на разных устройствах и в разных браузерах. Проверьте, как он смотрится. Везде ли он отображается одинаково красиво, ничего ли не съезжает, не искажается. Везде ли контент сайта читается удобно и понятно. Везде ли удобно нажимать на кнопки, ссылки меню. Возможно, есть факторы, мешающие комфортному просмотру контента или что-то совсем не работает. Я знаю о случаях, когда только через несколько месяцев выяснилось, что не работала кнопка заказа товара и люди не могли что-либо заказывать. Проверять работоспособность сайта нужно не только на Вашем домашнем компьютере или Вашем мобильном телефоне. Обязательно проверьте на всех популярных устройствах, таких как телефон, планшет, ноутбук и ПК. А так же во всех популярных браузерах: Яндекс.Браузер, Google Chrome, Opera Browser, Safari, Microsoft Edge, Mozilla Firefox и других.

Как создать сайт с нуля. Подробная инструкция

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

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

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

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

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

• Шаг 1. Определяем цель создания сайта
• Шаг 2. Выбираем тип сайта
• Шаг 3. Придумываем название и доменное имя
• Шаг 4. Выбираем хостинг
• Шаг 5. Выбираем платформу, или движок сайта
• Шаг 6. Собираем семантическое ядро сайта
• Шаг 7. Продумываем структуру сайта
• Шаг 8. Готовим контент сайта
• Шаг 9. Проверяем юзабилити, или удобство использования сайта
• Шаг 10. Создаём дизайн
• Шаг 11. Приступаем к вёрстке
• Шаг 12. Запускаем сайт
• Бонус: индексация в поисковых системах

Шаг 1. Определяем цель создания сайта

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

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

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

Затем попробуйте определить задачи, которые сайт должен решить. Например:

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

Шаг 2. Выбираем тип сайта

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

Интернет-магазин

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

Каждому товару понадобится карточка с фото и описанием. Чтобы оплачивать заказы картой, нужно будет подключить платёжные системы. Также можно добавить возможность назначать скидки — например, чтобы устроить распродажу к празднику.

Сайт услуг

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

Сайт-визитка

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

Сайт компании, или корпоративный сайт

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

Порталы, новостные блоги

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

Форумы

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

Шаг 3. Придумываем название и доменное имя

Доменное имя для сайта — это название сайта, которое вбивается в адресную строку, например profi.ru. Название должно отражать имя бренда, но при этом быть запоминающимся и легкочитаемым. В идеале вы должны суметь его легко продиктовать — без всяких «эс как доллар». Не стоит выбирать и слишком длинные имена — желательно ограничиться 12 символами. Также стоит избегать цифр и символов. И, конечно же, ошибок — всё это ассоциируется с мошенническими ресурсами.

Домен верхнего уровня, или доменная зона — это те буквы, которые стоят в конце адреса после точки: .ru, .com или .org. Благодаря им можно понять, где находится организация или в какой стране она ведёт свою деятельность. Самый популярный домен — .com, но его нет смысла использовать, если вы работаете только в России. Больше подойдёт привычный .ru. К тому же за использование доменов других стран поисковые системы могут применять к вашему сайту штрафные санкции.

В последнее время кроме географических доменов стали появляться профессиональные: agency, .media, .travel. Они сразу обозначают сферу вашей деятельности.

Доменное имя вы покупаете не навсегда, а лишь арендуете. Поэтому платить за него придётся регулярно, например раз в год. Выбирая доменное имя для сайта, обязательно проверьте, не совпадает ли оно с адресом конкурента. Если имя уже занято, добавьте к названию короткое слово, которое относится к вашей сфере деятельности. Например, к названию магазина можно добавить shop, а к игрушкам — toys. Купить доменное имя для сайта, подобрать и зарегистрировать домен можно, например, на сайтах WebNames, REG.RU, NIC.RU.

Дела исполняются с Профи

Шаг 4. Выбираем хостинг

Хостинг — это место на сервере, где будут храниться все материалы вашего сайта. При его выборе обратите внимание на показатель Uptime — время бесперебойной работы. Оно должно быть максимально приближено к 100%. Также желательно выбирать хостинги с понятным функционалом и русской службой поддержки. Именно к ней вы будете обращаться, если сайт перестанет работать.

Как и доменное имя, хостинг арендуют. Цена аренды зависит от объёма хранилища. Поэтому если вы не планируете создавать крупный портал, то дорогой хостинг вам не понадобится. Но и пользоваться бесплатными хостингами для сайта тоже не стоит — это ненадёжно. Сервер может внезапно «упасть», и все материалы с вашего сайта пропадут на неопределённое время.

Шаг 5. Выбираем платформу, или движок сайта

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

Платформу можно создать тремя способами:

• с помощью конструктора сайтов;
• с помощью CMS;
• написать код самостоятельно.

Конструкторы сайтов

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

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

Примеры конструкторов: Tilda, Mobirise, Wix, Nethouse.

СMS-системы

СMS, или Content Management System — это система управления сайтом, также называемая админкой. Они бывают платные и бесплатные.

Самая известная бесплатная система администрирования — WordPress. На ней создано около четверти всех сайтов в интернете. Она отлично подходит для блогов, сайтов-визиток, портфолио, корпоративных сайтов. Для новичков это идеальный вариант: управление админкой интуитивно понятно и не требует специальных знаний.

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

Самая известная платная CMS — «1С-Битрикс». Она позволяет создавать крупные сайты и может интегрироваться с системой 1C — это особенно важно для интернет-магазинов.

Самостоятельное написание кода сайта

Чтобы создать сайт с нуля, нужно будет пройти три основных этапа:

1. Отрисовка макета сайта. На этом этапе дизайнер продумывает, как будут выглядеть основные элементы сайта — «шапка», меню, блоки с информацией, баннеры. Обычно для этого используют Adobe Photoshop или другие графические редакторы.
2. Вёрстка. На этом этапе пишется код, а созданные элементы вшиваются в сайт.
3. Внедрение PHP. Сайт перестаёт быть просто картинкой, пользователи могут взаимодействовать с ним, например оставлять заказы.

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

Шаг 6. Собираем семантическое ядро сайта

Семантическое ядро сайта — это набор ключевых запросов, по которым пользователи будут находить ваш сайт в поисковых системах — Гугле и Яндексе. Например, «купить мебель тверь», «торты на заказ москва» или «сшить шторы на заказ сокол». Составив список таких запросов, вы поймёте, какие статьи и новости потребуются для продвижения сайта. Если на сайте будет большое количество экспертной, хорошо структурированной и часто обновляемой информации по определённой теме, поисковики будут чаще показывать сайт в выдаче. Так клиенты смогут попадать к вам прямо из поисковиков.

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

Шаг 7. Продумываем структуру сайта

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

1. Сделайте возможность попадать на главную с любой страницы. Например, с помощью шапки сайта и логотипа, на которые всегда можно кликнуть.
2. Не забудьте «хлебные крошки». Это кнопки, с помощью которых можно вернуться на шаг назад с любой страницы сайта. Например, в магазине одежды уйти со страницы конкретного платья обратно в общий каталог.
3. Не создавайте более 4 уровней страниц. Стоит остановиться на: Одежда —> Платья —> Праздничные платья —> Платья для свадьбы.

Шаг 8. Готовим контент сайта

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

Вот на что стоит обратить внимание:

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

Шаг 9. Проверяем юзабилити, или удобство использования сайта

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

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

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

Шаг 10. Создаём дизайн

Если вы используете конструкторы или системы типа WordPress, то можете выбрать дизайн из готовых бесплатных шаблонов — сделать это так же легко, как сменить заставку на телефоне. Если же вам хочется добавить сайту индивидуальности, придётся вникнуть в основы HTML и СSS. Тогда шаблон можно будет доработать под свои нужды: изменить шапку сайта, поменять цвета.

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

Шаг 11. Приступаем к вёрстке

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

Не хотите верстать?

Самостоятельно сверстать сайт можно в программах Atom, Sublime и Visual Studio Code.

Шаг 12. Запускаем сайт

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

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

Бонус: индексация в поисковых системах

Чтобы сайт попал в поисковые системы Google и Яндекс и отображался по разным запросам, нужно, чтобы поисковые машины его проверили. Этот процесс можно ускорить, если создать файлы robots.txt и sitemap.xml и отправить их в Яндекс.Вебмастер и Google Search Console.

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

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

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

1. Ввести в поиске site: и название вашего сайта, например site: profi.ru. Количество результатов будет равняться количеству одобренных поисковиком страниц.
2. Посмотреть Google Search Console в разделе «Индекс Google — Статус индексирования» и в Яндекс.Вебмастере в разделе «Индексирование — Страницы в поиске».
3. Воспользоваться расширениями для браузера RDS Bar, который отобразит, была ли проиндексирована конкретная страница.

Есть несколько причин, по которым поисковики могут индексировать не все страницы:

1. Сайту меньше 3 месяцев.
2. В файле robots стоят ограничения на индексацию определённых страниц.
3. Вы редко обновляете информацию на сайте и создаёте новые страницы.
4. У сайта низкая скорость работы, страницы медленно загружаются. Это может произойти, если на страницах есть «тяжёлые» фото или видео.
5. Поисковики наложили на вас санкции за использование мошеннических схем или «серого» продвижения.

Instagram* («Продукт компании Meta, которая признана экстремистской организацией в России»).

Создание сайта в 2023 году: полный гайд с примерами

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

0. Постановка задачи

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

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

В этой статье мы будем давать общие рекомендации, которые актуальны и для лендинга, и для многостраничного сайта.

В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров

1. Формирование УТП

Неважно, какой сайт вы делаете, первое, что нужно при подготовке, – найти свою особенность. Это не значит, что у вас должны быть уникальные картинки и 80 % + по «Адвего» (сервис проверки уникальности текста).

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

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

Из УТП понятно, что уникального в бизнесе и чем он будет полезен клиенту

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

Сайт для реабилитационных тренажеров

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

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

Переписка с пользователем о реабилитационных тренажерах

Материалы, которые помогут найти и сформулировать особенность бизнеса:

2. Подготовительные работы

Подготовка – самая важная часть разработки сайта. Даже опытные специалисты не сделают «Сайт Мечты», пока не составят четкое ТЗ, что возможно только после проведения всех подготовительных работ в полном объеме.

Анализ ниши и конкурентов

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

Вот на что нужно обратить внимание при конкурентном анализе:

• Как устроены сайты конкурентов – какая у них структура, дизайн, какие детали;
• Насколько качественен сайт с точки зрения пользователя, удобно ли ему на нем;
• Какое у сайта УТП.

Также стоит обратить внимание на то, как клиенты ведут соцсети, а если есть рассылка, то и на нее.

Статьи, которые помогут провести грамотный анализ и не совершить ошибок:

SWOT-анализ бизнеса

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

Если по-русски, то это ССВУ-анализ: анализ Сильных сторон, Слабых сторон, Возможностей и Угроз продукта

К примеру, дружественные консультанты в магазине – это офлайн-УТП, которое будет побуждать клиентов пользоваться вашими услугами вне интернета. Каким будет УТП для тех, кто пользуется вашими услугами в интернете? Решайте сами, анализируя конкурентов. Это может быть мгновенная доставка «до двери», предоставление десятков тестеров / семплов по первому щелчку и т. д.

Как я изучала рынок, чтобы открыть парикмахерскую – универсальные шаги

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

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

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

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

Структура лендинга продумана, все разделы отражены на самом верху сайта. На главной – четко сформулированная миссия

Структура сайта может быть разной:

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

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

Покупка хостинга и домена

Хостинг – услуга размещения информации на сервере, «домик» сайта. Домен – имя сайта, которое отображается в адресной строке.

И то, и другое важно для вашего сайта, поэтому на хостинге и домене лучше не экономить.

Разобраться, что выбрать, помогут наши материалы:

3. Выбор стратегии продвижения + ключевые слова

Сформировали стратегию сайта и его карту? Можно собирать ключевые слова из сервисов WordStat и KeySo для дерева запросов. Необязательно сразу делать «большое дерево». Иногда, при работе с ключами вы будете замечать, что какие-то запросы неинтересны ЦА. При этом «деревянная» структура обязательна: не нужно продвигать на одной странице доставку суши в Москве и в Новосибирске.

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

Такие схемы удобно делать в виде интеллект-карт (mind maps)

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

Практическое руководство по подбору поисковых фраз

4. Выбор CMS

CMS (система управления контентом) – одна из важнейших вещей в сайтостроении. Верно подобранная «админка» поможет реализовать все задумки, быстро масштабироваться и работать без критических багов. Для текста идеально подойдет WordPress, хорошо будет работать Tilda. Магазинам лучше присматриваться к «Битриксу» и Shoptet.

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

5. Подготовительная работа с Google и «Яндексом»

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

Создайте профили в «Google Бизнес» и «Яндекс.Бизнес». Это поможет клиентам находить вас, задавать вам вопросы, а вам – отвечать на них, видеть статистику и привлекать покупателей.

Добавьте предприятие на Google Maps и «Яндекс.Карты» (также не помешает Bing). Чем больше сервисов уже индексирует вас, тем лучше. У вас может еще не быть сайта, но страничка на карте обязательна! Иначе как люди узнают, что вы работаете рядом с ними?

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

Если у вас интернет-магазин, можете добавить товары на Яндекс.Маркет. Платить придется, но только за покупки – просмотры карточек бесплатны.

Товары в Яндекс.Маркет добавляются с помощью YML-файла – об этом мы писали в статье «YML-файл для Яндекс.Маркета: что это, зачем и как его сделать».

6. Работа с ядром и структурой сайта

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

Создание семантического ядра

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

Если нужно жестко экономить, собирать семантическое ядро придется самостоятельно. В этом помогут наши материалы:

В высокочастотных запросах нереальная конкуренция, и, если сфера уже сформирована, там точно есть «мастодонты», до которых еще нужно расти / вливать огромные средства в рекламу.

Запросы «средней частоты» универсальны – по ним довольно часто переходят, хотя конкуренция еще не такая большая.

Для нишевых сайтов подойдут низкочастотные запросы.

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

Удаление «мусорных» запросов

Мусорные запросы – те, которые идут по вашей теме, но при этом не соответствуют тематике сайта. Используйте отсев по стоп-словам, специфической лексике, географии и путем проверки орфографии.

Такие запросы можно удалять без сожалений

К примеру, у вас есть два запроса: «купить молотый кофе в москве» и «купить молатый кохфа в маскве». Удаляйте второй с чистым сердцем: поисковик все равно исправит на первый и покажет в выдаче именно его.

Минимизация слов с высокими Keyword Difficulties

Keyword Difficulty – индекс, который показывает, насколько сложно будет обогнать конкурентов в поисковике Google. Всего оценки группируются по 3 большим блокам:

• 80 % – уровень джедая. Если возьмете поисковые слова с такой сложностью, готовьтесь к вливанию огромных сумм (зависящих от сферы деятельности). Новичкам без чемоданов денег лучше сюда и не заходить.
• 60–80 % – Квентин Тарантино в мире ключевиков. Да, вам не придется применять суперсилы, чтобы оказаться здесь в первых строках выдачи, но посоревноваться придется знатно.
• 60 % – на изи. Такие ключи имеют регулярный трафик, хорошо ранжируются, но здесь нет бешеной конкуренции. Идеальный выбор для новеньких.

7. Линкбилдинг-стратегия

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

Вам нужно как самим ссылаться на сторонние сайты (с хорошим рейтингом и ИКС (индекс качества сайта)), так и получать цитирование от таких порталов.

Краткое руководство по линкбилдингу:

1. Создайте контент, достойный ссылок на него и цитирования.
2. Покажите его веб-сайтам, которым он мог бы быть интересен, чтобы они его процитировали или сослались на этот контент.
3. Добавляйтесь на сайты, где вы сами можете опубликовать ссылку: бизнес-каталоги, блоги (раздел «Комментарии»), форумы, соцсети.
4. Обменивайтесь ссылками с ресурсами, которые подходят вам по тематике.

Еще о грамотном продвижении ссылками:

8. Дизайн сайта

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

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

Трехмерность

Кажется, этот тренд выработал стабильные «качели»: объемность возвращается раз в 2-3 года, после чего исчезает в угоду 2D и снова возвращается. В 2023 году в тренде реалистичные 3D-элементы (главное, чтобы они были без эффекта «зловещей долины» (когда из-за мелких несоответствий реальности, но общего пугающего сходства с нею у человека возникает чувство неприязни и страха от изображения).

Сейчас 3D-иллюстрации разрабатываются в различных стилях (абстрактный, мультипликации, чертежи). Такие иллюстрации придают индивидуальный стиль продукту или услуге.

Святослав Грошев

Арт-директор TexTerra

Объемность

Пользователи MacOS Big Sur уже успели заценить «объемные иконки». Этот тренд постепенно заходит и в веб-дизайн, так что следует ожидать объемности и подумать, не внедрить ли ее у себя.

Слои, плавающие элементы

За несколько лет скролл-эффекты пользователям поднадоели. Современный юзер хочет видеть максимальную легкость.

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

Отличный пример такой «легкости» – сайт дизайн-студии LEVELLEN. Работа с пустым пространством дала ему нужную воздушность.

Студия делает стильные дизайны, поэтому и сайт у нее стильный и «легкий»

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

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

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

Так какие детали использовать можно?

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

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

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

Святослав Грошев

Арт-директор TexTerra

Микс графики и фото

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

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

Микс графики и фото выглядит свежо

Этот прием также использует языковая школа LEXXIS. Благодаря этому сайт смотрится более «живым» и современным.

А здесь такой микс выглядит ярко и смело

Мы в работе часто миксуем фото и графику, чтобы разнообразить визуал.

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

Так было и в проекте lexxis. Мы столкнулись с тем, что тематика весьма объемная по количеству контента. Убрать или сократить его нельзя. Остается разнообразить и добавить воздуха, для чего мы взяли фирменный красно-бордовый цвет, который бы частично разгружал страницу, немного перетягивая внимание на себя. Заключили его в форму круга с обводкой и различными способами обыграли в дизайне.

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

Александра Паршина

ex-заместитель руководителя отдела дизайна TexTerra

Векторная графика

Нужно подстраиваться под поведение аудитории, а она сегодня заходит на сайты со смартфонов. Но как это сделать, если один сидит с «тапка» с диагональю 3,5 дюйма, у второго – iPhone 13 Pro Max, а третий меняет телефоны на Android, как перчатки? Только через векторную графику! У нее нет привязки к пикселям, она легко масштабируется и адаптируется к любой диагонали, от умных часов до 4К-телевизора.

Именно так мы и сделали при создании сайта доставки «Имеретинская лавка». Основные элементы выполнены в КИвекторе, поэтому легко масштабируются для просмотра с любого девайса.

Сайт можно просматривать с любого устройства, что особенно актуально сейчас, учитывая рост мобильного поиска

Цифры, данные и исследования

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

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

Цифры, статистика, исследования, инфографика и сертификаты вызывают доверие

Еще один пример – сайт для производителя напольных покрытий «КоронаПласт». В центре внимания – полезные факты о компании, сертификаты, именитые партнеры и подтверждения надежности.

Посетители сайта могут скачать pdf-файлы с каталогом и инструкциями по монтажу – это тоже про полезность

Темные цвета

Темный фон смотрится элегантно и не «выжигает глаз», как темный текст на белоснежном фоне. Более того, такие темы способствуют экономии энергии и увеличивают срок службы OLED-экранов.

Именно таким мы сделали сайт для видеостудии «Видеозаяц.РФ». Он умело сочетает темную тему, векторную графику и работу со слоями.

Темные цвета особенно хорошо выглядят в премиум-сегменте, в digital- и игровой сферах

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

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

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

Александра Паршина

ex-заместитель руководителя отдела дизайна TexTerra

Еще несколько трендов в дизайне, которые были актуальны в прошлом 2022 и остаются актуальны в 2023:

• Минимализм и максимум воздуха;
• «Легкие» шрифты с засечками:
• Симметричная верстка – баланс между текстом и изображением на сайте;
• Неоновые оттенки;
• Фотографии реальных людей вместо стоковых изображений;
• Градиенты и размытия;
• Интерактивные элементы в интерфейсах.

1. Акцентная типографика

1. Яркие цвета

1. Коллажи

Святослав Грошев

Арт-директор TexTerra

9. Базовая SEO-оптимизация сайта

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

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

1. Нет ничего, работающего на Flash. Он устарел. Точка.
2. Семантическое ядро собрано конкретно под продвигаемые страницы, а структура сайта полностью ему соответствует.
3. У сайта корректная HTML-карта – страница, где расположены ссылки на полезные разделы сайта.
4. Прописаны meta-данные сайта.
5. Дубли и неуникальные Title и Description отсутствуют.
6. Настроен https-протокол. Если у сайта есть зеркала с www, они «склеены» с основной версией.
7. «Зеркала» на других доменах отсутствуют или склеены с основным сайтом через Redirect 301. В противном случае ждите санкций и блокировки всех сайтов.
8. Зомби-страницы удалены, а дубли склеены через Redirect. Это нужно, чтобы сконцентрировать продвижение на конкретной странице, а не распылять его на 10 разных.
9. Прорисован дизайн + придуманы тексты для страниц 3xx, 4xx, 5xx и для отсутствующих фото товаров в интернет-магазинах. Сбои в работе встречаются у всех, так поднимите же настроение клиентов проработкой таких мелочей.

Страница 404: самые креативные, смешные и лаконичные варианты

1. Файлы сжаты и почти не занимают места. Все они открыты для индексации.
2. На портале присутствуют Sitemap и Robots.txt, которые регулярно обновляются.
3. «Хлебные крошки» – навигационные цепочки, показывающие путь пользователя – настроены.
4. Критические ошибки HTML-кода по стандарту W3C отсутствуют.
5. Сайт уже есть в «Яндексе» и Google. Не помешают также Rambler и Bing. Смотрите на регион ресурса и подбирайте актуальные поисковики для работы.
6. Проработаны URL, где все слова прописаны латиницей. К примеру, если вы ссылаетесь на раздел с MacBook 2020, то URL должен выглядеть как pc / laptops / apple, а не pc / laptops / -3n4oi#4t. Конечно, там нет запрещенных или спам-слов по типу gun, sex, violence. Это нужно делать с любыми товарами в интернет-магазинах.
7. Работа в разных браузерах и системах настроена. Есть 3 варианта работы на «смартах»: мобильная версия (отдельная версия сайта), адаптивная верстка (когда сайт подстраивается под экран устройства, основываясь на user agent) и динамическая верстка (масштабируемый, «резиновый сайт»). Выберите ту, которая больше всего подходит вам (мобильную версию, так как это целый отдельный сайт, может быть дольше и дороже делать).
8. Отзывы. Разместите под каждым товаром раздел отзывов. Также добавляйтесь в «Google Бизнес» и «Яндекс.Бизнес», чтобы люди могли постить про вас отзывы. Реальные отзывы – дополнительный повод доверять компании.

Если это интернет-магазин с карточками товаров, отзывы должны быть всегда.

Во-первых, их можно использовать для SEO. Например, сделав Н2-заголовком и подставлением туда информации из H1. Пример: страница «Акустика FENDER CD-60 DREAD V3 DS BLK WN» – «Мой отзыв о товаре Акустика FENDER CD-60 DREAD V3 DS BLK WN». Это позволит продвинуть запрос со словом «отзыв».

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

Если на сайте больше 1 тыс. товаров, очевидно, что на какие-то товары отзывов не будет. В таких карточках стоит написать что-нибудь в духе «Ищем героя, который сделает 1 шаг в оценке товара».

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

Кстати, отзывы размечайте с помощью микроразметки Schema.org.

alt=»Павел Антипов» width=»500″ height=»500″ />

Павел Антипов

ex-project-менеджер TexTerra

Пример оформления карточки товара – отзывы внизу

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

10. Скорость работы и загрузки сайта

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

• отрисовка самого крупного контента (LCP) – менее 2,5 сек с начала загрузки страницы;
• задержка после первого ввода (FID) – менее 100 мс;
• совокупное смещение макета (CLS) – менее 0,1.

Для ускорения сайта делается следующее.

1. Минимум редиректов.
2. Сжатая графика, видео и аудио. Держите файлы как в формате WEBP, так и в классических, но сжатых.
3. Подключенные AMP-страницы в Google и турбо-страницы в «Яндексе».
4. Включенный кэш. Если сервер будет кешировать данные юзера, при следующих посещениях сайт не будет загружаться «с нуля», что ускорит время загрузки.
5. Уменьшенное количество запросов к серверу до минимально допустимого значения. Объедините мелкие графические элементы, файлы JavaScript и другую «мелочь», чья прогрузка занимает много времени.

11. Работа с контентом

Приступаем к самому волнующему моменту – наполнению сайта информацией.

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

Это доказывает блог на сайте по производству и продаже арболитовых блоков «Русский Арболит». Если даже они нашли, чем заинтересовать читателей в своем блоге, это сможете и вы.

Даже на сложную тему можно написать интересные статьи

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

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

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

С контентом тоже вышла интересная история: мы отрабатывали преимущественно ВЧ-запросы, но «с хвостами». То есть, не просто «чем утеплить дом», а «чем утеплить дом из арболита», не просто «как рассчитать количество строительных материалов», а «как рассчитать количество строительных материалов для дома из арболита». Конечно, мы писали исчерпывающие лонгриды по теме основного запроса, делая поправку на арболит.

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

Дарья Завьялова

выпускающий редактор TexTerra

1. Подстраивайтесь под голосовые запросы. Забудьте о «Москва кофе купить молотый». Сегодня время «Окей Гугл, где купить молотый кофе на Таганке?».
2. Максимально структурируйте текст. H1, H2 и т. д. обязательны. «1 абзац = 1 мысль». Добавьте в текст таблицы и списки, где это возможно. Так вы увеличите свои шансы попасть в сниппет выдачи (нулевой запрос).
3. Заполните все meta-данные, alt и title в картинках и видео.
4. Сделайте четкий контент-план. Необязательно, чтобы он был готов на год вперед: бывает так, что актуальное сегодня, уже никому не нужно завтра. Но на какой-то период он должен быть – пусть на неделю или месяц. При этом контент должен выходить регулярно и следовать одной цели – продвижению и продажам.
5. Делайте уникальные тексты. Показатель уникальности полностью зависит от сферы и задач. В некоторых случаях (юридические, медицинские тесты) допустимо и 60-70 %, а где-то нужно хотя бы 80-85 %.
6. Пишите тексты понятным человеческим языком. Конструкции из 2007 «окна москва недорого двери купить» забудьте, как страшный сон.
7. Добавьте на сайт политику конфиденциальности. Это нужно, если вы собираете данные пользователей. Если вы их собираете, а политику конфиденциальности не разместили, можете получить штраф.
8. Убедитесь, что контент быть доступен как в webm-формате, так и в классических форматах по типу jpeg, mp4, aac и т. д.
9. Не привязывайте текст ко времени. Иначе система «свяжет» текст с этим временным промежутком. В долгосрочной перспективе этот материал просто не будет выводиться в начале поиска. Исключения – новости, аналитика и другие вещи, которые актуальны лишь на определенный промежуток времени.

Как в 2 раза увеличить посещаемость вашего блога – работаем с оптимизацией текста

1. Ссылайтесь только на проверенные источники. Поисковые машины уже научились отличать fake news и понижают позиции тем, кто использует их как источники.
2. Убедитесь, что контактные данные актуальны, одинаковы и доступны на всех страницах сайта.
3. Убедитесь, что стили шрифтов, абзацев, междустрочные интервалы, цвета и навигация одинаковы на всех страницах.
4. Проверьте, что CSS, HTML и все сценарии оптимизированы и работают без багов.
5. Проверьте, что фавикон присутствует и отображается корректно.

Фавикон – значок вашего сайта на вкладке

12. Проверка на санкции поисковиков

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

Самые частые причины «фильтрации»:

1. неуникальный контент;
2. вирусы на сайте;
3. внешние ссылки с сайтов с низким доверием, fake news и порталов под «фильтрами»;
4. переоптимизация ключевыми словами;
5. бессистемный линкбилдинг (переспам ссылками);
6. накрутка поведенческих показателей;
7. слишком агрессивная реклама; (в лучшем случае, поисковик выберет из «сети» 1 сайт, а все остальные заблокирует);
8. разные серые технологии по типу фишинга, клоакинга и т. д.

Это только вершина айсберга, который с каждым годом только растет. Самые актуальные списки того, за что сайт может попасть под фильтр, можно найти у самого «Яндекса» и Google.

13. Работа с локальностью

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

1. оптимизируются страницы в «Google Бизнес» и «Яндекс Бизнес»;
2. корректно настраиваются регионы в «Яндекс.Вебмастер» и Google Search Console;
3. правильно прорабатывается микроразметка в разделе «Контакты»;
4. компания добавляется в «Яндекс.Карты», Google Maps, 2ГИС и другие сервисы с картами;
5. с сайта убираются аффилиаты (или у них в контактах другой адрес и телефон);
6. сайт добавляется в тематические справочники: поисковики до сих пор индексируют подобные сайты. Чем больше порталов говорят о вас – тем лучше.

14. Проверка Usability

Предпоследний шаг. Вот что важно на этом этапе:

1. Навигация и сам сайт интуитивно понятны.
2. Карта кликов полностью готова. Все, что мешает, убрано.
3. Кроссбраузерность дополнительно проверена.
4. Все формы работают, письма благодарности написаны и «задевают» ЦА.
5. Все UI-тексты корректны («buy», а не «bye»).
6. Дополнительно проверены линки, перелинки, блоки навигации.
7. Отсутствуют назойливые поп-апы и пуши (как на сайтах с нелегальными онлайн-кинотеатрами).
8. Есть линки на основные social media, кнопки «Поделиться» для всех востребованных соцсетей.
9. В чат-боты загружены все основные вопросы, они понимают «человеческую речь», регулярно обновляются. Есть команды, переключающие сразу на техподдержку.
10. Основные метрики сайта в норме: LCP, FID и CLS.
11. Подключены метрики, отслеживающие посетителей: AOV (средний чек), LCV (жизненная ценность клиента), CPA (цена за целевое действие), CAC (стоимость приобретения клиента), ROI / ROMI (показатели окупаемости кампаний), конверсии, отказы, доля рекламных расходов, метрики аналитики соцсетей и рассылок, ключевые слова, приводящие клиентов.

15. Аналитика

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

(отслеживание скорости загрузки сайта); (общая аналитика сайта); (общая аналитика сайта);
1. панель разработчика в Chrome (вкладка Lighthouse, для исправления ошибок); (исправление ошибок с точки зрения SEO); (общая аналитика сайта); (экспресс-анализ сайта); (анализ обратных ссылок); (аналитика соцсетей); (тулбар для анализа ключевых SEO-параметров на открытых страницах); (поиск и анализ конкурентов); (тестирование сайта реальными посетителями).

Ваша заявка принята.
Мы свяжемся с вами в ближайшее время.

Что еще проверить

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