Скрытый текст и cloaking: чем опасны

Симптом

• Страница загружается, но в инспекторе виден текст, который не отображается в браузере (например, display:none;).
• Текст имеет цвет, совпадающий с фоном, и не виден пользователю, но присутствует в исходном коде.
• На странице присутствует разный контент в зависимости от того, кто её открывает: пользователь видит один набор блоков, а поисковый бот – другой.
• В отчёте Google Search Console появляются предупреждения о «скрытом тексте» или «cloaking».
• Позиции в поиске падают, а CTR снижается.

Причина

• Скрытый текст – это любой контент, который виден поисковым системам, но скрыт от пользователей. Это может быть реализовано через CSS (display:none;, visibility:hidden;, position:absolute; left:-9999px;), через цвет текста, совпадающий с фоном, или через JavaScript, который заменяет контент после загрузки.
• Cloaking – это выдача разного контента ботам и реальным пользователям. Технически это достигается через проверку заголовков User‑Agent, IP‑адреса, cookies, или через динамическую подстановку контента в JavaScript.
• Поисковые системы рассматривают скрытый текст и cloaking как попытку манипулировать ранжированием, так как они могут содержать ключевые слова, которые не видны аудитории. Это считается нарушением правил качества контента.

Как проверить

1. Проверка исходного кода
   Откройте страницу в браузере, нажмите Ctrl+U (или Cmd+Option+U на Mac) и посмотрите, есть ли в коде блоки, скрытые через CSS.
   ```html
   
   Ключевые слова

```

2. Проверка CSS
   В инструментах разработчика (F12) найдите элементы с display:none;, visibility:hidden;, opacity:0; и т.д.
   css .hidden { display:none; }

3. Проверка цвета текста
   Выделите текст, который кажется «невидимым», и посмотрите его цвет в инспекторе. Если цвет совпадает с фоном, это скрытый текст.
   css .invisible { color:#ffffff; background:#ffffff; }

4. Проверка разного контента для ботов
   Используйте инструмент Google Search Console → URL Inspection → “View as Googlebot” и сравните с обычным просмотром.
   Также можно использовать curl:
   bash curl -A "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)" https://example.com/page

5. Проверка через сторонние сервисы
   - SEO Site Checkup
   - Screaming Frog SEO Spider – сканирует скрытый текст и cloaking.

Решение

1. Уберите скрытый текст
   - Пересмотрите контент: если ключевые слова нужны, разместите их в видимой части страницы.
   - Удалите CSS‑правила, скрывающие текст.
   css /* Было */ .hidden { display:none; } /* Стало */ .visible { display:block; }

2. Исправьте цвет текста
   - Убедитесь, что контраст достаточный (WCAG AA минимум 4.5:1).
   css .text { color:#333; background:#fff; }

3. Устраните cloaking
   - Если вы используете разные версии страницы для ботов и пользователей, убедитесь, что они одинаковы.
   - Если нужно показать разные варианты, используйте rel="canonical" и hreflang, а не скрытый контент.
   - В PHP/Node.js проверяйте User‑Agent только для аналитики, а не для изменения контента.

4. Проверьте после изменений
   - Пересканируйте страницу в Google Search Console.
   - Используйте инструмент “Проверка URL” и убедитесь, что предупреждения исчезли.
   - Проверьте видимость текста в инспекторе.

5. Постоянный мониторинг
   - Настройте регулярные проверки через Screaming Frog или другие сканеры.
   - Добавьте правило в robots.txt, запрещающее индексацию тестовых страниц, где может использоваться скрытый контент.
   robots.txt User-agent: * Disallow: /test/

Связанные

• Как проверить наличие скрытого текста на сайте
• Что такое cloaking и как его избежать