Комплексное продвижение сайта компании: seo-оптимизация, юзабилити – Чек-лист от эксперта

Создание подробного семантического ядра:

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

URL-адреса страниц: должны быть семантически понятны и с ключевыми словами. Составляются URL в транслитерации (из букв латинского алфавита).

Дублирование страниц (один и тот же контент находится по разным адресам страниц URL) всегда крайне негативно влияет на позиции сайта. Ликвидация дубликатов происходит в несколько этапов:

• Установка главного зеркала www или без www, а также приведение к единому стандарту разделителя (/ или без /)
• Устранение дублей URL по видам файлов: .php, .html, .htm.
• Настройка переадресации страниц
• Запрет индексации страниц со старыми адресами
• Задание ручного переобхода страниц в интерфейсе ПС
• Удаление из реестра в ПС страниц со старыми адресами
• Контроль процесса исключения страниц (происходит автоматически в ПС).

Создание и настройка карты сайта для посещения поисковыми системами.

• Настройка приоритетов индексации, частоты обхода страниц поисковыми роботами.
• Настройка заголовков Last Modified, If-Modified-Since и др. для улучшения индексации новых и обновляемых страниц.

Настройка посещения поисковыми роботами. Запрет на индексацию технических страниц.

Создание значка Favicon – обязательно. Эта «иконка» отображается слева в поисковой выдаче и является простым инструментом, помогающим запомнить сайт. Наличие Favicon на сайте является важным SEO-фактором. Каждый браузер (платформа) может потребовать значок в своём формате и размере, поэтому необходимо учитывать все запросы и аккуратно выполнить все требования.

Создание пользовательской страницы для обозначения ошибки 404 – необходимость. Ссылки на отсутствующие (удалённые или переименованные URL) страницы должны быть ликвидированы. Страница 404 должна сообщать соответствующий ответ сервера иметь привлекательное оформление с расширенной навигацией по сайту.

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

В современных PHP (от 7 версии) улучшено всё. Исправлены многие баги и оптимизированы функции. Некоторое ПО для сайта может не работать на старой (к примеру, 5.3) версии PHP.

Поисковые системы заявляют, что эти факторы становятся менее значимыми. Однако оценка заголовков и ключевых метатегов остаётся определяющим фактором для строгого указания поисковикам распределения ключевых запросов по страницам на сайте:

• H1 - Уникальный заголовок страницы. Одна из ключевых настроек поисковой оптимизации сайта
• Title - Специальный заголовок, с ключевыми словами. Должен отличаться от заголовка H1
• Meta Description – Описание страницы с изложением призыва к действию: Достоинства, Качество, Цена и др.
• Keywords – список ключевых слов через пробел, без повторов.

Теги с текстовым описанием Alt делают визуальные элементы на сайте «понятными» для поисковых систем. Указание заголовков Title в ссылках улучшает «ориентированность» на местности. Alt и Title – хорошие инструменты для применения ключевых слов в контенте.

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

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

И вообще... На любой странице текст должен быть уникальным. До 100%.

При анализе контента конкурентов в ТОП 10 объём текста может колебаться от 5000 до 20000 и выше (знаков). Официально рекомендуемый поисковыми системами объём текста на странице – минимум 3000 символов. Например, Google «просит» 2000 знаков, а Яндекс для Алисы – 3000. Есть несколько работающих вариантов увеличить текстовый контент и усилить поисковый «авторитет».

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

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

Проработка качества сниппетов. Некоторые приёмы позволяют существенно улучшить качество и эффективность поисковой выдачи. Например, микроразметка по стандарту schema.org. Микроразметка schema/Product позволит вывести цену в строку выдачи в ПС, schema/Events – поможет описать событие. Яндекс предоставляет еще один инструмент – Товары и цены. С помощью выгрузки YML-данных в поисковую строку выводится цена, информацию о доставке и т.п.

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

Добавление кнопки «поделиться» для социальных сетей. Позволяет в один клик опубликовать информацию о странице в социальных сетях FaceBook, VK и т.д.

Оптимальным размер шрифта должен устанавливаться в зависимости от разрешения экрана. Рекомендуемые значения от 16 пикселей.

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

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

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

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

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

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

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

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

В процессе эксплуатации сайта необходимо анализировать и дорабатывать тексты для улучшения продаж. Всё имеет значение и каждое предложение должно «продавать»!

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

Восприимчивость текста должна быть на высоте! Рекомендуется разбивать тексты на небольшие абзацы и предложения. Это улучшает читаемость и располагает к дальнейшему изучению сайта.

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

Многие пользователи принимают решение, основываясь на чужом опыте. Отзывы помогают им принять решение.

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

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

Настройка сервисов Яндекс.Метрика и Яндекс.Вебмастер. Настройка индексации ПС Яндекс. Настройка эффективной загрузки счетчика на сайте. Настройка целей в Яндекс.Метрике. Регистрация в базе Яндекс.Справочник. Редактирование фотоматериалов для Яндекс.Справочника.

Установка сервисов Google Analytics и Google Search, настройка индексации в ПС Google. Настройка эффективной загрузки счетчика. Регистрация в Google.MyBusines.

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

Регистрация на сайте Чат-сервисов. Установка кода на сайт.

Яндекс позволяет вставлять Чат прямо в строке поисковой выдачи. Для этого необходима регистрация в Яндекс.Коннект и привязка к чату на сайте.

Это форма обратной связи. Позволяет получить на e-mail запрос от Пользователя с номером телефона для связи. Также можно запрашивать E-mail пользователя.

Установка на сайт карты – схемы проезда. Возможна установка специальных компонент или подгрузка карты через iframe.

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

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

Практически всегда имеется возможность заменить иконки в растровой графике на векторную SVG. Грамотная обрисовка позволит сохранить немалый трафик. Кроме этого векторную графику можно оптимизировать. Уменьшение размера файла может составить 20-80%, а отрисовка элементов сайта ускориться.

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

Асинхронная загрузка и выполнение JS настраивается для ускорения загрузки сайта. Настраивается индивидуально.

Технология CDN создана для кэширования статических страниц сайта на различных серверах. Скоростная передача данных происходит до «ближайшего» пользователя.

Использование дополнительных шрифтов необходимо оптимизировать. Для этого:

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

GZIP – мощный компрессор для текстовых файлов и кода. Сжатие GZIP настраивается на сервере. Страницы сайта передаются браузеру в компрессированном виде. Показатели компрессии очень высокие – 70-90%. Сжимаются:

• HTML
• XML
• JavaScript
• CSS.

HTTP/2-это новейший протокол, имеет хорошую поддержку в браузерах и значительно улучшает скорость загрузки сайта.

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

Contain: strict - примитивное значение для изоляции стиля для компоновки и отрисовки. Позволяет сократить время построения страницы и сохранить ресурсы процессора.

Компиляция и оптимизация JS, HTML, CSS выполняется «ручным» способом, либо автоматически с помощью специальных плагинов. Объём сокращённого кода не так значителен, однако компоновка и отрисовка страницы, а также загрузка происходят быстрее.

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

Настройка времени ответа сервера до получения первого байта – Time To First Byte (TTFB) осуществляется на стороне сервера. Может потребоваться установка дополнительного оборудования и ПО. Тест на TTFB считается пройденным при времени отдачи менее 600 мс.

Указание заголовков Expires и Cache-control для статических ресурсов (изображения, стили, скрипты, шрифты и др.), обеспечивает огромную экономию производительности для пользователей, которые загружают одни и те же страницы несколько раз. Статические ресурсы должны кэшироваться как можно дольше.

Service Workers представляет возможность очень тонко настроить кэширование страниц. Такая оптимизация сайта позволят создать автономное веб-приложение.

Обеспечение скорости загрузки страниц до 1-3х секунд на настольных компьютерах.

Достижение оптимальной скорости загрузки сайта для сетей 4G, 3G и др.

HTTPS уже давно является признанным стандартом. Поэтому Сертификат SSL необходим для сайта. Поисковые системы прямо заявляют о лучшем ранжировании сайта с подключенным HTTPS. Кроме этого статистика показывает, что пользователи отказываются от посещений сайтов с отсутствием Безопасного соединения! По некоторым источникам процент отказа составляет от 50-60%!

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

Настройка файла .htaccess для блокирования плохих ботов и роботов – одна из базовых настроек безопасности.

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

Для обеспечения безопасности сайта крайне важно иметь специальные атрибуты rel="nofollow noopener noreferrer" у ссылок с открытием новой страницы (target="_blank"). Это изолирует страницу и сохраняет, тем самым, производительность.

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

• Заголовок Content Security Policy для защиты от атак XSS и инъекций
• Заголовок X-Frame-Options для защиты от взлома ClickJacking
• Заголовок X-XSS-Protection для предотвращения атак XSS
• Strict-Transport-Security. Политика HSTS заставляет все ответы проходить через HTTPS-соединения вместо обычного HTTP-текста. Это обеспечивает шифрование всего канала перед отправкой данных, что делает невозможным для злоумышленников чтение или изменение данных в пути
• Referrer-Policy предотвращает утечку данных на сайты, на которые ведут ссылки
• X-Content-Type-Options позволяет предотвратить атаки с использованием подмены данных
• Feature-Policy политика, разрешающая или запрещающая функции на стороне браузера: push-уведомления, управление камерой микрофоном и др.
• Настройка токенов CSRF для предотвращения подделки запросов на стороне Пользователя. Использование POST-метода в формах вместо GET. Отключение register_globals
• При использовании Cookies на сайте, передаваемые данные должны быть ограничены одним путём и доменом. Защищенный файл Cookie должен отправляться на сервер только по защищённому протоколу HTTPS.

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

Для ограничения доступа в папки на уровне хостинга (сервера), необходимо внести соответствующие настройки. Во всех существующих папках и при создании новых папок рекомендуется размещать в них пустой файл index.html и файл .htaccess с настройкой Options -Indexes.

При входных пользовательских данных необходим их анализ. Требуется проверка на инъекции data://, JavaScript:// и CRLF. Такие данные не должны попадать напрямую в запросы SQL.

При использовании на сайте Аккаунтов с Личными кабинетами, необходимо позаботиться о шифровании передачи паролей в BCrypt или SCrypt.

Чтобы защитить сайт от «отказа в обслуживании», требуется установить ограничители API для Яндекс, Google. Это поможет защитить сайта от возможного ущерба хакерских атак в ранжировании сайта поисковыми системами.

Между текстом и фоном разница контраста должна быть не менее 4,5:1. Это улучшает читаемость для большинства пользователей, обеспечивая чтение «без принуждения». Настройки индивидуальны для цветовых сочетаний.

Реализация ARIA (Accessible Rich Internet Applications) предназначена для пользователей, которые не имеют возможности пользоваться мышью, тач-падом и т.п. Все интерактивные элементы управления на сайте должны функционировать с клавиатуры. Информация, необходимая вспомогательным технологиям о значении и назначении элементов пользовательского интерфейса, называется семантикой доступности. Атрибуты WAI-ARIA передают браузеру семантическую информацию о роли, состоянии и свойстве элементов на странице.

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

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

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

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

Ваш сайт должен быть одинаково представлен во всех браузерах Chrome, Firefox, Safari, IE/Edge, Opera и др.

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

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

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

Размер изображений рекомендуется сделать необходимым и достаточным для различных размеров экрана. Это поможет существенно ускорить загрузку графики (иногда до 10 раз!).

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

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

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

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