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

SEO Контент - вставка и форматирование.

То что контент должен быть уникальным и специально подготовленным - это прописная истина. По мимо самого контента, который как правило пишут в редакторах типа Word, он должен быть правильно вставлен. Статьи, обычно загружают через визуальный HTML редактор, это такое приложение с минимальным набором форматирования который присутствует в любой CMS , вот это самое форматирование, вернее доступ контент менеджера к этим инструментам, как оказалось совсем недавно, очень вредит.

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

• Цвет текста
• Выравнивание
• Размер шрифта
• И т.д.

Все эти свойства, редактор успешно переносит и укладывает в атрибут style, на пример, в теге появляется вполне валидный синтаксис style="text-align:center" или что то подобное. Плюс ко всему, редакторы любят подшаманить контент, например сделать выделение цветом, поменять background ...

В этом нет ничего страшного, подобное оформление не противоречит правилам, но проблема возникает, если вы решили сделать AMP версию своих страниц, подобные атрибуты в тексте не проходят AMP валидацию!

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

Вставка картинок и фотографий.

Визуальные редакторы поддерживают вставку картинок, это не совсем хорошее решение если контент менеджер не подкован, фотографии как правило загружаются больших размеров, форматирование происходит при помощи специального интерфейса который вставляет информацию про обтекание, размеры и отступы в атрибут style - что уже приводит к проблеме описанной выше, но основная проблема находится в самом теге img который отсутствует в разметке AMP документов.

SEO выводы

Всю графику загружать отдельно, на пример отдельный интерфейс для загрузки картинки товара или фотографии новости, отдельный интерфейс для загрузки остальной графики, на пример галерея и отдельно визуальный редактор в который вставляется ТОЛЬКО текст с использованием заголовков, абзацев, списков, выделения strong (жирный) и все. Нет, конечно можно украсить сой текст при помощи выравнивания, шрифтов и цвета, но только путем присвоения соответствующего класса, что позволяет сделать HTML редактор, при этом не забыв согласовать это с веб-дизайнером который внесет эти классы в файлы стилей. Дополнительно можно отметить, что квалификация контент менеджера должна быть соответствующей и знание основ HTML обязательно.

Как пришлось решать эту проблему

Бэкэнд-разработчику пришлось писать специальный обработчик, который вырезал все невалидные элементы перед отправкой в браузер в виде AMP страницы.