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

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

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

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

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

Пятая татуировка для вашего сайта — «Мобильная версия». По статистике, 57% пользователей закроют сайт, если у него нет мобильной версии или она недостаточно удобна. Откройте его с телефона. Удобен ли он? Перестаньте терять клиентов. Мобильный трафик сегодня слишком объемен, чтобы им пренебрегать.

Соответствие закону — это шестая татуировка вашего сайта. Если вы не хотите штраф до сотен тысяч рублей (реальные случаи уже существуют в России), изучите законодательство в вашей сфере. И не только. Особенно речь касается медицинских, образовательных учреждений, строительных фирм и многих других.

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

«Юзабилити» — модное слово по факту означает способность продукта (сайта/приложения в нашем контексте) быть понимаемым, изучаемым, используемым и привлекательным для пользователя в заданных условиях. Думайте за клиента. Клиент на вашем сайте думать не должен!

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

В мире существует больше 10 операционных систем, а еще десятки только популярных версий интернет-браузеров (а у каждого еще по несколько версий!). У них всех разные требования к вашему сайту. Грамотные разработчики это учитывают, менее грамотные — забывают или «забивают». Но вы же понимаете, что не у всех ваших клиентов установлен Windows и не все из них пользуются IPhone. Все это (безобразие) многообразие необходимо учитывать.

Посмотрите один и тот же сайт у себя на телефоне, на телефоне друга, на планшете, ноутбуке, на рабочем компьютере, а затем на Smart TV. Если где-то «поплыли» картинки и тексты или появились слишком большие полосы, которые мешают просмотру, то этот сайт не адаптивен. А должен быть. Адаптивность — 11 татуировка для вашего сайта.

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

Структура сайта — то, с чего начинается его разработка. Всевозможные схемы, так называемые «юзерстори», помогают увидеть путь пользователя по сайту, который он проходит на пути к целевому действию (совершению покупки или заказу услуг). Системность представления информации на сайте обязательна для клиента. И это 13 татуировка для вашего ресурса.

Если вы не знаете, кто и как попадает к вам на сайт, сколько они проводят времени, какие кнопки чаще всего нажимают, то вряд ли вы сможете довести свой сайт до совершенства. Чтобы «держать руку на пульсе», необходимо постоянно анализировать поток пользователей и производить улучшения сайта. Системы Яндекс Метрика и Google Analytics помогут вам найти «дыры» в сайте, через которые утекают пользователи, не успев сделать заказ или обратиться к вам. И это 14 татуировка вашего сайта

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

Вас раздражает окно виртуального помощника на сайтах? А многие люди обращаются с вопросом к онлайн-специалисту на сайте. И если они получают быстрый и грамотный ответ, то зачастую тут же становятся вашим клиентом. Так, в одну томскую клинику 43% онлайн-записей на прием приходится именно на долю записей через чат. Чат со специалистом — 16 татуировка для вашего сайта.

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

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

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

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

Вопреки распространенному мнению, аккаунты в социальных сетях нужны не каждой организации. Но многим они очень помогут увеличить продажи и лояльность клиентов. Не всегда нужно представлять только свою компанию, например, в Facebook или instagram. Часто соцсети компании привлекают за счет уникальности контента (лайфхаки/ интересные истории из вашей сферы деятельности). Рассказывайте о том, что интересно вашей потенциальной целевой аудитории, языком, который ей близок и понятен. SMM — 20 татуировка для вашего сайта.

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

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

Но одного качественного текста на сайте недостаточно. На конверсию также влияют размещенные на сайте фотографии товаров, отзывы клиентов, размещенные на сайте виджеты: онлайн-чаты, call-back сервисы, подписки на вашу рассылку.

И помните, доверие пользователя к представленной на сайте информации обязательно повлияет на принятия решения: покупать или не покупать. «Текст и контент» — 22 татуировка для вашего сайта.

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

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

Если у вас очень большая нагрузка на базу данных (БД), то это может быть предвестником блокировки сайта. Кроме того, из-за высокой нагрузки на БД может снизиться и скорость загрузки вашего сайта, что будет оказывать влияние на его seo-показатели. Чтобы этого избежать, нужно оптимизировать работу вашего ресурса и уменьшить нагрузку на БД. «Нагрузка на базу данных» — 24 татуировка для вашего сайта.

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

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

Домен сайта — это его уникальное имя в интернете, т. е. адрес вашего сайта. Именно регистрация домена позволяет цифровой адрес сайта (IP) представить в виде понятного человеку набора букв, цифр и знаков. Собственный домен сайта дает компании легкое запоминание адреса сайта, а также его легкое нахождение в сети интернет. Если у сайта компании отсутствует собственное доменное имя, то это воспринимается пользователями Интернета как недостаток средств у компании на его покупку или её несерьезное отношение к современным технологиям. А зарегистрировав доменное имя, вы можете заказать виртуальный почтовый сервер и создать для каждого сотрудника информативный и запоминающийся почтовый адрес вида сотрудник@компания.ru. Таким образом, наличие собственного домена повышает солидность вашей компании. А за счет уникальности, читабельности и узнаваемости домена, повышается число постоянных пользователей и улучшаются их поведенческие факторы. «Домен» — это 27 татуировка для вашего сайта.

SSL-сертификат — это 28 татуировка для вашего сайта. SSL-сертификат нужен для защиты данных пользователей и идентификации сервера в сети. Это уникальная цифровая подпись вашего сайта, которая содержит информацию о владельце домена — имя, название домена, адрес, юридические данные (если доменом владеет организация). Без этого сертификата сайты передают данные по открытому протоколу HTTP. Это значит, что любой человек, перехвативший информацию, сможет воспользоваться ей в своих целях. С SSL-сертификатом данные шифруются и передаются по безопасному протоколу HTTPS. Даже если злоумышленники перехватят такую информацию, то не смогут её расшифровать без секретного ключа, известного только владельцу домена.

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

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

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

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

Карта сайта (sitemap) — это специальный xml-файл, содержащий в себе перечень ссылок на все важные страницы вашего ресурса. Он указывает поисковикам те страницы сайта, которые нужно будет обязательно проиндексировать. И это один из основных файлов, который должен иметься у любого веб-ресурса. Ссылка на xml карту сайта всегда располагается в файле robots.txt. Карта сайта регулирует перемещения поисковых ботов по закоулкам вашего сайта. Если у вас есть sitemap, поисковые роботы Гугла и Яндекса быстрее проиндексируют весь ваш ресурс, что несомненно отразится на выдаче.

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

Журнал вторжений — 32 татуировка для вашего сайта.

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

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

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

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

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

Отзывы — 35 татуировка для вашего сайта. Согласно статистике, отзывы на сайте читают более 80% пользователей. Они повысят репутацию вашего товара и бренда. Кроме того, на сайте, где есть отзывы, люди проводят больше времени, что способствует улучшению позиций в выдаче. В целом улучшение поведенческих факторов сайта, благодаря отзывам ваших клиентов и покупателей, способствует росту органического трафика.

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

Не забудьте работать с отзывами клиентов и на других ресурсах: в тематических блогах и форумах, в тематических сообществах и группах социальных сетей, на специальных сервисах для их размещения — otzovik.com, otzyv.pro, IRecommend.ru.

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

Страница «Контакты» должна быть доступна с любой страницы вашего сайта в один клик. Чем выше она находится, тем быстрее пользователь и поисковый робот ее найдут. Чтобы поисковые роботы правильно сканирования и индексировали страницу у нее должен быть релевантный URL (.../contacts), должны быть заданы корректные заголовок страницы Title, метатег Description и заголовок Н1. А также зарегистрируйте компанию в Яндексе и Google справочниках, чтобы получить расширенный сниппет в поисковой выдаче.

Продавать на сайте могут не только описания услуг или товаров. Раздел «О нас», он же «О компании», помогает ответить на вопрос пользователя «чем вы можете быть мне полезны?». Факты и цифры о компании этому не помогут. Напишите о том, что будет отстраивать вас от конкурентов: бесплатная доставка, скидки подписчикам в социальных сетях, особые программы лояльности, экологичная упаковка, возможно вы активно занимаетесь благотворительностью и так далее. Раздел «О компании» — 37 татуировка для вашего сайта.

Ошибка 404 обычно возникает если страница, на которую пользователь хотел перейти удалена, адрес страницы введен некорректно, была неправильно настроена переадресация с другой страницы либо в случае, когда пользователь пытается перейти на несуществующую страницу сайта. Во всех этих случаях актуальна правильная настройка страницы 404. Она поможет SEO и должна отдавать код HTTP 404 (Not Found). Если на сайте много неоформленных страниц, с которых ваши клиенты не могут перейти на главную или другие разделы, то у сайта снижаются позиции в органическом поиске. Используйте интересный дизайн, завлекающий пользователей, сохраняя стилистику своего сайта, чтобы оставить пользователя на вашем ресурсе. В интернете можно найти много различных вариантов ее оформления. И это 38 татуировка для вашего сайта. Также в нашем инстаграме мы периодически публикуем наши решения оформления для некоторых клиентов.

Процесс связывания ссылками страниц интернет-сайтов называется перелинковкой. Это один из обязательных процессов поисковой оптимизации сайта.

Перелинковка несет следующие функции:️

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

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

Правильная перелинковка — 39 татуировка для вашего сайта.

Когда информация, которая собирается в системах аналитики, не позволяет анализировать продажи, на помощь приходит электронная коммерция (ecommerce). И это 40 татуировка для вашего сайта.

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

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

Акцент на качество и доверие — 41 татуировка для вашего сайта.

42 татуировка для вашего сайта — его валидность. Валидность сайта подразумевает под собой соответствие HTML-кода определенным правилам и стандартам, разработанными Консорциумом Всемирной Паутины — World Wide Web Consortium (W3C). Соблюдение правил, прописанных этим стандартом, является гарантией корректного отображения сайта в разных браузерах, а также отсутствия ошибок, влияющих на скорость загрузки и другие параметры. Проверка валидации сайта нужна, чтобы в будущем избежать критических ошибок и сбоев в его работе. Также она дает определенную уверенность в том, что адаптивность сайта находится на должном уровне. Есть специальные сервисы валидаторы, которые проверяют сайты на наличие ошибок в структуре документа, а также проверяют HTML-код на соответствие стандарту, который у вас указан в самом начале любой HTML-страницы.

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

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

44 татуировка для вашего сайта — микроразметка.

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

Около 10% пользователей интернета имеют большие проблемы со зрением. Создание версии сайта для слабовидящих является одним из требований ГОСТ Р 52872-2012 к сайтам. Особенно актуальные такие версии сайтов для медицинских клиник. Пример можно увидеть на сайте одного из наших клиентов — стоматологической клиники «ДиаМед». Создавая их сайт мы уделили особое внимание режиму для слабовидящих: создали возможность выбора цвета шрифта, цвета сайта, а также выбрать наличие изображений на сайте. Версия для людей с ограниченными возможностями — 45 татуировка для вашего сайта. За стандарты разработки сайтов для людей с ограниченными возможностями отвечает WCAG (Web Content Accessibility Guidelines).