Советы по создание сайтов

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

Определяем ЦА — Целевая аудитория — это люди, удовлетворяющие ту потребность, которую решает ваш продукт или услуга.. Их потребности, боли, возражения. В помощь форумы, сайты отзывов, соцсети.
Анализируем сайты и лендинги конкурентов. Их УТП — уникальное торговое предложение, CTA — – это графический элемент, который мотивирует и призывает посетителей сайта совершить конкретное действие, к примеру: купить, скачать, подписаться на рассылку и т.д. СТА подсказывает, что именно должен сделать посетитель и чего от него ожидает разработчик этой страницы., смыслы.
Формулируем 30-50 смыслов по своей компании, опираясь на полученные данные.
Определяем смыслы на 20 людях из ЦА — Целевая аудитория — это люди, удовлетворяющие ту потребность, которую решает ваш продукт или услуга.. Выделяем самые сильные смыслы.
Формулируем свое УТП.
Формулируем свои CTA.
Определяем структуру будущего сайта. Раскидываем смыслы по экранам.
Разрабатываем подробный прототип с заголовками, дескриптором, текстами, целевыми действиями (CTA).
Проверяем прототип на 20-30 людях из ЦА.
Вносим правки.
Отдаем корректору (проверяем на грамотность).
Готовим подробное ТЗ Техническое задание для дизайнера. Передаем необходимые материалы и краткий бриф о компании.
Проверяем работу на промежуточном этапе (1-2 экрана). Даем корректировки.
Проверяем дизайн-макет на понятность и однозначность образов, соответствие заголовкам и смыслам. Основная суть должна быть понятна, и читая только одни заголовки, и просматривая только одни картинки.
Принимаем дизайн-макет, получаем исходники.
Готовим ТЗ Техническое задание  для верстальщика. Передаем все материалы и исходники.
Проверяем верстку на разных устройствах и браузерах на соответствие дизайн макету.
Проверяем скорость загрузки.
Проверяем корректную работу всех форм, кнопок, интерактивных элементов.
Если требуется, то прикручиваем к системе управления сайтом (CMS)
Загружаем на сайт контент: изображения, тексты, видео.
Подключаем аналитику: Яндекс Метрика, Google Analytics. Выставляем цели.
Подключаем виджеты: онлайн консультант, обратный звонок, подмена заголовков, коллтрекинг.

Технические характеристики сайта.

Технические характеристики сайта — это визитная карточка ресурса для поисковой системы. Важнейшими техническими характеристиками для продвижения сайта являются: его доступность, корректность настроек, скорость ответа сервера, корректность кодов ответа сервера, настройка «зеркал» и др. Технические проблемы влекут за собой трудности с индексацией, что в свою очередь сильно влияет на продвижение: не проиндексированные страницы не принимают участие в ранжировании.
По этой причине диагностика работоспособности сайта и технических неполадок является важным моментом в поисковой оптимизации ресурса. Большинство проблем, возникающих при работе сайта, можно разделить на пять категорий:
1. Сайт недоступен
Сайт должен работать 24 часа в сутки, 7 дней в неделю и быть постоянно доступен как для пользователя, так и для поисковой системы. Если на сайт в момент даже кратковременного сбоя попытается зайти поисковый робот и не сможет этого сделать, ресурс не будет проиндексирован. Это может вызвать падение позиций сайта по ключевым словам или исключение всех его страниц из индекса.
Если же во время сбоя на сайт зайдет не робот, а пользователь, то это может быть еще более критично. Для крупных компаний даже 1 минута
неработоспособности ресурса.
2. Медленный или некорректно настроенный сайт
Скорость ответа сервера, на котором находится сайт, не менее важна, чем стабильность его работы. Последние несколько лет поисковые системы стали уделять этому показателю гораздо больше внимания. Яндекс и Гугл индексирует сайты, не отвечающие его представлениям о быстроте, в десятки раз медленнее, чем аналогичные сайты с хорошими показателями. Google за «медлительность» не поместит ваш сайт на высокие позиции в выдаче.
Снижение скорости работы может быть вызвано перегрузкой сервера, который не рассчитан на приведенное количество трафика, не оптимизированным кодом страницы, неработающими скриптами, подгружающимися изображениями или flash-объектами большого размера.

Советы по создание сайтов

Кроме низкой скорости, на индексацию и ранжирование могут влиять некорректно настроенные правила противостояния сетевым атакам. В таком случае запросы роботов поисковых систем воспринимаются как нападение — их активность блокируется сервером, и индексация не завершается.
Среди причин повышенного внимания к скорости загрузки можно указать следующие:
-медленно работающий ресурс автоматически попадает под определение «не для всех», что означает неспособность обслуживать большое число пользователей.
-любые изменения или новые страницы на таких сайтах могут индексироваться месяцами вместо обычных дней или недель.
Настройка «зеркал»
Каждый ресурс изначально доступен по двум разным адресам: с www и без www. Поисковая система перед индексацией воспринимает эти «зеркала» как два разных сайта, и для достижения высоких результатов продвижения необходимо провести так называемую «склейку» их адресов, или настройку
«зеркал». «Склейка» — это процесс соединения двух копий сайта, после которого устанавливается переадресация пользователя с одного адреса на другой (например, с ресурса, адрес которого включает www, пользователи будут перенаправлены на ресурс, адрес которого не содержит www, или наоборот).
Указать поисковой системе, какое «зеркало» считать главным, следует в файле robots.txt при помощи директивы Host. Далее надо настроить переадресацию, используя 301 редирект. Данный код сообщает о перемещении страницы и указывает ее новый адрес. Использование 301 редиректа является надежным способом, но в случае отсутствия доступа к настройкам сервера альтернативой ему является настройка главного «зеркала» в панели вебмастера Яндекса и Google.

В качестве дополнительных рекомендаций технической оптимизации можно указать настройку robots.txt и sitemap.xml, рекомендации по работе с flash и frame, обоснование формирования ЧПУ («человеко-понятных урлов»), устранение идентификаторов сессий и динамических URL.
Выполнение всех рассмотренных рекомендаций требуется в первую очередь для того, чтобы обеспечить полноценное индексирование ресурса.

Юзабилити

Любой владелец сайта хочет знать, что на самом деле думают его посетители. Что им кажется непонятным, сложным, раздражающим? Почему они уходят, не зарегистрировавшись и ничего не купив? Сервис Usabilla ) хорош тем, что, во-первых, позволяет получить фидбэк от пользователей, а во-вторых, в отличие от остальных юзабилити-тестеров, имеет базу русскоязычных тестировщиков. Принцип работы прост: вы отправляете ссылки на страницы вашего сайта и получаете отзывы о том, что с ними не так. Можно сузить запрос и попросить тестировщиков выполнить определённое задание. Например, купить ботинки на сайте, комментируя каждый свой шаг. Есть ещё один неплохой бесплатный вариант — сервис Mouseflow ), позволяющий записывать действия реальных посетителей сайта, точнее — движения их мышки. Благодаря этому можно узнать, насколько долго они ищут нужный элемент, какой путь проходят до совершения покупки, что их смущает в заполнении.

Адаптивность

В идеале современный сайт должен хорошо смотреться на множестве устройств: смартфоне, планшете, ноутбуке и телевизоре с выходом в интернет. С ростом мобильного интернет-трафика адаптивность сайтов становится критически важной функцией. Бесплатных инструментов проверки работы сайта на различных устройствах в интернете много. Некоторые эмуляторы (iPhone Tester, iPad Peek) позволяют увидеть свой сайт только на экране iPhone ( или iPad ), другие, как Screenfly ), — на экранах различных мобильных телефонов, включая HTC, LG, BlackBerry и Samsung. Популярный сайт кроме картинок выдаёт аналитику — информацию о том, что можно улучшить, чтобы сайт правильно отображался на экране мобильного.

Быстрота восприятия

Если в течение первых пяти секунд пользователь не смог понять, что ему делать на сайте, он, вероятнее всего, его покинет. В столь жёстких условиях конкуренции за внимание аудитории именно первое впечатление от вашего сайта играет огромную роль. Сервис 5secondtest ) предлагает вам поэкспериментировать на потенциальных клиентах. Для этого он показывает страницу сайта тестировщикам в течение пяти секунд, а потом предлагает им ответить на интересующий вас вопрос. Например, каково их общее ощущение от сайта и почему? Смогли ли они понять, чем занимается ваша компания и какие действия они должны совершить в следующий момент?

Валидность

Владелец сайта не обязан уметь исправлять ошибки в коде своего сайта, но об их существовании знать обязан. Проверить сайт на валидность — значит посмотреть, соответствует ли его исходный код стандартам W3C ). Несоответствие этим нормам и правилам может привести к тому, что сайт будет неадекватно отображаться в различных браузерах и пользоваться дурной репутацией у поисковиков. Считается, что валидный код влияет на рейтинг сайта в поисковых системах, потому что валидность HTML-кода является одним из показателей качества сайта. Проверить свой сайт на ошибки можно с помощью сервиса validator.w3.org.

Безопасность

Последствия заражения сайта вирусами могут оказаться плачевными как для владельца сайта, так и для его посетителей. Наиболее подвержены заражению самые популярные бесплатные движки сайтов — Joomla и WordPress, но и остальным не стоит расслабляться. Может случиться всякое: кража паролей, личных данных и номеров пластиковых карт пользователей, превращение компьютера в «зомби», рассылающего спам (ботнет), клоакинг, делающий сайт невидимым для поисковиков, подстановка платёжных реквизитов и многое другое. Чтобы всё это не навредило бизнесу, нужно то и дело проверять сайт на наличие вредоносного кода. Для этого можно использовать такие бесплатные инструменты как Dr.Web, «Яндекс» для веб-мастеров (вкладка «безопасность») и Antivirus Alarm )

Отображение в браузерах

Кроссбраузерное тестирование необходимо для того, чтобы определить, идентично ли отображается сайт во всех популярных браузерах (Google Chrome, Internet Explorer, Mozilla Firefox, Opera, Safari, «Яндекс.Браузер»). Под идентичностью понимается отсутствие развалов вёрстки и отображение материала с одинаковой степенью читабельности и стабильной работой всех функций. Бывает, что код неодинаково воспринимается разными версиями одного браузера. Чтобы отследить эти нюансы, можно воспользоваться популярным платным сервисом или его бесплатными аналогами browsershots.org и browserling.com. Правда, в бесплатных вам, возможно, придётся немного подождать в очереди из желающих. Естественно, сайт не должен соответствовать стандартам всех существующих браузеров. Сначала можно просто при помощи Google Analytics изучить статистику посещений, посмотрев, какими программами пользовались посетители. Определив наиболее популярные с точки зрения количества посещений, стоит приступать к тестированию и удалению неполадок.

Скорость

Любая мелочь, даже медленная загрузка страницы, может заставить потенциального клиента уйти с сайта. Исследование, проведённое в 2010 году, показало, что более 30% пользователей покидают страницу, если она загружается дольше секунды. 37% из них больше никогда не возвращаются на этот сайт, а 27% идут на сайт конкурента. позволяет не просто увидеть время загрузки страницы и сравнить её с оптимальным, но и узнать, в чём причина этой ошибки. Сервис даёт подробные рекомендации по оптимизации элементов страницы.

Битые ссылки

Гиперссылки, которые ведут на несуществующие страницы и выдают ошибку 404, всех раздражают. Битые ссылки появляются по разным причинам: истекает срок хранения или удаляются файлы, указываются неправильные URL, меняются адреса страниц. Самая плохая черта битых ссылок — незаметность: можно долго ходить по собственному сайту, не обращая на них внимания. Поэтому стоит время от времени проверять сайт на их наличие. Делать это можно при помощи бесплатных сервисов validator.w3.org, anybrowser.com и других.

Орфография

Если владельцы сайта не могут себе позволить нанять корректора, вероятность возникновения орфографических ошибок на нём довольно велика. Чтобы лишний раз не трепать нервы  интеллигентным людям, стоит иногда проверять сайт на орфографию. Для этого можно использовать специальный сервис на webmaster.yandex.ru. Достаточно ввести URL сайта, и он выделит слова, отсутствующие в словаре, жёлтым цветом. Проверка не будет работать для страниц, требующих авторизации. Можно также воспользоваться более подробным и внимательным к мелочам сервисом проверки Quittance.ru.

Поисковая оптимизация

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

Юзабилити иконок на сайте

Как правильно оформить и применить иконки на сайте? Рассказываем о простых правилах юзабилити иконок, а также приводим простой чек-лист проверки.»

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

Информационные иконки — указывают на тематику раздела. К примеру, скрещенные инструменты часто указывают на раздел с технической информацией, шестеренка — на раздел с настройками, машина указывает на информацию о доставке, цифры 24/7 — на круглосуточный график работы и т. д.

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

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

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

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

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

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

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

Используйте для проверки юзабилити иконок на сайте следующий чек-лист вопросов:
Легко ли найти иконку в интерфейсе сайта или приложения?
Насколько гармонично выглядит иконка в интерфейсе? Не нарушает ли она общую концепцию дизайна?
Расположена ли иконка в ожидаемом для пользователя месте?
Не отвлекает ли иконка внимание от основного контента страницы?
Понятен ли смысл иконки пользователю?
Как выглядит иконка в мобильной версии сайта? Легко ли с ней взаимодействовать с тачскрина?
Ассоциируется ли данная иконка с другими, несмежными действиями?

Не создает ли она дополнительные трудности в использовании сайта?

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

Подбор ключевых слов для семантического ядра сайта

Итак, что рекомендуется включать в семантическое ядро для максимального охвата:

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

Смысловые синонимы. Во время мозгоштурма подберите синонимичные запросы, которые могут вводить пользователи. Например, «праздничная одежда для девочки», «наряд для девочки», «нарядные платья для девочки». Важно не упустить ключевые фразы, имеющие наибольший спрос (большое количество показов в месяц). Для этого используйте синонимайзеры — программы, заменяющие фразы или слова в тексте на синонимы. Вот примеры таких сервисов:
FDE Synonymizer;
Online-Sinonim;
Usyn;
Raskruty.

Однокоренные слова разных частей речи. «Кожаная куртка» и «куртка из кожи» для поисковых систем не одно и то же. Все пользователи думают и ищут по-разному. Вывод: надо учитывать все возможные варианты. Подобрать их можно в процессе мозгоштурма или с помощью «Яндекс.Вордстата».

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

Автоматизированные системы (например, Serpstat, Key Collector) помогут подобрать ключевые фразы исходя из запросов, по которым продвигаются конкуренты в топе. Но лучше не ограничиваться только этим. Конкуренты могут использовать не все возможные варианты запросов.

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

Ключевые фразы из подсказок поисковых систем. Стоит учитывать, что до этого вводили пользователи (хотя обычно такие запросы имеют очень низкую частотность).

Слова, релевантные содержимому страницы. В идеале создавайте разделы, подразделы, конечные страницы под запросы пользователей. Но если на страницах уже размещена информация о товарах/услугах или другой контент, подберите актуальные запросы под них. Сделать это можно с помощью сервисов типа Google AdWords, Rookee, MegaIndex.

Запросы, по которым продвигаются конкуренты. Зная своих конкурентов в топе, вы можете определить запросы, по которым они продвигаются. Узнать эту информацию помогут онлайн-сервисы: Serpstat, Semrush, SpyWords.

Запросы из статистики посещаемости сайта и «Яндекс.Вебмастера». Ключевые слова, по которым пользователи переходят на сайт, можно посмотреть в таких системах аналитики, как «Яндекс.Метрика», Google Analytics, LiveInternet и др. На основе этих запросов (учитываются также поисковые фразы, по которым продвигаются конкуренты, запросы-синонимы и др.) формируется раздел «Рекомендованные запросы» в «Яндекс.Вебмастере». Эти ключевые слова соответствуют тематике вашего сайта и обеспечивают дополнительный трафик, поэтому вы можете добавить их в СЯ. Однако данный раздел пока работает в бета-режиме и может быть доступен не всем пользователям «Яндекс.Вебмастера».

«Хвосты» запросов и уточнённые формулировки. Отобранные для СЯ запросы введите в «Яндекс.Вордстате» и посмотрите, в каких ещё формулировках они используются и с какими «хвостами». Ничего не упустили? Ускорить процесс поиска всех вариантов запросов помогут автоматизированные сервисы Key Collector, Mutagen, Roostat, «Словодёр» и другие. Они быстро проанализируют данные «Яндекс.Вордстата» по разным запросам и выдадут результат.

Готовые подборки семантического ядра для разных тематик. Есть масса сервисов, предлагающих купить готовые ядра: «База Пастухова», UP Base, Amazing Data Bases. Но у них есть свои минусы.
Во-первых, в связи с изменением спроса актуальность баз снижается, поэтому их нужно регулярно обновлять.
Во-вторых, они могут подобрать запросы, не соответствующие тематике вашего сайта и потребностям целевой аудитории. Учитывайте это при составлении СЯ.

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

Этих советов вполне хватит чтобы создать свой красивый и продуктивный веб сайт.!!!

Как раскрутить / продвинуть сайт бесплатно / самостоятельно 2020

загрузка...

Проверьте также

9 шагов внутренней SEO-оптимизации сайта

9 шагов внутренней SEO-оптимизации сайта

С точки зрения SEO, отзывы клиентов — это уникальный контент позитивного, нейтрального либо негативного характера. …

Добавить комментарий

Ваш адрес email не будет опубликован.