ЕСЛИ ВЫ ИСПОЛЬЗУЕТЕ JAVASCRIPT ДЛЯ ДИНАМИЧЕСКОЙ ЗАГРУЗКИ...

ЕСЛИ ВЫ ИСПОЛЬЗУЕТЕ JAVASCRIPT ДЛЯ ДИНАМИЧЕСКОЙ ЗАГРУЗКИ КОНТЕНТА ПОСЛЕ ВЗАИМОДЕЙСТВИЯ, ГУГЛ ЕГО НЕ УВИДИТ!

Только что провел аудит сайта клиента, где НАВИГАЦИЯ имела статичный вывод для видимых элементов ссылок, но вся навигационная структура под ней подгружалась динамически только после ВЗАИМОДЕЙСТВИЯ, пишет Даниэль Фоли Картер.

При взаимодействии с меню DIV-элементы внедрялись в активный HTML.

Но при проверке сырого HTML после рендеринга никаких подклассов меню не существовало.

ВОТ ПОЧЕМУ нужно быть особенно внимательным к техническим решениям, используемым на сайте.

Такие вещи требуют ПРОВЕРКИ.

В Screaming Frog ничего не отображалось, все подстраницы МЕНЮ имели высокие показатели глобальных внутренних ссылок — поэтому проблему сразу не заметишь.

Но при ручной проверке мне удалось это обнаружить.

Категории в НАВИГАЦИИ клиента показывали значительное падение эффективности, я также заметил, что многие СТРАНИЦЫ ПОДМЕНЮ были обнаружены не через краулинг, а через ДИСКАВЕРИ — обычно через страницы товаров, что странно: почему URL навигации верхнего уровня находятся через товары?

Оказалось, что Гугл проходил через товары и находил категории верхнего уровня через хлебные крошки.

ИСПОЛЬЗУЙТЕ JS, но делайте это правильно.

Всё, что формирует страницу, должно быть в изначальном DOM.

Любая "ДИНАМИЧЕСКАЯ" функциональность, использующая Javascript для выполнения действий, изменит страницу так, что Гугл этого не увидит.

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

Где возможно — ПРЕДЗАГРУЖАЙТЕ всё на страницу и используйте скрипты для работы с контентом, который уже загружен в исходном коде.

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

Проблема решена — ЗНАЧИТЕЛЬНОЕ улучшение органических показателей в течение 3 недель после внедрения.

ВОТ КАК МОЖНО ОПРЕДЕЛИТЬ, ЕСТЬ ЛИ НА АНАЛИЗИРУЕМЫХ СТРАНИЦАХ ИЗМЕНЕНИЯ, КОТОРЫЕ ГУГЛ НЕ МОЖЕТ УВИДЕТЬ:

1. Зайдите на веб-страницу

2. Нажмите F12, чтобы открыть DevTools

3. В нижних вкладках кликните на CONSOLE

4. Нажмите на иконку очистки, чтобы скрыть текущие ошибки/предупреждения

5. Скопируйте и вставьте скрипт ниже в консоль и нажмите enter

6. Затем взаимодействуйте со страницей, например, кликните на меню — вы увидите, внедряются ли новые элементы

new MutationObserver((mutations) => {

mutations.forEach((mutation) => {

mutation.addedNodes.forEach((node) => {

if (node.nodeType === 1) {

// Ensure it's an element node

if (node.tagName === "A" && node.hasAttribute("href")) {

console.log("%c[New Link Injected]", "color: red; font-weight: bold;", node.href, node);

}

// Also check if an <a> tag is added inside a changed element

node.querySelectorAll &&

node.querySelectorAll("a[href]").forEach((link) => {

console.log("%c[New Link Injected]", "color: red; font-weight: bold;", link.href, link);

});

}

});

});

}).observe(document.body, { childList: true, subtree: true });

За скриншотами - сюда.

@MikeBlazerX

Источник новости https://t.me/mikeblazerx/4713...