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

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

Типичные ошибки при создании сайта, которые приведут ваш проект к провалу

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

01

Неправильная структура сайта

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

02

Неправильный выбор домена

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

03

Ошибки дизайна сайта и юзабилити

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

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

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

Хотите узнать как подобрать цвета для сайта? Читайте рекомендации по подбору цветовой гаммы для сайта

04

Отсутствие кроссбраузерности

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

05

Неправильное определение ЦА при создании проекта

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

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

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

06

Несоответствие сайта ожиданиям целевой аудитории

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

07

Отсутствие адаптивной верстки сайта

Мобильные пользователи уже настолько привыкли к удобному просмотру сайтов на своих планшетах и смартфонах, что при виде страницы, которая не подстраивается под размер экрана гаджета, они просто ее закрывают. Сегодня никто не будет пытаться рассмотреть мелкий шрифт на экране мобильного, увеличивая его и двигая бегунком для просмотра всей страницы сайта. Соответственно, его владелец теряет клиентов и, вместе с тем, значительно понижает свой имидж. Адаптивная верстка или мобильная версия сайта обязательна и не только из-за снижения имиджа компании, но и для удержания позиций сайта в выдаче. Уже сегодня сайты без адаптивной верстки или мобильной версии сидят на сниженных позициях (в некоторых тематиках из-за этого теряется до 60% трафика), а в 2018 году Google обещает ввести mobile-first индекс, из-за которого общее ранжирование сайта будет зависеть от того, как ресурс ранжируется на мобильных.

08

Проблемы с контентом

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

  • Неправильная, непривлекательная верстка контента сплошным полотном без заголовков, списков и абзацев;
  • Неуникальный контент, откровенные копипасты (которые, к слову, могут сказаться на SEO-продвижении сайта);
  • Устаревшая и неактуальная информация (что также повлияет на продвижение);
  • Чрезмерный или недостающий объем контента;
  • Ошибки в тексте.

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

08

Низкая скорость загрузки сайта

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

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

09

Отсутствие полезных тегов

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

10

Технические ошибки на сайте

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

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

  • Технические дубликаты на сайте;
  • Индексируемые страницы поиска;
  • Отсутствие ЧПУ или их неправильная настройка;
  • Индексация мусорных страниц;
  • Генерирование сайтом страниц с 404 ошибкой и редиректами;
  • Склейка зеркал сайта с и без www, с http и https;
  • Несогласованные кодировки сервера и сайта и др.

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

11

Фоновая музыка

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

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

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

Ошибки при разработке сайта услуг

Теперь углубимся в тематику и приведем ошибки, которые присуще тематическим сайтам. И начнем с сайтов, посвященным услугам. Как правило, это относительно небольшие сайты, состоящие из 20-50 страниц (если речь не идет о консалтинговых, адвокатских или бухгалтерских фирмах, где перечень услуг гораздо больше). Поэтому, чаще всего, возникают проблемы с юзабилити.

12

Непродуманная структура услуг

На сайтах услуг очень популярны 2 крайности среди:

  • Владельцев, что создают мало страниц услуг;
  • Владельцев, что создают слишком много страниц.

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

Вторые, наоборот, немного знакомы с SEO и работают по принципу одна страница — один запрос и, практически, под каждый запрос создают отдельную посадочную страницу. Тем самым они генерируют на сайте множество тематических дубликатов, которые мешают друг другу. Так появляются у компаний, которые работают, например, только в Киеве, отдельные страницы типа: «Строительство домов и строительство домов в Киеве». Или, например, отдельные страницы «Разработка сайтов» и «Создание сайтов». Если задуматься, разницы по тематикам нет, но при этом 2 разные страницы, которые создают еще больший и ненужный объем.

 

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

13

Плохой контент на услугах

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

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

Ошибки при разработке сайта услуг

Также к наиболее распространенным ошибкам таких сайтов можно отнести:

14

Отсутствие внутренней перелинковки

15

Слабые призывы к действию, их отсутствие

16

Отсутствие внутренней перелинковки

Ошибки при создании интернет-магазина

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

17

Отсутствие функции поиска

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

18

Цены «по запросу»

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

19

Ошибки в карточке товара

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

20

Сложность заказа

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