Seo аудит сайта пример: Пример SEO-аудита сайта — SEO на vc.ru

Содержание

Юзабилити аудит сайта — чек-лист, лучшие примеры юзабилити и разбор ошибок

Что такое юзабилити-аудит

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

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

Какие работы можно провести

Проверить данные в системах аналитики — Google Analytics и «Яндекс.Метрика».

Полезно будет знать:

Пути пользователей по сайту.

Проблемные страницы — те, где высокий процент отказов или нет конверсий.

Самые популярные страницы, откуда и по каким запросам пользователи попадают на них.

Куда пользователи кликают на страницах и их поведение (на записях сессий).

С каких устройств заходят чаще всего.

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

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

Проверить ресурс по 10- и эвристикам Нильсена — они помогут выявить общие проблемы юзабилити интерфейсов.

В этой статье расскажем, как качественно провести юзабилити-аудит сайта, и подробно рассмотрим 10 эвристик Нильсена. Чуть ниже ищите подробный чек-лист с лучшими примерами юзабилити.

Эвристики Нильсена

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

Первая: видимость состояния сайта

Сайт всегда должен держать пользователя в курсе происходящего: своевременно давать обратную связь.

Информация после завершения заказа в интернет-магазине

Вторая: схожесть между сайтом и реальным миром

Сайт должен быть понятным пользователям: использовать знакомые им слова и фразы, избегать специальной терминологии.

Форма, построенная в виде предложений, будто пользователь рассказывает о себе

Третья: свобода действий

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

В Gmail можно отменить удаление письма

Четвертая: последовательность и стандартизация

Одни и те же элементы на сайте должны иметь одинаковые наименования. Не нужно на одной странице называть кнопку «Войти», а на другой — «Личный кабинет». Придерживайтесь единообразия.

Пятая: предотвращение ошибок

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

Примеры помогают избежать ошибок в заполнении полей формы

Шестая: на виду, а не в памяти

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

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

Седьмая: гибкость и эффективность использования

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

В поиске Google не нужно вручную печатать весь запрос, он сам предложит подходящие варианты

Восьмая: эстетика и минимализм

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

Так выглядит интерфейс, где нет ничего лишнего

Девятая: помощь пользователям в распознавании ошибок

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

В этой форме сразу понятно, как исправить ошибки

Десятая: помощь и документация

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

Обычно во всех сервисах есть раздел Help

Чек-лист для юзабилити-аудита

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

Основное

На сайте установлен SSL-сертификат.

Сайт загружается за 1–2 секунды. Специалисты Google выяснили, что если сайт на мобильных устройствах загружается более трех секунд, то 53% пользователей покинут его сразу. Проверить скорость загрузки можно на PageSpeed или Test My Site.

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

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

Очевидно, что на этом сайте нам предлагают страховку

А здесь мы можем заказать литую заготовку

При открытии сайта корректно определяется регион пользователя (если информация на сайте меняется в зависимости от региона). Есть быстрая возможность сменить регион.

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

Яркий и узнаваемый favicon очень полезен в таких случаях

Для каждой страницы прописаны тайтлы, описывающие ее содержание.

Title на странице нашей услуги «Разработка»

Есть проработанная 404-страница. На странице обязательно размещены ссылки на основные разделы сайта и / или поиск.

Можно зарегистрироваться или войти с помощью соцсетей, если на сайте есть личный кабинет.

Отличный пример у Squarespace — тут тебе и меню по сайту с CTA, и блок с промо-предложением, и рекомендуемые ссылки

Нет пустых, незаполненных страниц.

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

В начале каждой страницы есть заголовок h2, который понятно доносит до пользователя содержание страницы.

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

На всех страницах сайта в браузере работает кнопка «Назад», которая возвращает пользователя на предыдущую просмотренную страницу. Если пользователь задавал на странице какие-то параметры (например, фильтр товаров), то все они восстанавливаются при возврате.

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

Блоки с рекомендациями популярны не только в интернет-магазинах

На сайте есть поиск, и он хорошо заметен — размещен в шапке.

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

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

Поиск по сайту запускается как по клику на кнопку, так и по нажатию клавиши «Enter» в поисковой строке.

На Asos поиск работает очень быстро

Поиск умеет исправлять ошибки и предлагает пользователю варианты запроса. Особенно важно для интернет-магазинов и каталогов с множеством продуктов / услуг.

И сам исправляет ошибку в запросе

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

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

Если ничего не найдено, предлагаются альтернативные варианты или какое-то полезное действие.

На Airbnb, когда ничего не найдено, предлагают перейти по быстрым ссылкам или посмотреть конкретные предложения

Дизайн и UI

Общие моменты

Применяются следующие правила:

— Теория близости: «объекты, расположенные близко друг к другу, воспринимаются связано».
— Правило внутреннего и внешнего: «Внутреннее ≤ внешнее».

Внутреннее — расстояние между буквами, внешнее — между словами.
Внутреннее — расстояние между словами, внешнее — между строками.
Внутреннее — расстояние между строками, внешнее — между абзацами или поля вокруг текста.

Здесь все пункты преимуществ слились в один большой блок, непонятно, куда относятся иконки

В этом примере за счет дополнительного «воздуха» между пунктами четко виден каждый пункт

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

Все используемые в интерфейсе иконки однозначно понятны для пользователей.

Текстовый контент на сайте представлен в виде текста, а не изображений.

Общие элементы сайта размещены в привычных местах. Например, логотип — сверху слева, иконка корзины — справа. Подробнее: Закон Якоба.

Все элементы легко считываются на странице — между элементами достаточно «воздуха», нет нагромождения элементов в рамках экрана.

Контент размещен слева-направо по значимости (так, как мы читаем).

Пользователю очевидно, что элементы, с которыми он может взаимодействовать, кликабельны.

Все кликабельные элементы достаточно крупные, чтобы пользователь легко мог попасть по ним. Подробнее: Закон Фиттса.

Крупные кнопки на этом сайте — это часть дизайн-концепции, но все равно может быть примером следования Закону Фиттса

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

Картинка из гайдов Material Design

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

Вид курсора меняется, если навести его на кликабельные элементы.

На первом экране сайта аэропорта Стамбула видно, что ниже есть табло рейсов

Длина текстовых строк — 60−80 символов.

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

Доступность

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

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

Элементы сайта контрастны. Для проверки можно использовать плагин Color Contrast Analyzer (для Chrome). Участки экрана с хорошим контрастом будут выделены белым, а области с плохим контрастом — бледными и малозаметными. Для некоторых отраслей наличие на сайте версии для слабовидящих — требования законодательства.

Комфортные для чтения размеры шрифта. Для основного текста рекомендуется использовать минимум 16px.

Кнопки, CTA

Все ключевые конверсионные элементы хорошо заметны на страницах, контрастны по отношению к другим элементам.

Выделено одно основное ключевое действие, если всего их — несколько.

Две кнопки целевых действий с разным приоритетом в середине экрана

На каждой коммерческой странице сайта есть возможность совершить целевое действие.

Блок с формой в конце описания сервиса для инвестирования

Названия кнопок однозначно говорят пользователю о том, что произойдет по нажатию. Для обозначения действий используется глагол в начальной форме (отвечает на вопрос «что сделать?»).

Конкретная формулировка «Открыть банковский счет» вместо банального «Зарегистрироваться»

Ссылки

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

Ссылки используются по прямому назначению — для переходов между страницами. Если нужно запустить какое-то действие (например, открыть форму), то лучше использовать кнопку.

Ссылка в тексте не очень резко выделяется, но в то же время хорошо заметна

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

Номер телефона в шапке подчеркнут пунктиром, потому что по клику совершается звонок

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

Ссылки не ведут на текущую страницу.

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

Если текстовая ссылка используется вместе с иконкой, оба элементы должны быть кликабельными.

Чекбоксы

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

Кликабельны полностью — и сам чекбокс, и его название.

Используются по назначению — для выбора элемента из списка или выбора каких-то параметров.

Группу чекбоксов из более трех вариантов всегда рекомендуется располагать в один столбец.

В горизонтальном списке все сливается в одну линию

А так все хорошо считывается

Если в группе — более пяти чекбоксов, рекомендуется добавлять ссылки / кнопки для выбора (и снятия выбора) сразу всех чекбоксов.

Радиокнопки

Одновременно может быть выбрана только одна радиокнопка из всей группы.

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

Используются по назначению — для выбора одного значения из нескольких.

Кликабельны полностью — и сама радиокнопка, и ее название.

При клике на выбранную радиокнопку с нее не снимается выделение.

Группы из более трех радиокнопок всегда рекомендуется располагать в один столбец.

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

Если какой-то пункт выбран по умолчанию (например, на странице настроек в личном кабинете), то он стоит первым в списке.

Выпадающие списки

Используются, когда нужно выбрать что-то из 5−20 значений. Если значений больше, используется комбинированный список.

А если всего два значения, то лучше использовать радиокнопки

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

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

Если по умолчанию ничего не выбрано, в поле отображается вспомогательный текст. Например, «Выберите цвет».

Поле слишком короткое — в списке много длинных значений

Список вариантов должен закрываться, если пользователь кликает в любое другое поле страницы.

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

Комбинированные списки

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

Таблицы

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

Для разграничения строк используется пустое пространство — ничего лишнего

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

Широкая таблица перестраивается в несколько последовательных мини-таблиц

Контакты и обратная связь

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

Номер телефона указан в правильном формате с кодом региона.

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

Представительства компании можно посмотреть как в списке, так и на карте (если много представительств в разных странах / регионах).

Главный офис отображен на карте.

Если представлены контакты конкретных сотрудников, то желательно указывать их ФИО, должность и размещать фото для повышения доверия.

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

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

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

Кнопка чата в стилистике сайта не отвлекает от контента

Структура формы

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

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

Группировка полей заголовками на странице размещения объявления

Поля в длинных формах размещены в одну колонку для удобства восприятия.

Форма организована как предложение, где заголовок формы — подлежащее, кнопка отправки — сказуемое, а поля для заполнения — другие члены предложения.

Длинные формы разбиты на шаги или показан прогресс заполнения.

Форма разбита на шаги, сверху — прогресс заполнения

Содержание формы, поля

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

В форме указано, что произойдет после отправки данных.

Поля формы имеют отдельное состояние, когда они в фокусе (курсор установлен в поле).

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

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

Поле в фокусе выделено черной рамкой

Форма поддерживает возможность перемещения между полями клавишей Tab. Перемещение по полям происходит последовательно, фокус не уходит за пределы формы.

При открытии формы фокус автоматически падает в первое поле формы.

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

Название поля отображается всегда: и в пустом поле, и в заполненном поле, и при его заполнении

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

У всех полей формы прописан корректный тип вводимых данных. Например, для ввода телефона: <input type=»tel»>. При вводе данных в данное поле с мобильных устройств на них сразу откроется числовая клавиатура.

При вводе адресов пользователю подсказываются значения из подключенного справочника.

В «Тинькофф» даже при вводе ФИО предлагаются значения для выбора

Многострочные поля заметно отличаются от однострочных (рекомендуется делать в три раза больше по высоте). При вводе длинного сообщения увеличиваются в размерах или внутри появляется полоса прокрутки.

Если в поле нужно ввести более пяти слов, то всегда используется многострочное поле ввода.

Проверяется корректность заполненных данных. Например, для e-mail, даты или числовых полей.

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

ВКонтакте объясняют зачем нужно указывать дату рождения

Заполнение, валидация, отправка

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

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

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

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

Модальные окна

Закрываются, когда пользователь кликает вне области окна.

Есть заметная кнопка закрытия.

Четко видно, что открылось модальное окно. Чаще всего реализуется с помощью затемнения фона.

Контент

Человеческий текст, который понятен и интересен пользователю, а не только «заточен» под поисковые запросы. Краткость в изложении, отсутствие «воды» — пользователи не любят читать большие объемы текста. Длинные тексты разбиты на абзацы, комфортные для чтения.

Заголовки легко различимы между собой за счет размера. Однозначно можно ответить, где h2, а где h3.

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

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

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

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

Важная для пользователя информация в тексте выделяется жирным.

Цифры больше 4−5 знаков отбиваются разрядами для удобства считывания, например:

2409 → 2 409
20409 → 20 409

Таблицы

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

Единицы измерения не повторяются в каждой ячейке, а вынесены в первую строку.

Изображения

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

У всех изображений прописаны alt и title.

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

Заключение

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

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

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

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

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

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

Читайте по теме

#Сайт #Сайты #Аналитика #UX-аналитика #Бизнес #Веб-аналитика #Проектирование

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

Оцените статью

Подпишитесь на нашу рассылку

Мы отправляем полезные материалы, которые помогут вам в работе

Услуги

Сайты и сервисы

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

Дизайн

Сервисный дизайн на основе аналитики, метрик и пользовательского опыта — продуктовый подход для создания привлекательных и эффективных решений.

Аналитика

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

SEO-продвижение

Увеличиваем органический трафик на сайте и снижаем затраты на привлечение клиентов.

Показываем, как происходит аудит сайта на примере компании Домстрой

Подопытный (www.gkdomstroy.ru) — сайт компании, занимающейся продажей стройматериалов и оказывающей строительные услуги

Анна Кожевина

Аккаунт-директор «Сибирикс»

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

Анализ я обычно выполняю по схеме, описанной тут.

Экспресс-анализ входящего трафика

Для анализа распределения трафика по страницам сайта я буду пользоваться Яндекс. Метрикой, которая установлена на сайте.

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

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

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

За три месяца на сайт пришло 11 025 посетителей, из них 99,4% новые (количество возвратов пользователей на сайт крайне низкое). Просмотрено 21 952 страницы. Средний показатель отказов — 74,1% (это значит, что почти 75% посетителей просматривают только одну страницу, причем закрывают ее не позже чем через 15 секунд после открытия. Эти посетители однозначно ничего не закажут и не обратятся в компанию).

Соответственно остальные посетители (где-то 950 человек в месяц) просматривают в среднем по 5 страниц (считается так: (21 952 — 11 025*0,741) / 11 025*0,259) — значит, пытаются найти интересующую их информацию. Если не найдут — тоже ничего не закажут. Необходимо решать две проблемы — уменьшать % отказов и помогать посетителям найти интересующую информацию при просмотре сайта, и подтолкнуть их к обращению в компанию.

Анализируем отказы для самых популярных точек входа (в метрике отказами считаются визиты продолжительностью менее 15 секунд, в рамках которых просмотрена только одна страница).

Главная страница — 62,6%.
Страницы раздела статьи — в среднем 77,8%.

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

Анализируем запросы, по которым приходят пользователи (Метрика: «Источники» — «Поисковые фразы»). Трафика по нецелевым запросам практически нет. Основная доля трафика приходится на низкочастотные запросы типа «название материала — купить/цена»:

Соответственно, причины огромного % отказов и низкой конверсии надо искать на страницах, куда приходят пользователи.

Итого, рекомендации по точкам входа на сайт

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

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

Смотрим сам сайт

1. Общее впечатление от сайта

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

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

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

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

2. Юзабилити и контент — постраничный анализ сайта

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

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

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

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

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

Раздел «О компании»
Сейчас раздел представляет собой текстовую страницу «О Компании», и четыре дочерние страницы — «О нас», «Реализованные проекты», «Лицензии и сертификаты», «Контакты».

Как видно из карты кликов, в этом разделе пользователей больше всего интересуют страницы «О Нас» и «Контакты». Поэтому тем более необходимо объединить страницы «О компании» и «О нас», вынести контактную информацию в основное меню.

«Лицензии и сертификаты» пользователи почти не просматривают. Поэтому достаточно представить их отдельным блоком на странице «О Компании».

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

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

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

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

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

Ниже описания тем же шрифтом указано: «Для приобретения данного материала позвоните нам по телефону (495) 730−17−82. У наших консультантов вы также можете узнать любую интересующую информацию по данному материалу: выяснить условия покупки, доставки, возможность льготного приобретения, а также правила укладки и ухода за ним», либо «По вопросам сотрудничества обращайтесь: 730−17−57 доб. 116».

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

Что можно сделать?

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

Раздел «Партнеры»
Раздел содержит логотипы компаний, чью продукцию можно купить в «ДомСтрое». Логотипы разного размера и недостаточно аккуратно оформлены. От данной страницы рекомендуется отказаться, представив партнеров в отдельном блоке на главной странице и на странице «О компании». Логотипы необходимо однотипно и аккуратно оформить.

«Каталог продукции»
Сейчас этот раздел представляет собой филиал раздела «Полезная информация», причем наполовину без контента.

Если компания планирует вести продажи с сайта, необходимо добавление на сайт полноценного интернет-магазина. Также запуск интернет-магазина потребует добавления на сайт раздела «Оплата и доставка». Статьи, находящиеся сейчас в разделе «Каталог продукции», рекомендуется перенести в раздел «Полезная информация».

3. Доступность контактной информации

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

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

4. Навигация по сайту

Навигация по сайту затруднена.

Во-первых, она путает пользователей. На сайте есть отдельные страницы с одинаковыми по смыслу названиями: «О компании» и «О нас».

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

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

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

Как видно из карты ссылок (Метрика: «Поведение» — «Карта ссылок») за три месяца по ссылкам в меню каталога было порядка 30 кликов (по каждой). За это же время кликов по ссылке «О компании» было в 10 раз больше. Переходов в каталог больше из центрального блока на главной странице, чем из меню.

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

17 шагов + 5 примеров – Plerdy

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

Начинающие SEO-специалисты и владельцы интернет-магазинов часто задают простые вопросы, касающиеся SEO-аудита:

Как сделать шаблон SEO-аудита?
Как провести SEO-аудит?
Как сделать локальный SEO-аудит?
Как провести аудит внешней SEO-оптимизации веб-сайтов с большим количеством обратных ссылок?
Как провести SEO-аудит ключевых слов на одной странице?
Каковы лучшие образцы полного SEO-аудита?
Каковы уникальные особенности отдельных шаблонов аудита SEO?

Вы можете найти больше примеров шаблонов SEO-аудита здесь.

Почему SEO и SEO-анализ важны?

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

Паб, о котором никто не знает.

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

Неизвестный паб — место без клиентов и доходов.

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

Добавляем информацию о новом пабе на первую полосу местной газеты.

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

Узнаваемый паб – это место довольных и лояльных клиентов.

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

Теория SEO-аудита

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

Прежде чем мы начнем, давайте посмотрим на образцы существующих методов оптимизации:

White Hat SEO : Это все разрешенные методы, используемые для продвижения сайта и конкуренции с другими веб-ресурсами. Это та SEO-проверка, о которой мы говорим в этой статье, посвященной аудиту шаблонов.
Grey Hat SEO : это пример методов, которые явно не запрещены; тем не менее, они могут привести к штрафу за обыск. Если это произойдет, ваш сайт будет исключен из результатов поиска и потеряет трафик.
Black Hat SEO : Это примеры запрещенных методов, используемых для быстрого включения сайта в ТОП-10. Обычно такие SEO-методы позволяют обойти поисковые алгоритмы и временно повысить SEO-рейтинг сайта. Однако, когда проблема проверена и обнаружена, полученные позиции сводятся на нет, а поисковые системы могут заблокировать сайт. Бан означает, что сайт исключен из результатов поиска.

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

Что такое SEO и чем оно отличается от PPC

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

SEO	Контекстная реклама
Некачественный сайт, не отвечающий на прямые запросы пользователей, никогда не войдет в ТОП-10. Более того, даже хорошо оформленный сайт с регулярно обновляемым контентом не всегда занять лидирующие позиции. SEO — сложный процесс, требующий постоянных усилий и проверок.	Практически любой сайт, который не делает ничего противозаконного, может использовать контекстную рекламу для продвижения. Вам просто нужно настроить необходимое количество объявлений и оплатить их.
Если ниша не перенасыщена, выход в ТОП-10 занимает в среднем 2-4 месяца. При высокой конкуренции ожидаемый срок увеличивается до 6-12 месяцев. В некоторых случаях первый заметный результат появится через несколько лет. Все зависит исключительно от уровня ваших конкурентов.	Вся процедура занимает один день.

Владельцы вновь созданных сайтов часто совмещают контекстную рекламу и SEO-продвижение. Этот подход называется SEM или поисковым маркетингом.

Основные компоненты SEO сайта

Вот как работает алгоритм ранжирования SEO:

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

Описанный алгоритм показывает, что качество SEO зависит от контента и юзабилити:

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

Контент

Юзабилити

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

Как реализовать SEO-стратегию

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

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

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

Вот как вы должны начать воплощать в жизнь SEO-стратегию.

Как провести SEO-анализ?

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

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

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

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

Этап №2 . Провести технический SEO-аудит

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

Проанализируйте все аудиторские отчеты о ранжировании ваших веб-страниц в Google, Bing (или других поисковых системах) на панелях веб-мастеров. Обратите внимание на ошибки и способы их исправления.
Проверить индексацию. Взгляните на код ответа сервера, неработающие ссылки и URL-адреса внешних ссылок и решите, нужны ли перенаправления. Запишите ошибки, представьте анализ в виде аудиторского отчета и передайте его своим разработчикам.
Проверьте файл robots.txt вручную или с помощью валидаторов. Он должен закрывать только те страницы, которые не будут отслеживаться поисковыми ботами.
Проверьте файл карты сайта. Убедитесь, что даты, атрибуты и приоритеты указаны правильно. В файле robots.txt должен быть указан путь к вашей карте сайта, и должны отображаться только те страницы, которые нуждаются в индексации.

Проделав эти действия, переходим к следующему этапу.

Этап №3 . Аудит внутренней оптимизации

Мы также можем разделить аудит SEO на странице на несколько этапов. Это:

Анализ URL-адресов. Неанглийские веб-сайты должны транслитерировать URL-адреса. URL-адреса не должны быть слишком длинными и должны включать намерения и ключевые слова SEO. Пробелы в словах следует заменять дефисом вместо пробела.
Проверка SEO-заголовков и описаний. Заголовок должен содержать не более 60 символов, включать ключевые слова и намерения, а также подталкивать пользователей к клику. Описание должно состоять из коротких информативных предложений, включающих ключевые слова и дополняющих заголовок.
Проверьте заголовки h2-H6. Заголовки не должны использоваться в элементах дизайна и функциональных элементах. Заголовок h2 должен использоваться только один раз на странице, тогда как для остальных заголовков должна сохраняться четкая иерархия.

Вот как мы анализируем SEO на странице.

Этап №4 . Анализ трафика

Чтобы подробно проанализировать ваш трафик, выполните следующие действия:

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

С анализом трафика понятно. Теперь рассмотрим поведенческие факторы.

Стадия №5 . Проведите анализ поведенческих факторов

Чтобы понять, что влияет на поведение пользователей на вашем сайте:

Взгляните на страницы выхода. Это те, где пользователи решают покинуть ваш сайт. Например, если страница выхода интернет-магазина — корзина, то все правильно. Если пользователи покидают веб-сайт до перехода в корзину, могут возникнуть проблемы с SEO на других переходных страницах.
Работа со статистикой пользователей. Определите среднее количество просмотров в день, среднее время, проведенное на сайте, самые популярные разделы и части сайта с самым высоким показателем отказов. Наблюдайте за своими пользователями и узнайте, как они взаимодействуют с сайтом. Чем больше данных вы соберете, тем больше проблем вам удастся исправить. Тепловая карта Plerdy — отличный способ справиться с этим. Читать 39Преимущества Plerdy Heatmap, чтобы узнать больше об этом инструменте.

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

Этап № 6 . Анализ внешних ссылок

Аудит внешних ссылок является неотъемлемой частью SEO. Вот краткое руководство по аудиту:

Проверка диверсификации.
Вручную проверить все ссылки на спам.
Проверить, равномерно ли распределены ссылки среди акцепторов сайта.

В результате аудита вы получите важные SEO-данные.

Составление шаблона SEO-аудита

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

Шаблон технического SEO-аудита store.google.com

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

1. Зеркало веб-сайта и формат URL-адреса

Веб-сайт должен иметь основное зеркало, которое можно использовать с префиксом www или без него. Другие зеркала должны быть перенаправлены 301 для перенаправления трафика на основной сайт.

Если открыть главную страницу с префиксом www, то 301 редирект не активируется. Это уже проблема, которую нужно исправлять.

Неработающий 301 редирект на странице главного зеркала.

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

2. Robots.txt и sitemap.xml

На сайт добавлен файл robots.txt, в котором указано, какие страницы Adsbot-Google не должен индексировать.

Так как robots.txt закрывает страницы от Adsbot-Google, они также должны быть закрыты от AdsBot Mobile Web Android и AdsBot Mobile Web. Если это не настроено, веб-сайт не будет должным образом индексироваться на мобильных устройствах.

Добавлен и настроен файл sitemap.xml для 36 языков, поддерживаемых сайтом. Это равняется 1917 переведенным страницам. Разработчики также добавили альтернативный атрибут и тег hreflang, чтобы избежать дублирования.

3. Заголовки HTTP и ошибка 404

Это еще один важный SEO-аспект, включенный в каждый шаблон аудита. Если веб-сайт не имеет запрошенного URL-адреса, сервер должен вернуть ошибку 404. Дизайн ошибки 404 должен позволять посетителям продолжать использовать сайт.

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

4. Неработающие ссылки

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

URL регистрации Screaming Frog SEO Spider – все 1741 ссылки работают.

5. Чистые URL-адреса

Все части веб-сайта должны иметь чистые URL-адреса или удобные для пользователя URL-адреса. Например, вместо «-site.com/?pag=1&24%» используйте «site.com/catalog». Соответствующие слова в URL-адресе предоставляют поисковым системам дополнительную информацию о статье или части веб-сайта.

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

6. Метатеги заголовка, описания

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

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

7. Оптимизированные заголовки

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

На анализируемом веб-сайте есть части без заголовка h2 или с дубликатами h2.

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

8. Скорость

75% пользователей закрывают сайт, если время его загрузки превышает 4 секунды. Более того, 50% пользователей ожидают, что веб-страницы будут загружаться менее чем за 2 секунды.

Если сайт небольшой, лучше протестировать все его категории. Для этого вы можете использовать Pingdom Website Speed Test и Google PageSpeed Insights. Если страниц много, потребуется выборочная аудиторская проверка. В нашем случае мы протестировали основную часть, категорию и часть продукта.

9. Микроразметка

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

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

10. Страницы пагинации

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

11. Лишний код на веб-страницах

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

Стили больших блоков должны быть добавлены во внешнюю таблицу CSS.

12. Дублирование элементов сайта

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

13. Последовательность ссылок на страницы товаров

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

14. Оптимизация изображений

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

15. Аудит лишних исходящих ссылок

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

Веб-сайт содержит исходящие ссылки на 14 внешних поддоменов Google и авторитетные сайты.

16. Аудит индексации технических страниц

Технические страницы должны быть закрыты от индексации не только файлом robots.txt, но и метатегами в элементе HEAD. Также необходимо добавить атрибут «rel=»», запрещающий переход по ссылкам на закрытых страницах.

17. Ссылочная масса сайта

Сайт имеет расширенную ссылочную массу, так как продукты Google Store продаются в 36 странах мира. На него ссылаются 32,399 доменов, наиболее активным из которых является Google Play.

За исключением Google Play, все домены с атрибутом «dofollow» ведут на различные блоги и форумы (всего 32 404 ссылки). Также есть 5 746 доменов с атрибутом «nofollow».

5 лучших шаблонов аудита SEO

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

Шаблон аудита SEO от Backlinko

Backlinko гарантирует, что их шаблон аудита поможет вам получить больше органического трафика. Этот шаблон аудита доступен в нескольких форматах: Google Docs, Word и PDF. Шаблон аудита рекомендуется для тех, кто хочет анализировать и оптимизировать сайты.

Вот компоненты шаблона аудита:

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

Использовать этот шаблон аудита очень просто. Вот процедура, которой следует придерживаться с шаблоном:

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

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

Шаблон комплексного технического SEO-аудита

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

Карты сайта в формате XML загружены в GSC.
Карты сайта XML точно отражают действительные URL-адреса на сайте.
Время работы веб-сайта не истекло и многое другое.

При работе с этим шаблоном ваша задача — пометить каждую SEO-проблему одним из следующих вариантов: «Пройдено» (с этим проблем нет), «ОК» (кажется, что это не актуально) или «Не пройдено» (что-то не так).

Шаблон технического SEO-аудита от Diggity Marketing

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

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

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

Meta Robots Tag.
Метка X-Robots.
Robots.txt.
Индекс Вздутие живота.
XML-файлы Sitemap.
Канонический тег.
Перенаправления.
404 Ошибки.
Скорость.
Мобильное SEO и многое другое.

Используйте шаблон, чтобы легко проверить свой сайт на наличие технических проблем SEO.

Шаблон SEO-аудита от Dalton Luka

Dalton Luka предлагает несколько шаблонов SEO, которые помогут увеличить органический трафик, конверсии и продажи. Вот предлагаемые шаблонные решения:

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

Выберите любой из шаблонов SEO-аудита, разработанных Далтоном Лукой, и приступайте к аудиту вашего веб-ресурса.

Шаблон SEO-аудита от Clearpath

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

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

Структура контента.
XML-карта сайта.
Дублирование версий сайта.
Проиндексированные страницы.
Robots.txt.
Заголовок страницы, h2, описание, структура URL и т. д.
Подходит для мобильных устройств.
Скорость сайта.
Неработающие ссылки.
Изображения/видео и многое другое.

Шаблон для SEO-анализа от Clearpath действительно хороший вариант.

Создайте краткий шаблон для SEO-аудита

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

Не забывайте про SEO-аудит

В заключение приведем основные выводы этой статьи:

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

Надеюсь, описанное 17-шаговое руководство и один из шаблонов значительно упростят SEO-аудит вашего сайта.

Образец отчета SEO в формате PDF (и объяснение)

10 июнь

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

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

Что должен содержать SEO-отчет?

Мы рекомендуем, чтобы ваш отчет SEO содержал следующие 8 разделов:

1. 1. Резюме результатов: если получатель прочитает только одну страницу отчета – все. Оставьте это на одной странице и обязательно подчеркните, что вы дали рекомендации по улучшению — это будет мотивировать получателя продолжать чтение!
  2. SEO: фокусируется на факторах SEO на странице, таких как метатеги, структура страницы, использование ключевых слов, обратные ссылки и многое другое
  3. Удобство использования: описывает совместимость устройств для мобильных устройств и планшетов
  4. Производительность: основное внимание уделяется скорости и времени загрузки веб-сайта, включая мультимедийный контент и сценарии
  5. Социальные: описывает, какие каналы социальных сетей подключены к веб-сайту, и их эффективность с точки зрения SEO
  6. Безопасность: фокусируется на функциях безопасности сайта и наличии уязвимостей
  7. Технология: список всех сторонних технологий, используемых на сайте
  8. : это важная часть, в которой вы даете рекомендации по улучшению эффективности SEO на основе выводов, приведенных выше

Резюме результатов

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

Мы рекомендуем традиционную систему показателей , которая оценивает веб-сайт по шкале от A+ до F-. Эта система оценивания хорошо известна во всем мире, и каждый может быстро понять, что A действительно хорошо, а F очень плохо. Вам нужно будет индивидуально оценить эффективность каждого раздела отчета: SEO, удобство использования, производительность, социальные сети и безопасность (нет необходимости оценивать технологию — это просто список). Затем примените общую оценку к сайту.

Преимущество суммирования производительности до одной оценки заключается в подразумеваемом следующем действии. В приведенном выше примере, если общая оценка веб-сайта A-, следующим логическим действием будет внести некоторые улучшения SEO, чтобы получить оценку A, а затем внести дополнительные изменения, чтобы достичь оценки A+. Такой прогресс не нуждается в объяснении, поскольку он подразумевается по своей сути, и вы можете сосредоточиться на том, что нужно сделать вашему клиенту или начальнику, чтобы улучшить свою оценку (и почему они должны нанять вас / продолжать работать с вами!).

Еще одно тонкое преимущество оценочной системы состоит в том, что она мысленно переносит вашего клиента или начальника обратно в школу и делает вас учителем/воспитателем. Конечно, это негласно, однако это может добавить веса вашим рекомендациям и помочь поддержать необходимость повышения производительности. В конце концов, ни один владелец сайта не будет удовлетворен «неудачным» сайтом.

SEO

Этот раздел разбит на 5 компонентов, которые составляют «SEO на странице».

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

Заголовок : проверьте длину символов тегов Title и Meta Description, убедившись, что они находятся в пределах рекомендуемой длины символов 10-70 символов и 70-320 символов соответственно
Body : проверьте правильность использования тегов заголовков и правильное распределение h2, h3, h4 и т. д. Проверьте распределение и частоту ключевых слов и фраз во всех тегах HTML. Проверьте количество слов и использование тегов изображения ALT
Ссылки : проверьте количество обратных ссылок, ссылающихся на сайт, и количество уникальных ссылающихся доменов. Включите авторитет домена (DA) и лучшие обратные ссылки, ранжированные по наивысшему DA. Проверьте использование ссылок и соотношение внешних и внутренних ссылок. Проверьте все ссылки, используемые на странице, и подсчитайте, сколько из них не работает. Убедитесь, что все URL-адреса легко читаются человеком и поисковой системой

Индексирование : проверьте, нет ли на странице тегов, препятствующих индексации страницы
Другое : проверьте наличие файла robots. txt, XML-карты сайта, структурированных данных Google Analytics и Schema.org

Веб-сайт может получить оценку A+ для SEO, если каждый из 5 компонентов соответствует передовой практике.

Юзабилити

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

Веб-сайт может получить оценку A+ по удобству использования, если он оптимально отображается на всех устройствах, использует Favicon и не содержит Flash или iFrames.

Производительность

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

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

Веб-сайт может получить оценку A+ за производительность, если он находится в пределах зеленой части всех шкал скорости и размера.

Социальные сети

Убедитесь, что веб-сайт ссылается на основные социальные каналы, такие как Facebook, Instagram, YouTube, Twitter и LinkedIn. Просмотрите исходный код страницы или воспользуйтесь Помощником по пикселям Facebook, чтобы проверить наличие действительного пикселя Facebook и правильность использования тегов Facebook Open Graph. Также проверьте, реализованы ли Twitter Cards. Посетите профиль Twitter и проверьте, есть ли последние твиты.

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

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

Убедитесь, что перенаправления SSL и HTTPS установлены и действительны. Запустите проверку на наличие вредоносных программ с помощью такого инструмента, как статус сайта Google Safe Browsing. Также проверьте, чтобы адреса электронной почты не были написаны на странице обычным текстом.

Веб-сайт может получить оценку безопасности A+, если он проходит проверку безопасности и использует сквозную технологию SSL/HTTPS.

Технология

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

Экономьте время и автоматизируйте свои SEO-отчеты

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