В коде страницы остались теги, которые давно устарели: center, font, marquee, big, strike. Они могут работать в браузере, но создают проблемы с валидностью, доступностью и рендерингом. Разберём, почему устаревшие теги вредны для SEO и как их заменить на современные аналоги.
Что такое устаревшие HTML-теги
Устаревшие теги — это элементы HTML, которые больше не поддерживаются стандартом или считаются нерекомендованными. Браузеры могут их отображать для обратной совместимости, но это не значит, что их стоит использовать.
Примеры устаревших тегов:
— center — выравнивание по центру;
— font — задание шрифта;
— big — увеличение текста;
— strike — зачёркнутый текст;
— marquee — бегущая строка;
— blink — мигающий текст;
— frame и frameset — фреймы;
— applet — апплеты;
— b и i — в некоторых контекстах;
— u — подчёркивание.
Некоторые из них всё ещё работают, но их использование может создавать проблемы.
Почему устаревшие теги вредны для SEO
Основные проблемы:
— снижают валидность HTML;
— могут ухудшать доступность;
— могут влиять на рендеринг;
— могут конфликтовать с современными стилями;
— могут создавать проблемы для поисковых роботов;
— могут указывать на устаревший код.
Поисковики не штрафуют за устаревшие теги напрямую, но они могут влиять на качество страницы и её отображение. Если страница плохо рендерится или имеет проблемы с доступностью, это может косвенно влиять на позиции.
Причина 1: устаревшие теги форматирования
Теги font, big, strike, u, center использовались для форматирования, но сегодня для этого есть CSS.
Что делать:
— заменить font на CSS-свойства font-family, font-size, color;
— заменить big на font-size;
— заменить strike на text-decoration: line-through;
— заменить u на text-decoration: underline;
— заменить center на text-align: center.
Это улучшает валидность и упрощает поддержку кода.
Причина 2: устаревшие теги структуры
Теги frame, frameset, applet, marquee, blink устарели и могут создавать проблемы с рендерингом и доступностью.
Что делать:
— заменить frame и frameset на iframe или современные подходы;
— убрать applet — апплеты больше не поддерживаются;
— заменить marquee на CSS-анимации;
— убрать blink — мигающий текст вреден для доступности.
Причина 3: устаревшие атрибуты
Некоторые атрибуты также устарели:
— align в div, p, img;
— bgcolor в body, table, td;
— border в table;
— cellpadding и cellspacing в table;
— width и height в table;
— language в script.
Что делать:
— заменить атрибуты на CSS-свойства;
— использовать современные подходы к вёрстке;
— проверить, не остались ли устаревшие атрибуты в шаблонах.
Для проверки используйте проверка устаревших HTML-тегов — инструмент покажет, какие теги и атрибуты устарели и где они используются.
Причина 4: устаревшие теги в CMS и шаблонах
Иногда устаревшие теги остаются в шаблонах CMS, виджетах или плагинах. Они могут не отображаться визуально, но оставаться в коде.
Что проверить:
— шаблоны CMS;
— виджеты;
— плагины;
— пользовательский контент;
— старые страницы.
Если устаревшие теги есть в шаблонах, их нужно заменить. Если в контенте — обновить контент.
Причина 5: устаревшие теги и доступность
Некоторые устаревшие теги вредны для доступности:
— blink и marquee могут вызывать проблемы у пользователей с эпилепсией;
— font и center могут ухудшать читаемость;
— frame и frameset могут создавать проблемы для скринридеров;
— u может путаться со ссылками.
Доступность влияет на пользовательский опыт и может косвенно влиять на SEO.
Как найти устаревшие теги
Пошаговая проверка:
— откройте исходный код страницы;
— проверьте наличие устаревших тегов;
— проверьте шаблоны CMS;
— проверьте пользовательский контент;
— проверьте валидатором HTML;
— проверьте, не добавляет ли их CMS автоматически.
Как исправить
План действий:
— заменить устаревшие теги на CSS-свойства;
— заменить устаревшие атрибуты на CSS;
— обновить шаблоны CMS;
— обновить пользовательский контент;
— проверить валидность HTML;
— проверить доступность.
Как проверить результат
Чек-лист:
— устаревшие теги отсутствуют;
— HTML валиден;
— доступность улучшена;
— рендеринг корректный;
— стили работают;
— нет ошибок в валидаторе.
Если нужно проверить сразу несколько параметров — теги, doctype, charset — логично перейти к SEO-аудиту.
Частые ошибки
— оставлять устаревшие теги в шаблонах;
— использовать font вместо CSS;
— использовать center вместо text-align;
— оставлять frame и frameset;
— использовать marquee и blink;
— не проверять валидность после изменений.
FAQ
Вредны ли устаревшие теги для SEO?
Напрямую — нет. Но они снижают валидность, могут ухудшать доступность и рендеринг, что косвенно влияет на позиции.
Какие теги считаются устаревшими?
center, font, big, strike, marquee, blink, frame, frameset, applet и некоторые другие. Полный список зависит от версии HTML.
Можно ли оставить устаревшие теги, если они работают?
Технически можно, но не рекомендуется. Они могут создавать проблемы с валидностью, доступностью и поддержкой кода.
Чем заменить font?
CSS-свойствами font-family, font-size, color и другими. Это современный и гибкий подход.
Чем заменить center?
CSS-свойством text-align: center или flexbox/grid для более сложного выравнивания.
Влияют ли устаревшие теги на доступность?
Да. Некоторые теги (blink, marquee) могут вызывать проблемы у пользователей с эпилепсией, другие ухудшают читаемость.
Как найти устаревшие теги?
Используйте инструмент проверки устаревших тегов или валидатор HTML. Они покажут, какие теги устарели.
Может ли CMS добавлять устаревшие теги?
Да. Некоторые CMS и плагины могут использовать устаревшие теги в шаблонах или виджетах.
Нужно ли срочно исправлять устаревшие теги?
Не срочно, но желательно. Это улучшает валидность, доступность и упрощает поддержку кода.
Что делать, если устаревшие теги в пользовательском контенте?
Обновить контент, заменив устаревшие теги на современные аналоги или CSS-стили.
