Сайт и SEO: cookies, Flash, виджеты и другое, чего не видит поиск

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

О чём пишут по запросу «сайт и SEO»

Я выписал заголовки и описания тридцати страниц с первой страницы поиска. Слова «что такое» или «что это» стоят в двенадцати заголовках и описаниях из тридцати: выдача почти целиком состоит из объяснений. Восемь статей опубликованы на Хабре. Три результата — предложения услуг.

Общих объяснений хватает. Но о том, что конкретные вещи на сайте — виджет отзывов, вкладки, прайс в файле — могут быть для поиска невидимы, не говорит почти никто. А в кластере этой статьи есть два запроса, которые задают ровно этот вопрос: про cookies и про Flash.

Одна страница, два взгляда

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

Из девяти блоков робот получил содержание четырёх: текст про cookies, шапку, первый слайд и вкладки. Акции он не увидел — она нарисована на картинке. Карты, отзывов и чата для него нет. Прайс лежит отдельным файлом. А первым предложением страницы, с точки зрения поиска, оказалось «Мы используем cookies».

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

Cookies и SEO

С cookies связаны две разные истории.

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

Содержимое, зависящее от cookies. Это серьёзнее. Робот cookies не хранит: каждый раз он приходит как новый посетитель. Всё, что сайт показывает только «после выбора» — цены после выбора города, каталог после подтверждения возраста, содержимое после закрытия приветственного окна, — робот не увидит никогда. Он увидит то, что показывают человеку, зашедшему впервые и ничего не нажавшему.

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

Flash and SEO: наследие, которое ещё встречается

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

Но сайты остались. Раз в два-три месяца ко мне приходит компания с сайтом 2010–2014 годов, где на Flash сделаны галерея проектов, меню или заставка. Владелец давно не открывал собственный сайт и не знает, что на месте галереи уже пятый год серый прямоугольник. Поиск это знает: страницы, состоявшие из Flash, для него пусты.

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

Слайдер: четыре сообщения, из которых читают одно

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

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

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

Чужое в рамке: карты, видео, виджеты отзывов

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

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

Решение простое: главные отзывы продублировать на странице обычным текстом — с именем, датой и ссылкой на источник. Рядом с картой написать адрес и как добраться словами. Под видео — краткий пересказ того, что в нём показано.

Вкладки, раскрывающиеся блоки и «читать далее»

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

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

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

Ленивая загрузка и кнопка «показать ещё»

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

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

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

Прайс в файле и текст картинкой

Две привычки, которые стоят сайтам больше всего запросов.

Прайс-лист в PDF. Файл поиск прочитать может и иногда даже показывает в результатах. Но в файле нет меню, нет кнопки заявки, нет телефона в шапке — человек, попавший на него из поиска, оказывается в тупике. А главное, четырнадцать страниц прайса — это сотни позиций с ценами, каждая из которых могла бы быть строкой на странице услуги и отвечать на запрос «сколько стоит». В файле они свалены в один документ, который не отвечает ни на что конкретно.

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

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

Чаты, квизы и счётчики: чем платит страница

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

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

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

Десять элементов: сводка

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

Что чинить первым

Если на сайте нашлось несколько таких мест сразу, порядок определяется просто: сначала то, что прячет самое ценное.

Первое — всё, что закрывает страницу целиком: окно выбора города, подтверждение возраста, приветственный баннер на весь экран. Пока оно есть, остальное бессмысленно чинить — робот до него не доходит. Второе — цены: из файла и с картинок их нужно перенести на страницы услуг. Запросы со словами «цена» и «сколько стоит» — самые близкие к заказу. Третье — каталог, проекты, работы: у каждой позиции должна быть своя страница и обычная ссылка на неё. Четвёртое — отзывы текстом. И только пятым — скорость и ревизия скриптов.

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

Случай: сайт, на котором было всё, кроме текста

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

Ссылки были ни при чём. Тридцать четыре проекта домов — главное, что продаёт компания, — жили в Flash-галерее, которая с 2021 года не открывалась ни в одном браузере. Цены лежали в PDF на четырнадцать страниц. Отзывы показывал виджет сторонней площадки. Преимущества и схема работы были нарисованы картинками. На сорока шести страницах сайта набиралось меньше трёх тысяч слов текста, из них треть — политика конфиденциальности.

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

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

Проверка за десять минут

1. Инкогнито. Откройте главную и страницу услуги в режиме инкогнито и ничего не нажимайте. Что закрыто окнами и баннерами — закрыто и для поиска.
2. Исходный код. Правая кнопка мыши, «Просмотр кода страницы». Найдите поиском цену, телефон и фразу из отзыва. Чего нет в коде — нет для робота.
3. Без картинок. Представьте, что все изображения исчезли. Что осталось от акции, преимуществ, схемы работы?
4. Ссылки. На каждый товар, проект или услугу можно попасть обычной ссылкой, которая открывается в новой вкладке? Или только прокруткой и кнопкой «показать ещё»?
5. Файлы. Есть ли на сайте важное, что существует только в PDF или в таблице для скачивания?
6. Старое. Откройте сайт с телефона и пройдите по всем разделам. Серые прямоугольники и надписи «плагин не поддерживается» — следы Flash.

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

Website and SEO: то же самое по-английски

В запросах эту тему формулируют и латиницей — website and SEO, site and SEO, SEO and web. Смысл тот же, и правила те же: поисковые системы во всём мире читают код, а не картинку на экране. Зарубежные руководства повторяют это одной фразой — «content must be in the HTML», содержимое должно быть в коде страницы. Всё, о чём шла речь выше, — частные случаи этого правила.

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

Итог

Сайт и SEO расходятся там, где содержимое есть на экране и отсутствует в коде. Поиск не видит текста на картинках, отзывов в виджетах, каталога под кнопкой «показать ещё», того, что показывается после выбора города, и всего, что осталось от Flash. Прайс в файле он видит, но пользы от этого мало. Вкладки и раскрывающиеся блоки читает, если текст в коде с самого начала. Баннер про cookies не вредит, пока не закрывает страницу и не стоит первым в коде. Проверяется всё это за десять минут — режимом инкогнито и просмотром исходного кода — и часто даёт больше, чем месяцы продвижения: содержимое уже написано, его остаётся только показать.

Александр Рожков

SEO-специалист · Вебмастер · 15+ лет · 200+ проектов

Частный SEO-специалист в Москве. 200+ сайтов в продвижении и разработке, 15+ лет опыта. Настраиваю SEO, создаю сайты и рекламу лично — без субподрядчиков.

О себе