7 способов улучшить дизайн сайта
Алёна Лазарева, редактор-фрилансер, написала статью специально для блога Нетологии о семи возможных способах улучшить веб-дизайн.
Ученые Стэнфордского университета провели опрос, который показал, что 46% респондентов составляют мнение о сайте на основании его внешнего вида и интерфейса. Если дизайн не нравится пользователю, то и весь контент кажется ненадежным и не заслуживающим доверия. Рассказываем о том, как сделать дизайн сайта лучше.
Иллюстрации
Правильно подобранные иллюстрации делают сайт живым. Их главная задача — не просто заполнить пустое место, а вызвать эмоции и связать их с брендом. Авторские иллюстрации помогут сделать сайт узнаваемым. Их можно использовать в заголовках, иконках и при создании анимации.
Иллюстрации помогут сделать дружелюбным даже самый минималистичный дизайн.
При наполнении сайта иллюстрациями важно помнить о единообразии и не переусердствовать. Самые красивые иллюстрации вызовут отторжение, если их будет слишком много.
Dropbox использует простые в исполнении иллюстрации, которые усиливают впечатление от текста.
Типографика
Типографика играет большую роль в формировании идентичности бренда. От нее зависит, как пользователи будут воспринимать текст.
У каждого шрифта свой характер. Постарайтесь выбрать такой шрифт, который передаст настроение текста за счет графического образа.
Условно шрифты можно разделить на четыре категории:
Антиквенные шрифты (Serif) — это шрифты с засечками. Раньше они использовались для набора книг и периодики, но с появлением экранов с высоким разрешением, антиквенные шрифты пришли в веб-дизайн. Они легко читаются, поэтому подходит для набора большого объема текста.
Гротескные шрифты (Sans Serif) — шрифты без засечек. Хорошо подходят для текстов небольшого объёма, заголовков и узких колонок.
Декоративные шрифты — шрифты, которые имитируют исторический стиль или декоративную обработку. Подходят для набора небольшого объёма текста, который требует сложного художественного оформления.
Рукописные шрифты — шрифты, имитирующие почерк или каллиграфический стиль. Используются так же, как и декоративные.
Google Fonts — библиотека бесплатных шрифтов, которая позволяет легко подобрать подходящий шрифт и импортировать его на ваш сайт. Когда определитесь со шрифтом, не забудьте настроить кегль, начертание и междустрочный интервал.
Для оформления своего сайта студия дизайна Perky Bros использовала два шрифта: Brown и Minion. Гротескный шрифт Brown использован в оформлении панели навигации, а антиквенный Minion для набора текста о компании.
Другое дизайнерское бюро Your Majesty тоже использует два шрифта: гротескный Plain для оформления меню и декоративный Canela для выделения информации о главных партнерах компании.
Не бойтесь комбинировать шрифты с засечками и без. Главное правило — они должны легко читаться и сочетаться между собой.
Фотографии
Большинству людей легче запомнить картинку, чем прочитанный или услышанный текст. Поэтому к выбору фотографий для сайта стоит подходить особенно тщательно.
Согласно исследованиям, одно изображение может заменить 84 слова.
Правильная фотография для сайта должна быть:
Дизайнеры любят размещать на сайтах большие фоновые фотографии. Они красивые, но быстро забываются. Исключение составляют фотографии, которые вызывают эмоции: например, изображения людей или фото с необычных ракурсов.
Идеальным вариантом будет отказаться от стоковых фотографий, особенно это касается бесплатных фотостоков. Если пользователь увидит фотографию с сайта на другом ресурсе, это может подорвать доверие к вашему контенту и бренду в целом.
У Почты России есть два официальных представителя в социальных сетях — Дмитрий Маркин и Татьяна Кузнецова. Пользователи выяснили, что фотографии обоих были приобретены на фотостоках и усомнились в реальности сотрудников. История быстро разошлась по сети, ударив по репутации Почты и её «официальных лиц».
Анимация
Анимация на сайте — эффектный, но далеко не новый прием. Сначала анимацию создавали при помощи GIF, затем — Flash. Оба решения сильно замедляли работу сайта. Сейчас для создания анимации используют CSS-кодирование и JavaScript, которые не так заметно влияют на производительность.
Анимация может быть полноэкранной или интегрированной в навигацию. Её главная задача — помочь пользователю разобраться со сложными моментами и привлечь его внимание к важным деталям.
Студия веб-разработки HTMLBURGER использует «бургерное меню» в прямом смысле этого слова. Элементы навигации оживают при наведении курсора. Это не только привлекает внимание, но и дает понять, какие элементы кликабельны.
Видео
Как и в случае с анимацией, движущееся изображение на странице мгновенно захватывает внимание пользователей. Главные преимущества видео — динамика, развитие сюжета и больший эмоциональный отклик.
Видео на сайте можно использовать для следующих целей:
От фоновых видео только для красоты лучше отказаться. Они уменьшают производительность сайта и при этом не доносят никакой информации до пользователя. Если же удивить пользователей все равно хочется, то присмотритесь к альтернативам видео — анимации, параллаксу и синемаграфии.
Синемаграф — фотография, один элемент которой совершает незначительное и бесконечно повторяющееся движение, а остальное изображение остается неподвижным.
Если вы размещаете на сайте видео, которое воспроизводится автоматически, то хорошим тоном будет отключить автовоспроизведение звука. Позвольте пользователю самому решать, хочет ли он включить звук, и предоставьте возможность сделать это легко. Внезапный громкий звук испугает не только пользователя, но и всех окружающих.
Вместо тысячи слов — яркое, динамичное видео, которое с первых секунд погружает в мир игры Monument Valley.
Цвета
С каждым новым поколением мониторы и дисплеи устройств становятся лучше. Поэтому концепция «безопасной веб-палитры» безнадежно устарела. Однако, при выборе цветового оформления сайта не стоит забывать:
Чтобы выбрать цветовое решение, определите свою целевую аудиторию и сообщение, которое вы хотите до нее донести.
Яркие цвета
Использование яркой цветовой палитры при оформлении веб-сайта — популярный тренд последних лет. Это универсальное решение для сайтов, рассчитанных на широкую аудиторию.
Одни дизайнеры подбирают цветовую схему на глаз, другим помогают генераторы цветовой палитры. Одним из лучших на данный момент считается Adobe Color CC. С его помощью можно создавать свои цветовые схемы, а также вдохновляться работами других дизайнеров.
Стоит помнить, что генераторы могут помочь дизайнеру, но не заменят чувство вкуса. Эффектная палитра, которую выдает генератор, может оказаться неудачными решением на этапе реализации.
Сервис, который подпишет и отправит за вас открытку вашим друзьям. Основная целевая аудитория сервиса — женщины, но яркую цветовую схему и милые иллюстрации оценят не только они.
Монохром
Монохромная палитра — это сочетание одного основного цвета и теней, тонов и полутонов этого оттенка. Такое цветовое решение позволяет сайту выглядеть стильно и лаконично. Оно отлично подойдет для создания плоского или минималистичного дизайна.
Выбирая монохромную палитру для сайта, уделите особое внимание контрасту. Если он будет недостаточно резким, элементы сайта сольются с фоном.
Сдержанный монохромный сайт дизайн-студии из Канады.
Ретро
Как только все забывают про стиль ретро в веб-дизайне, он снова возвращается. Дизайнеры любят его за сдержанную цветовую палитру и возможность вызвать ностальгию у пользователей.
Для оформления своего сайта диджитал-агентство использует сепию и знак, которым раньше обозначали придорожные мотели и рестораны на трассах Америки.
VR-эффекты
Развитие технологий виртуальной реальности — одна из самых обсуждаемых тем этого года. Пока технологии еще не позволяют полноценно использовать VR в веб-дизайне, все существующие попытки находятся на стадии прототипов. Не до конца понятно, сможет ли VR сделать сайты удобнее или просто останется способом привлечь внимание.
Но существуют приемы, которые можно назвать имитацией виртуальной реальности. Их главная цель — позволить пользователю почувствовать себя участником событий.
Параллакс-эффект
Параллакс-эффект создается при скроллинге, когда фон и объект на нем прокручиваются с разной скоростью. Этот эффект используют, чтобы создать у пользователя иллюзию трехмерности. Такой прием можно применить ко всей странице или отдельным блокам, чтобы привлечь внимание к определенной части контента.
Герои проекта о помощи бездомным оживают при прокручивании страницы и рассказывают историю своей жизни.
360°-обзор
360°-обзор создают из множества фотографий одного предмета под разными углами. Они склеены таким образом, что пользователь может повернуть его на 360° и рассмотреть со всех сторон.
Этот прием выполняет ту же функцию, что и видео: он демонстрирует товар. Однако главное отличие от видео — возможность контроля.
При просмотре товара покупатель сам контролирует время и скорость обзора. Это делает его участником процесса, а не пассивным наблюдателем.
Выводы
Какой бы прием вы ни выбрали, не стоит забывать о здравом смысле. Каждый прием должен быть оправдан определенной целью. Идеальных решений для всех не бывает, но есть подходящие именно вам.
Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации.
Как удержать посетителей на сайте и улучшить ПФ: 19 идей

Яндекс в конце 2012 г. «порадовал» оптимизаторов введением персонализированного поиска «Калининград».
Google не остановился после алгоритма «Пингвин», и снова предупреждает веб-мастеров о том, что будет и дальше бороться с покупными ссылками.
В свете всех этих изменений особенно важна тщательная работа над содержанием сайта. Причем важно работать не только над релевантностью посадочной страницы, что большинство оптимизаторов делают уже давно. Необходимо позаботиться о релевантности, пользе и удобстве всего сайта в целом.
В этой статье я предложу варианты, с помощью которых можно улучшить сайт и его поведенческие факторы, привнести «добавочную ценность», которая сделает ресурс лучше с точки зрения и пользователей, и поисковых систем.
Цель статьи не состоит в том, чтобы дать исчерпывающий список возможностей улучшения сайта. Для разных направлений наверняка найдутся свои специфические методы. Цель – показать, что таких возможностей много, и при желании вы легко сможете найти способ, как улучшить поведенческие факторы для своего проекта, что, несомненно, отразится и на позициях по продвигаемым запросам.
Отзывы и комментарии
Наличие живых комментариев – это постоянное обновление страницы уникальным контентом. За счет комментариев страница может находиться в выдаче по дополнительным тематическим запросам. В ряде тематик пользователи могут читать комментарии дольше, чем саму статью. Поисковые роботы любят такие страницы, и вряд ли кто-то из веб-мастеров не знает об этом. Тем не менее, используют не все. Или делают формы для комментариев такими сложными, что отбивают желание комментировать у большинства посетителей. Позаботьтесь о наличии и удобстве форм для отзывов на своем сайте. Это может стать существенным подспорьем в его развитии.
Новости отрасли
Новости есть на многих сайтах, но зачастую наполняются они поздравлениями с праздниками и прочей бесполезной информацией. Наполнять раздел следует только полезной и нужной информацией, новости, которые не читают, пользы сайту не принесут. На создание качественной ленты новостей нужно тратить время. Но оно окупится лояльностью посетителей и улучшением ПФ сайта.
Мнение специалистов
Привлеките к наполнению или комментированию статей специалистов, чье мнение будет полезно и интересно посетителям. Наличие мнения экспертов будет дополнительным показателем авторитетности вашего ресурса.
Приведу в качестве примера ответ представителя банка на сайте banki.ru:

Сравнения
Сложно придумать тему для статьи, а основные данные о товарах и так есть в технических характеристиках? Но кто мешает вам сравнить несколько аналогичных товаров разных производителей? Если вы подойдете к задаче творчески, то получите полезный и уникальный контент для своего сайта.
Обзоры
«Обзоры» – еще один раздел, за счет которого можно разнообразить содержание сайта. Это может быть «обзор новинок ушедшего года» или «обзор отраслевых новостей». Главное, чтобы информация была действительно интересной, а не представляла собой сухой рерайт. Дайте свою оценку событиям, сделайте прогноз на предстоящий год, покажите взаимосвязь между событиями – все это сделает материал актуальным и полезным для пользователей.
Полезные сервисы
Подумайте, какие сервисы будут полезны и удобны посетителям вашего сайта. Для женского сайта это может быть калькулятор калорий, для медицинского – поиск ближайшей аптеки или поликлиники, для автомобильного – калькулятор расхода бензина. В каждой тематике будет свой набор дополнительных возможностей.
Если идей нет, поищите их на сайтах конкурентов. Важно не просто копировать, а привносить что-то свое, делать сервис действительно полезным. Если вы скопируете скрипт бесплатного психологического теста, который уже есть на сотне сайтов, это вряд ли станет плюсом для ПФ вашего ресурса.
Калькулятор расхода топлива на сайте vezoo.ru:

Советы
Давайте своим посетителям полезные советы и рекомендации. Если сайт посвящен обойной тематике, вы можете рассказать:
Статья должна быть в первую очередь полезна пользователям. Не нужно писать только ради дополнительных ключевых слов. Если советы на сайте никто не читает, и у статей большой процент отказов, то такой раздел скорее навредит, ухудшив общий ПФ проекта.
Тематический форум
Наличие подобного форума может стать существенным подспорьем для развития проекта. Добавив на форум элементы навигации основного сайта, вы сможете не только сделать ресурс более информативным, но и получать дополнительный трафик.
Новости читателей
Предложите вашим посетителям сообщать об интересных событиях и новостях. Для сайта это дополнительный тематический контент, для посетителей – еще один интересный раздел.
Инструкции
Ваш сайт торгует душевыми кабинками? Позаботьтесь, чтобы на сайте были инструкции по сборке.
Сайт посвящен здоровью и предоставляет информацию о наличии и цене лекарств в городских аптеках? Разместите инструкции по применению. Наличие подобной дополнительной информации будет плюсом при ранжировании и выделит ваш сайт на фоне конкурентов.
Пример размещения инструкций на сайте apteka-ifk.ru:

Каталог организаций
Разместите на сайте каталог полезных для посетителей организаций. Если сайт посвящен автомобильной тематике, вы можете предложить адреса СТО. Если сайт о здоровье – предоставить информацию о городских медицинских центрах. Разумеется, нужно предоставить действительно нужную и полезную информацию, позаботиться об удобстве и оформлении. Каталог с тысячами страниц, сгенерированный с 2ГИС, вряд ли будет полезен.
Рейтинги
Предложите своим посетителям оценить статьи или товары вашего сайта. На базе этих оценок можно создавать свои рейтинги. На сайте можно будет разместить блок со ссылками на статьи с наиболее высокой оценкой.
Опросы
Проводя опросы по наиболее актуальным и спорным вопросам, вы будете стимулировать посетителей к активному участию в жизни сайта. Высказав свое мнение, пользователь с большей вероятностью запомнит ваш сайт и вернется на него вновь.
Развлекательные материалы
Немного юмора среди серых будней может выделить ваш сайт на общем фоне. Предложите своим посетителям почитать анекдоты, связанные с тематикой сайта, поделитесь с ними забавными случаями из профессиональной практики. Удачными шутками охотно делятся, ставят на них ссылки.
Интервью
Возьмите интервью у известных в вашей отрасли личностей. Интервью не обязательно брать лично. Можно подготовить список вопросов одному специалисту и договорится о заочной форме интервью или попросить прокомментировать значимое событие нескольких экспертов и подготовить материал на базе их комментариев.
Конкурсы
Интересный конкурс с хорошими призами – еще один отличный способ разнообразить контент вашего сайта. Простимулируйте пользователей, чтобы они загружали свои статьи, фото, интересные истории из жизни. Увлекательный конкурс будет способствовать расширению аудитории, положительно скажется на увеличении ссылочной массы сайта.
Конкурс «Мисс весна 2013» на сайте auto.ru:

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

Картинки и Видео
Всем известно, что информация, дополненная визуальными образами, лучше воспринимается пользователями. Подумайте, в полной ли мере вы используете
этот канал подачи информации. Для многих тематик можно использовать фотогалереи
или видеообзоры. Для сайтов с технической ориентацией будет полезен раздел с видеоинструкциями. Пользователи охотно просматривают такие
разделы – ПФ улучшается.
Для того чтобы сайт развивался, над ним постоянно нужно работать, улучшать его и модернизировать. Только при таком подходе вы сможете стать лидером в своей отрасли и стабильно закрепиться на топовых позициях в выдаче.
Удачного продвижения и новых идей для развития сайтов!
61 способ улучшить SEO вашего сайта
Недавно мы закончили курс по SEO в Нетологии и составили для себя чек-лист того, что обязательно нужно сделать на сайте «Я люблю ИП» для поисковой оптимизации. Но эти советы универсальны для любого проекта. В статье вы найдёте список практических рекомендаций со всего курса из 13 лекций от 8 разных специалистов, а также полезные ссылки и сервисы, которые помогут вам улучшить SEO вашего сайта.
Для кого эта статья:
Дисклеймер: эти советы вряд ли помогут вам выйти в топ по высокочастотным запросам, но вы сможете исправить все технические и текстовые ошибки на сайте, чтобы повысить свои позиции.
Работы по SEO в основном состоят из 5 этапов:
Технический аудит сайта
1) Проверьте, все ли страницы сайта находятся в поиске:
2) Проверьте наличие дублей на сайте. Дубли — это страницы с одинаковым содержанием, но с разными URL. Дубли могут быть полные (если контент совпадает на 100 %) или частичные (с высоким % совпадения). Дубли страниц необходимо удалять.
3) Проверьте наличие пустых страниц (которые не содержат контента). Пустые страницы можно:
4) Проверьте наличие мусорных страниц (которые не содержат полезного контента). Мусорные страницы можно:
5) Проверьте наличие файла robots.txt. Это текстовый файл в корневой директории сайта, который содержит специальные инструкции для поисковых роботов. Подробнее см. справку Яндекса и Google. Размер файла не должен превышать 32 КБ.
6) В файле robots.txt можно указать общие правила для всех поисковых систем и отдельно для Яндекса. В правилах для Яндекса должна быть дополнительно указана директива Host (главное зеркало вашего сайта с www или без) и директива Sitemap с ссылкой на карту вашего сайта. Проверить файл robots.txt можно в Яндекс.Вебмастере.
User-agent: *
Disallow: /contacts/
Sitemap: http://www.iloveip.ru/sitemap.xml
User-agent: Yandex
Disallow: /contacts/
Host: www.iloveip.ru
Sitemap: http://www.iloveip.ru/sitemap.xml
Пример файла robots.txt с нашего сайта
7) Проверьте наличие файла sitemap.xml. Это аналог карты сайта, предназначенный специально для поисковых роботов. Подробнее см. справку Яндекса и Google. Создать карту сайта можно по ссылке. Проверить файл sitemap.xml можно в Яндекс.Вебмастере.
8) Проверьте наличие «битых» ссылок (ссылок на несуществующие или недоступные страницы). Необходимо удалять все битые ссылки, как внешние, так и внутренние. Проверить битые ссылки можно в программе Screaming Frog SEO Spider Tool (загружается на компьютер, есть бесплатная версия) или онлайн с помощью инструмента Технический анализ от SeoWizard (сервис платный). Также битые ссылки можно проверить в Яндекс.Вебмастере: Индексирование → Статистика обхода (см. HTTP код 404).
9) Проверьте наличие редиректов на сайте. Виды редиректов:
Редиректами лучше не злоупотреблять, так как наличие на страницах сайта ссылок, ведущих на страницы с редиректом, способствует «утере» ссылочного веса.
Проверить можно в Яндекс.Вебмастере: Индексирование → Статистика обхода (см. HTTP код страницы).
10) Проверьте скорость загрузки сайта (должна быть менее 3 сек). Это один из важных факторов, который влияет на ранжирование сайта поисковыми системами. Проверить можно с помощью Google PageSpeed или в Google Search Console (Сканирование → Статистика сканирования → Время, затраченное на загрузку страницы).
13) Проверьте правильность URL. Неконечные страницы (разделы, подразделы) должны содержать «/» на конце URL, а конечные страницы (страницы товаров, статей) не должны содержать «/». Но применять этот формат рекомендуется только к новым страницам, так как для старых это приведёт к потере возраста документа.
14) Старайтесь использовать «ЧеловекоПонятныеУРЛы» (сокращенно «ЧПУ») или красивые и дружественные адреса URL. Пример отсутствия ЧПУ: yoursite.net/viewpage.php?page_id=23. Основные рекомендации:
15) Соблюдайте иерархию папок в URL. Например:
Это поможет Яндексу составить навигационные цепочки и отразить их в сниппете вашего сайта при выдаче в поиске. Подробнее см. справку Яндекса.
16) Проверьте отображение сайта на мобильных устройствах. Это можно сделать в Яндекс.Вебмастере (Инструменты → Проверка мобильных страниц) или в Google Search Console.
17) Укажите в head кодировку страниц meta charset=«utf-8».
18) Проверьте наличие и уникальность тегов title, description и h1 на каждой странице.
19) Тег title должен быть максимально близко к началу head.
20) Старайтесь добавить в тег title все ключевые слова, при этом самое популярное ключевое слово должно быть ближе к началу тега.
21) Максимальная длина тега title — 150 символов, оптимально — 60 символов.
22) В теге title не должны повторяться одинаковые слова (максимум не более 2 раз), можно использовать синонимы, близкие слова или другие слова из запросов. Например: Займ в банке под залог комнаты. Получить кредит под залог комнаты в Москве.
23) Для разделения разных фраз в теге title (например, названия страницы и сайта) используйте символ «|».
24) Тег description не влияет на ранжирование сайта прямо, но поисковые системы могут использоваться его содержимое для сниппета сайта при выдаче.
25) Длина description может быть от 100 до 250 символов, оптимально — 155 символов. Обычно это одно-два осмысленных предложения для описания страницы, включая поисковые запросы.
26) Укажите в head метаданные по Open Graph Protocol для правильного представления сайта в социальных сетях.
27) Добавьте в корневую директорию фавикон сайта.
28) Стили и скрипты должны загружаться в head отдельными файлами.
29) На странице может быть только один заголовок h1.
30) Заголовок h1 не должен копировать title.
31) Заголовок h1 может содержать от 1 до 7 слов и должен включать точное вхождение главного поискового запроса. Например: Займ под залог комнаты.
32) Старайтесь не использовать вложенные теги в теге h1 (например, span, em, a href и т. д.).
33) Соблюдайте последовательность заголовков h2-h6 и включайте в них остальные ключевые слова. Теги h2-h6 должны использоваться только для разметки SEO-текстов.
34) Используйте семантическую вёрстку (для параграфов — p, а не div), старайтесь включать ключевые слова в списки, таблицы, картинки (теги alt, title), выделения (em, strong).
35) Атрибуты alt и title для картинок должны отличаться. Alt — это альтернативный текст для картинки, если она не загрузилась. Title — это заголовок картинки, который всплывает при наведении на картинку, а также выходит в поиске.
36) Добавьте на сайт микроразметку Shema.org. Валидатор микроразметки в Яндекс.Вебмастере.
37) Если вы планируете переезд сайта на https, почитайте эту статью.
Аудит коммерческих факторов
38) Коммерческие факторы важны для коммерческих сайтов.
39) На сайте должны присутствовать контакты:
40) Разместите на сайте юридическую информацию:
41) Разместите на сайте ассортимент:
42) Добавьте информацию, которая вызывает доверие:
43) Разместите электронную почту на своём домене (например, info@site.ru).
44) Если на сайте публикуются новости, следите за их обновлением.
45) В копирайте (с) укажите текущий год.
46) Стремитесь, чтобы дизайн сайта был современным и адаптированным для мобильных устройств.
Подбор семантического ядра
Подбор семантического ядра — это большая тема, которая заслуживает отдельной статьи. Здесь мы остановимся на основных принципах.
47) Прежде, чем перейти к подбору семантического ядра, необходимо понять, какие бывают типы пользовательских запросов и по каким запросам вы будете продвигать сайт:
Коммерческие страницы (интернет-магазины, сайты компаний) нужно продвигать по коммерческим запросам, информационные (форумы, блоги, статьи) — по информационным.
48) Определить, каким является запрос, информационным или транзакционным, можно при помощи поиска. Введите фразу и посмотрите на результат поисковой выдачи. Если там в основном информационные статьи, то запрос информационный, если коммерческие страницы — то коммерческий.
49) На одну и ту же страницу не должны вести одновременно информационные и транзакционные запросы. Если запрос информационный, то продвигаем статью. Если коммерческий, то добавляем коммерческую информацию (цена, условия доставки и т. д.).
50) На одну страницу должен вести один запрос. Можно объединить группы запросов в кластеры. Кластеризация помогает объединить запросы по смыслу и проверить совместимость продвигаемых слов (например, аренда авто, прокат машины). Инструменты для автоматической кластеризации запросов (сервисы платные, но есть бесплатные лимиты):
51) Структура сайта (меню, навигация) должна определяться только исходя из поискового спроса.
52) Для доступа к любой странице с главной должно быть не более трёх кликов.
53) Если вы используете хлебные крошки, вместо «Главная» укажите главное ключевое слово. Например, название интернет-магазина.
Внутренняя и внешняя оптимизация сайта
54) Текст должен быть уникальным (не менее, чем на 70 % в зависимости от тематики). Проверить уникальность текста можно поиском по цитате (запрос в кавычках) или с помощью сервисов:
55) Длину текста, а также плотность ключевых слов берите из ТОП–10. Проверить можно с помощью инструмента Текстовый анализ от SeoWizard или JustMagic.
56) Текст с ключевыми словами размещайте ближе к началу текста.
57) Используйте в тексте дополнительные термины и синонимы. Это могут быть подсвечиваемые слова по запросу в поисковой выдаче Яндекса, «Запросы, похожие на» из Яндекс Wordstat.
58) Пишите лаконичнее, избегайте стоп-слов. Проверить текст можно в сервисе Главред.
59) Пишите без ошибок и внимательно относитесь к оформлению текста. Проверить орфографические ошибки можно при помощи Яндекс.Спеллер.
60) Для повышения CTR переходов на сайт из поиска необходимо улучшить его сниппет в поисковой выдаче. Сниппет состоит из:
61) Чтобы улучшить сниппет в Яндексе, возьмите абзац, который показывает Яндекс по ключевому слову в поисковой выдаче, и измените его текст.
Разное
Переиндексация Яндексом происходит в среднем раз в 2,14 месяца (более 60 дней). SEO — это надолго, нужно уметь ждать. Результаты SEO обычно можно получить через 1–6 месяцев, в зависимости от возраста проекта.
Ускорить процесс индексации сайта можно с помощью:
Частота захода бота зависит от частоты обновления сайта.
При продвижении в Яндексе имеет значение запросный индекс — чем больше статей по тематике, тем лучше.
Очень сложно уместить весь курс в одну статью. Если статья окажется вам полезной, в следующий раз мы напишем о подборе семантического ядра и наращивании ссылочной массы.
Если вы хотите самостоятельно разобраться в SEO, рекомендуем пройти курс в Нетологии. Для читателей Хабра у них есть скидка 2500 руб. по промокоду habr на все онлайн-программы (действует до конца 2017 года).
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)


.gif)
.png)
.png)
.png)
.gif)





