Техническая оптимизация интернет-магазина (SEO-аудит)

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

Первый шаг:

Внедрение семантической разметки

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

Есть два типа семантической разметки для сайтов, занимающихся продажей товаров в Интернете. У каждого из них есть свои характеристики.

1. Семантическая разметка продукта. Такая разметка требует названия продукта и указания цен. Есть и другие интересные функции, которые можно добавить, такие как изображение, описание, URL-адреса и название бренда.

Вот пример разметки продукта из результатов поиска:

Рис. 1. Пример разметки продукта из SERP

2. Семантическая разметка обзора или статьи. Для этого Вам потребуется два типа разметки: 1) совокупный рейтинг; 2) индивидуальный обзор. Для реализации первого Вам необходимо следующее: общий показатель рейтинга, подсчет рейтинга, лучший рейтинг и худший рейтинг. Для осуществления индивидуального обзора, Вам необходим рецензент, дата обзора, значение обзора, лучший обзор, худший обзор и текст обзора.

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

Полезные сервисы:

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

Второй шаг:

Очистка URL-адресов

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

Итак, вот несколько важных советов:

Смените динамические URL-адреса на статические URL-адреса.
Отклоните параметры (например, ?productId=50763526&cp)
Никогда не используйте пробелы и знаки подчеркивания – отдавайте предпочтения тире
Используйте строчные буквы
Добавьте целевые ключевые слова
Все должно быть лаконичным и милым

Третий шаг:

Переключитесь на HTTPS, если Вы все еще используете HTTP

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

Итак, в чем разница между HTTP и HTTPS?

Протокол HTTPS (Hyper Text Transfer Protocol Secure), по сути, является протоколом HTTP (базовый протокол для соединения клиентов и серверов WWW). Но это более безопасная версия. Как и HTTP, HTTPS позволяет браузеру начать соединение с сервером на стандартном порте. Однако HTTPS затем добавляет еще один слой безопасности с помощью SSL (протокол защиты информации) для передачи данных. Это помогает избежать ущерба со стороны третьих лиц и сохранить данные в зашифрованном виде.

Что такое протокол HTTPS, и как он защищает вас в интернете (Яндекс)

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

Если Вы решили переключиться с HTTP на HTTPS, следуйте эти рекомендациям от Google:

определите, какая сертификация вам нужна: сертификат одного или нескольких доменов или групповой сертификат;
используйте 2048-битные сертификаты;
придерживайтесь относительных URL-адресов для ресурсов, которые существуют в одном защищенном домене;
выберите относительные URL-адреса протокола для всех других доменов;
убедитесь, что Ваш сайт HTTPS не заблокирован от сканирования в файле robots.txt;
избегайте использования метатегов без индексов;
регулярно контролируйте перенос HTTP-трафика на HTTPS в инструментах Google для веб-мастеров.

Деликатный переезд (или рекомендации Яндекса по переезду на HTTPS)

Четвертый шаг:

404 ошибка и 301 редирект

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

Переадресация 301 передает около 90% ссылок. Например, если Ваш старый продукт хорошо ранжировался по определенным ключевым словам, 90% из них перейдут на новую страницу.

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

Вот несколько моих личных фаворитов:

Taco Bell

Рис. 2. Примеры забавных сообщений на странице 404

Bluegg

Рис. 3. Примеры забавных сообщений на странице 404

Blue Fountain Media

Рис. 4. Примеры забавных сообщений на странице 404

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

Вот пример с сайта Nordstrom:

Рис. 5. Пример с сайта Nordstrom

Вот еще один отличный пример с сайта Bellroy:

Рис. 6. Пример с сайта Bellroy

Пятый шаг:

Разбивка текста на страницы

Разбивка позволяет разделить контент на веб-сайтах на более мелкие разделы. Добавьте теги rel = «next», rel = «prev», чтобы указать на то, какие страницы являются частью серии. Таким образом, Вы помогаете поисковым системам понять взаимосвязь между этими страницами. У компании Google есть отличное руководство по разбивке страниц – оно очень подробное.

Если Вы внедряете эту стратегию и используете ее на своем сайте, не забудьте добавить теги <metaname = «robots»content = «noindex, follow»> ко всем страницам в серии, за исключением первой страницы. Это обеспечит индексацию только первой страницы в серии.

Вот пример с сайта Macy‘s:

Рис. 7. Пример индексации с сайта Macy‘s

Кнопка «Загрузить больше»

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

Вот пример с сайта Sketchers:

Рис. 8. Пример использования кнопки «загрузить больше» на сайте Sketchers

Только 8% из 50-ти крупнейших веб-сайтов, занимающихся торговлей в Интернете в США, используют кнопку «Загрузить больше». При этом, она очень эффективна.

Бесконечная прокрутка

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

Вот пример от American Eagle Outfitters:

Рис. 9. Пример ссайта American Eagle Outfitters

Как лучше?

Кнопка «Загрузить больше» в сочетании с разбивкой страницы снимает все вопросы, как для пользователя, так и с точки зрения SEO. Это означает, что при установке лимита будет отображаться кнопка «Загрузить еще». Мои лимиты установлены примерно на 25-75 продуктов. На мобильном телефоне я бы придерживался лимита в 15-30 продуктов.

Шестой шаг:

Канонизированные продукты

Начнем с основ.

Проверьте, нет ли проблем с канонизацией домена.
Перейдите на страницу категорий на веб-сайте.
Удалите www из строки поиска и нажмите enter.
Если Ваш домен канонизирован, он будет перенаправлен на правильную версию сайта. Если домен неправильно канонизирован, появится другая страница.
Добавьте тег rel=“canonical” на оригинальные страницы продукта.

Добавляя тег rel=»canonical» к исходной странице продукта, Вы тем самым сообщаете поисковым системам, какой продукт должен отображаться. Если у Вас нет тега rel=»canonical» на исходной странице продукта, можно в конечном итоге получить дубликаты продуктов. Поисковая система Google низко оценивает дублированный продукт.

Если на Вашем сайте используются разные URL-адреса для определенных размеров, цветов или других параметров продукта, Вам необходимо канонизировать основную версию продукта. Если на Вашем сайте используются параметры продукта, например ‘/product-1?size=10’, канонизируйте страницу назад к исходной версии: ‘/product-1’.

Седьмой шаг:

Добавьте перекрестные ссылки на страницы в топе.

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

Вот некоторые из основных преимуществ внутренних ссылок:

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

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

Восьмой шаг:

Создайте карту сайта.

XML карта сайта (расширяемый язык разметки) обеспечивает читаемый формат Вашего сайта для поисковых систем. XML-файлы – это список URL-адресов на Вашем веб-сайте.

Если у Вас интернет-магазин с большим количеством страниц, пришло время ознакомиться с файлами Sitemap.xml. Google утверждает, что можно иметь до 50 000 файлов в одном файле Sitemap. Однако, когда я работаю с сайтами, занимающимися торговлей в Интернете, мне нравится разбивать мои файлы sitemap на разделы.

Вот что можно сделать:

Только продукты: сюда входят только отдельные продукты, раздел нужно обновлять по мере добавления/удаления новых продуктов. Не забудьте обновить тег <Last Modified> (последние изменения)!
Только категории: сюда входят страницы категорий.
Страницы шаблонов: сюда входят основные страницы, например «Контакты», «О нас» и т.д.
Блог: сюда входят ссылки на страницы в блоге. Блог должен включать все индивидуальные посты, теги, авторские страницы и архивы.

Не забудьте отправить запрос поисковым системам после создания файла sitemap. Я отправляю свои файлы SitemapXML в поисковую консоль Google после их завершения.

Девятый шаг:

Оптимизируйте сайт под мобильные устройства (телефон, планшет).

Недавно компания Google объявила, что дружелюбность по отношению к мобильным пользователям будет важным фактором ранжирования. Думаю, можно с уверенностью сказать, что если Вы не оптимизируете страницы сайта под мобильные устройства, Вы застрянете на 50‑й позиции в результатах поиска Google. Вы наверняка заметили, что на Ваш сайт поступает больше трафика с мобильных устройств.

Если Вы еще не оптимизировали свой сайт под мобильные устройства, выполните следующие действия:

Займитесь дизайном для мобильных устройств. Это предполагает создание мобильных версий страниц, увеличение размеров кнопок и многое другое. Это включает в себя создание страниц Google AMP для блогов или статей.
Определите конфигурацию для мобильных устройств: можно выбирать между адаптивным дизайном, динамической подачей или отдельными URL-адресами.
Не блокируйте javascript, CSS или картинки в файле robots.txt.
Создайте мобильные изображения для повышения скорости загрузки страницы: используйте файлы изображений размером менее 70 КБ.

Чтобы проверить, оптимизирован ли Ваш сайт для мобильных устройств, пройдите специальный тест от Google. Сервис Google – проверка оптимизации страниц сайта под мобильные устройства.

Рис. 10. Тест от Google на дружелюбность по отношению к мобильным устройствам

Десятый шаг:

Скорость страницы

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

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

Рис. 11. Определение скорости страницы с помощью Google

Вот как можно быстро увеличить скорость загрузки своей страницы:

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