[{"data":1,"prerenderedAt":30},["ShallowReactive",2],{"$fasCqIBgWC1YoKFc0cuv7K2aE3V45xBN5MXm3t7JtSmQ":3},{"slug":4,"title":5,"description":6,"date":7,"created_at":8,"updated_at":8,"h1":5,"content":9,"views":10,"next_articles":11},"ustarevshie-html-tegi","Устаревшие HTML-теги на сайте","Устаревшие HTML-теги и атрибуты: чем заменить font, center, marquee и таблицы для вёрстки, как обновлять шаблоны постепенно без вымышленных SEO-штрафов.","2026-08-09","2026-09-07","\u003Cp>Устаревшие HTML-теги и атрибуты (\u003Ccode>font\u003C\u002Fcode>, \u003Ccode>center\u003C\u002Fcode>, \u003Ccode>marquee\u003C\u002Fcode>, \u003Ccode>bgcolor\u003C\u002Fcode>, \u003Ccode>align\u003C\u002Fcode>) ещё могут отображаться в браузере, но создают технический долг: хуже доступность, сложнее поддержка, тяжелее единый дизайн. Прямого «штрафа за font» в поиске обычно нет, но legacy-разметка мешает модернизации.\u003C\u002Fp>\n\u003Cp>Чистку лучше вести волнами: сначала общие шаблоны header\u002Ffooter, затем карточки и архивы, потом старые посты по мере касания.\u003C\u002Fp>\n\u003Ch2>Чем заменить\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Было\u003C\u002Fth>\u003Cth>Стало\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd><font color>\u003C\u002Ftd>\u003Ctd>CSS color \u002F классы темы\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd><center>\u003C\u002Ftd>\u003Ctd>flex, grid, text-align\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd><b> ради SEO\u003C\u002Ftd>\u003Ctd><strong> или стиль заголовка\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Таблица для вёрстки\u003C\u002Ftd>\u003Ctd>CSS Grid \u002F Flexbox\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd><marquee>\u003C\u002Ftd>\u003Ctd>CSS animation (или убрать)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>Каркас документа — \u003Ca href=\"\u002Fblog\u002Fhtml-struktura-dokumenta\">HTML-структура\u003C\u002Fa>. Читаемость списков и абзацев — \u003Ca href=\"\u002Fblog\u002Fformatirovanie-kontenta\">форматирование контента\u003C\u002Fa>. Заголовки — \u003Ca href=\"\u002Fblog\u002Fzagolovki-h1-h6-struktura\">H1–H6\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch2>Как искать в коде\u003C\u002Fh2>\n\u003Cpre>\u003Ccode>grep -E 'font|center|bgcolor|align' templates\u002F\n# или краул + выборка HTML в отчёте\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Инструмент \u003Ca href=\"\u002Ftools\u002Fdeprecated-html\">Устаревшие HTML-теги\u003C\u002Fa> подскажет типичные находки на URL. После правки шаблона проверьте главную, статью и форму — \u003Ca href=\"\u002Fcheck\u002Ffree\">бесплатная проверка\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>Таблицы для данных (цены, характеристики) оставляйте — deprecated статус не запрещает семантические таблицы с \u003Ccode>th\u003C\u002Fcode> и подписью.\u003C\u002Fp>\n\u003Ch2>Миграция с конструктора\u003C\u002Fh2>\n\u003Cp>Старые лендинги на конструкторах часто тянут inline-стили и table-layout. При переезде на CMS не копируйте HTML «как есть» — перенесите смысл в компоненты темы. Это разовая работа, которая снимает сотни мелких ошибок валидации.\u003C\u002Fp>\n\u003Cp>Проверьте email-рассылки и архивные страницы акций: там decade-old разметка живёт годами и индексируется, если забыли noindex.\u003C\u002Fp>\n\u003Cp>Атрибуты align и bgcolor на table часто тянутся из Excel-экспорта в админку. Замените на class из дизайн-системы: так проще сменить тему и не искать inline-стили по базе постов.\u003C\u002Fp>\n\u003Cp>Frameset и frame ещё встречаются на legacy-внутренних порталах. Для публичного SEO такие URL лучше закрыть или перевести на нормальный layout — мобильный браузер их не прощает.\u003C\u002Fp>\n\u003Cp>Атрибуты align и bgcolor на table часто тянутся из Excel-экспорта в админку. Замените на class из дизайн-системы: так проще сменить тему и не искать inline-стили по базе постов.\u003C\u002Fp>\n\u003Cp>Frameset и frame ещё встречаются на legacy-внутренних порталах. Для публичного SEO такие URL лучше закрыть или перевести на нормальный layout — мобильный браузер их не прощает.\u003C\u002Fp>\n\u003Cp>Атрибуты align и bgcolor на table часто тянутся из Excel-экспорта в админку. Замените на class из дизайн-системы: так проще сменить тему и не искать inline-стили по базе постов.\u003C\u002Fp>\n\u003Cp>Frameset и frame ещё встречаются на legacy-внутренних порталах. Для публичного SEO такие URL лучше закрыть или перевести на нормальный layout — мобильный браузер их не прощает.\u003C\u002Fp>\n\u003Cp>Атрибуты align и bgcolor на table часто тянутся из Excel-экспорта в админку. Замените на class из дизайн-системы: так проще сменить тему и не искать inline-стили по базе постов.\u003C\u002Fp>\n\u003Cp>Frameset и frame ещё встречаются на legacy-внутренних порталах. Для публичного SEO такие URL лучше закрыть или перевести на нормальный layout — мобильный браузер их не прощает.\u003C\u002Fp>\n\u003Cp>Атрибуты align и bgcolor на table часто тянутся из Excel-экспорта в админку. Замените на class из дизайн-системы: так проще сменить тему и не искать inline-стили по базе постов.\u003C\u002Fp>\n\u003Cp>Frameset и frame ещё встречаются на legacy-внутренних порталах. Для публичного SEO такие URL лучше закрыть или перевести на нормальный layout — мобильный браузер их не прощает.\u003C\u002Fp>\n\u003Csection class=\"blog-faq\">\n\u003Ch2>Вопросы и ответы\u003C\u002Fh2>\n\u003Cdetails>\u003Csummary>Убрать всё deprecated сразу?\u003C\u002Fsummary>\u003Cp>Рискованно для большого сайта вычищать всё сразу. Сначала обновите шаблоны, затем контент — по приоритету трафика и маржинальности страниц.\u003C\u002Fp>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary><b> и <i> запрещены?\u003C\u002Fsummary>\u003Cp>Нет, теги b и i не запрещены. Для смысловой важности лучше strong или em, а визуальный акцент часто удобнее задать стилями заголовков.\u003C\u002Fp>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Таблицы нельзя?\u003C\u002Fsummary>\u003Cp>Можно для настоящих табличных данных: цены, сравнение тарифов, характеристики. Нельзя строить весь макет страницы через table-layout.\u003C\u002Fp>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Влияние на скорость?\u003C\u002Fsummary>\u003Cp>Влияние косвенное: устаревшие теги сами по себе редки, но часто идут вместе со старой тяжёлой вёрсткой и лишними обёртками, которые замедляют страницу.\u003C\u002Fp>\u003C\u002Fdetails>\n\u003C\u002Fsection>",0,[12,16,20,24,27],{"slug":13,"title":14,"date":15,"views":10},"meta-tegi-title-description","Мета-теги title, description, Open Graph","2026-07-01",{"slug":17,"title":18,"date":19,"views":10},"html-struktura-dokumenta","HTML-структура документа","2026-08-08",{"slug":21,"title":22,"date":23,"views":10},"bitye-ssylki-kak-najti-i-ispravit","Битые ссылки: как найти и исправить","2026-08-15",{"slug":25,"title":26,"date":23,"views":10},"stranicy-vhoda-i-zaprosy","Страницы входа и соответствие запросам",{"slug":28,"title":29,"date":23,"views":10},"socseti-i-svyaz","Соцсети и способы связи на сайте",1789381424984]