Как обновить сайт, не потеряв позиции в поисковиках и не запутав пользователей

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

Допустим, в цветочном магазине решили обновить сайт, который работает с 2012 года. С сайта приходят заказы, но интерфейс и дизайн устарели. Предприниматель уверен: новый сайт будет удобнее, и заказов станет больше. На старом сайте с SEO всё в порядке: например, страница с хризантемами находится в топ-10 выдачи Яндекса по запросу «купить хризантемы в Москве». В Яндексе такой запрос набирают больше тысячи раз в месяц.

Во время обновления на сайте решили переделать навигацию и добавить категории товаров. Из-за этого страница с хризантемами поменяла URL-адрес: переехала с shop.ru/chrizantema на shop.ru/flowers/chrizantema. Пользователи, зашедшие на старую страницу из поисковиков, стали получать ошибку 404. Поисковые системы заметят это и начнут обратный отсчет: если проблему с 404 не устранить, через пару недель страница пропадает из поисковой выдачи. Магазин потеряет трафик и продажи с сайта упадут.

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

Зафиксировать текущие метрики сайта. Чтобы отследить, как обновление повлияло на посещаемость сайта, надо понимать отправную точку. К тому же, собрав статистику из Яндекс.Метрики или Google Analytics, вы сразу увидите, к каким страницам надо относиться с наибольшей осторожностью. Например, владельцы цветочного магазина из нашего примера сразу бы заметили, что на страницу с хризантемами идёт трафик из поисковиков: значит, нельзя допускать, чтобы вместо неё вылезала ошибка.

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

Запретить индексацию нового сайта на время разработки. Обычно во время разработки новый сайт размещают на тестовом домене. Чтобы поисковики не подумали, что появился какой-то новый сайт, который дублирует существующий, важно запретить им выводить тестовый сайт в поиске. Для этого нужно зайти в файл robots.txt и прописать, что все страницы запрещены для индексации или воспользоваться плагином для CMS вашего сайта. Тогда роботы поисковых систем поймут, что сайт пока не должен попадать в выдачу.

Добавить мета-информацию и фавикон. Во время разработки на каждую страницу нового сайта нужно добавить мета-заголовки, мета-описание и изображение для предпоказа. Заголовки и описания — это информация, которую пользователи видят на странице выдачи в поисковой системе. Изображение для предпоказа — это картинка для социальных сетей, она подгружается, когда вы вставляете ссылку на сайт в пост или сообщение. Мы рекомендуем использовать картинку размером 968 на 507 пикселей: она подходит для разных соцсетей.

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

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

Сгенерировать карту сайта. Если у сайта много страниц, необходимо подготовить его карту — файл sitemap.xml — и передать поисковикам. С этим файлом системы быстрее проиндексируют все страницы, и сайт раньше появится в поисковой выдаче. Для небольшого сайта карту можно сделать вручную, для крупного нужны инструменты для автоматизации. Для популярных CMS-систем есть плагины, например, Google XML Sitemaps для WordPress.

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

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

Добавить на сайт системы аналитики. На новом сайте обязательно нужно поставить как минимум те же счётчики, что стояли на прошлом. Это позволит сравнить статистику посещаемости до и после обновления и заметить проблемы. Если к старому сайту была подключена Яндекс.Метрика, а с нового данные идут только в Google Analytics, анализировать будет сложнее.

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

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

Рассказать поисковикам о переносе. Если из-за обновления у сайта поменялся доменный адрес, об этом важно сообщить в «Яндекс.Вебмастер» и Google Search Console. Так поисковики будут в курсе, что сайт переехал, и новый домен будет восприниматься не как отдельный сайт, а как продолжение старого.

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

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

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

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

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

Во время подготовки:

Во время разработки нового сайта:

После обновления: