Редизайн сайта и алгоритм его проведения

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

НЕОБХОДИМО ЗАДУМАТЬСЯ О РЕДИЗАЙНЕ, КОГДА:

— Наблюдается снижение конверсии: все меньше и меньше посетителей заходят на сайт;

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

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

Устаревший дизайн сайта может принести собственнику бизнеса убытки по причинеснижения объема продаж и прибыли.

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

ВИДЫ РЕДИЗАЙНА:

— мы меняем только внешнее оформление сайта, не внося изменения в его структуру (цвет, картинки и проч.) Это самая простая задача.

— мы меняем и оформление, и структуру сайта (количество страниц, контент, CMS, домен, структуру страниц, каталогов, шапку и подвал сайта и проч.).

АЛГОРИТМ ПРОВЕДЕНИЯ РЕДИЗАЙНА САЙТА

Этап 1. Аудит сайта

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

Этап 2. Опрос (анкетирование) клиентов и менеджеров по продажам.

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

Этап 3. Анализ конкурентов.

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

Этап 4. Ребрендинг.

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

Этап 5. Контент.

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

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

Этап 5. Техническое задание (ТЗ).

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

Этап 6. Бэкап сайта и баз данных.

Если редизайн проходит на прежней площадке сайта, то необходимо сделать копиютекущей версии; это поможет откатить изменения, если что-то пойдет не так. Сохраните старые URL, title и description,составьте список редиректов.

Этап 7. Тестирование новой версии сайта.

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

Этап 8. Проверка технических характеристик сайта после внесения изменений.

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

Этап 9. Получение обратной связи от клиентов.

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

ПРИМЕР РЕДИЗАЙНА САЙТА:

На примере нашего сайта: smartech76.ru

ПОДВЕДЕМ ИТОГИ ВЫШЕСКАЗАННОМУ:

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

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

Какой хостинг выбрать для сайта

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

Именно поэтому очень важно перед выбором определить для себя несколько вещей:

  1. CMS (система управления контентом) — на которой работает ваш сайт.
  2. Тип вашего сайта (Сайт визитка или крупный Интернет-магазин)
  3. Набор технических функций и инструментов в панели хостинга

Очень важно понимать какую платформу вы используете, так как например сайт-визитка из 5 страниц на WordPress требует немного ресурсов хостинга , а вот серьезный интернет-магазин на 1С-Bitrix или на том же WordPress уже будет гораздо требовательней.

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

Сегодня хотелось бы рассмотреть, один из самых стабильных хостинг провайдеров Beget.com.

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

Beget.com — входит в ТОП 3 лучших хостингов России.

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

Преимущества:

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

Вывод:

Хостинг Beget.com — самый лучший вариант для размещения вашего проекта, при регистрации вам плюсом дадут 30 дней бесплатного пользования всеми тарифами.

SEO-оптимизация сайта

Нас часто спрашивают: «Как быстро продвинуть сайт в поиске Яндекса?»

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

И, да, — это игра «в долгую»…

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

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

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

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

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

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

Адаптация сайта под мобильные устройства

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

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

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

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

С точки зрения разработчика удобнее всего реализовать этот функционал посредством каскадных таблиц (CSS). Преимущество данного способа в том, что он позволяет добиться кроссбраузерности, т.е. сайт будет одинаково комфортно читаться в разных браузерах на различных устройствах. Достигается это с помощью медиа-запросов вида @media, применяемых для так называемых «точек останова».

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

Знакомство с основателем Smartech

Всем привет, меня зовут Константин, я основатель компании
Smartech и данного блога. Занимаюсь разработкой и продвижением сайтов уже более 7 лет. С проектами нашей компании вы можете ознакомиться в разделе портфолио.

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

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

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

P.S. Было сложно, но меня взяли на испытательный срок…

Проработал я без малого 4.5 года, за плечами был уже опыт не только создания сайтов на CMS, но и их продвижение в интернете. Научился настраивать и оптимизировать рекламные компании Яндекс и Гугл. Так же освоил внутреннюю и внешнюю SEO — оптимизацию сайтов.

Теперь самое интересное!

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

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

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

«Просто делайте, то что вам действительно нравится.»

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

Техническое обслуживание сайтов

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

Наши специалисты готовы взять эти проблемы на себя и решать их 24 часа в сутки.

SEO — продвижение сайтов

SEO  продвижение (англ. search engine optimization) — это комплекс действий, который регулярно проводиться над вашим сайтом для улучшения позиций в поисковой выдаче Яндекс и Google. Данная услуга предусматривает долгосрочное сотрудничество с нашей компанией с целью максимального эффекта. Наши специалисты имеют многолетний опыт работы в данной сфере.

Разработка сайтов

Разработка сайтов — это основное направление деятельности компании Smartech  с 2010 года за это время мы приобрели не малый опыт для создания качественных проектов.

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

С перечнем готовых проектов Вы можете ознакомится в разделе ПОРТФОЛИО

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

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

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

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

Именно поэтому компания SMARTECH готова вам предложить услуги профессионального копирайтинга!

Что входит в данную услугу: 

  1. Анализ и сбор информации по вашей теме
  2. Консультация по выбору темы статей для вашего сайта
  3. Интервью с вами для полного погружения в вашу тематику
  4. Написание продающего текста или статьи для вашего сайта
  5. Оптимизация данной статьи для читателя и поиска
  6. Рекомендации по размещению медиаконтента к данной статье

 

Отправить заявку на консультацию

Согласен на обработку персональных данных