Функция .replaceWith() изменит код, просматриваемый поисковыми системами?

Question

Мне удалось изменить содержимое определенных H1, так как я не хочу, чтобы они возвращали значение из глобальной переменной. Я использовал код;

<script type="text/javascript"> 
$(document).ready(function() { 
$("H1").filter(function() { return $(this).text() === "Oak"; }).replaceWith('<H1>Solid Oak Furniture</H1>'); 
$("H1:contains('Countryside Oak')").replaceWith('<H1>Countryside Oak Furniture</H1>'); 
});  
</script> 

Мой вопрос в том, когда я просматриваю источник, он показывает «старый» код.

Ex. Вместо того чтобы показывать <H1>Solid Oak Furniture</H1> он все еще показывает <H1>Oak</H1>

Но если я использую, проверить элемент он показывает новый код, <H1>Solid Oak Furniture</H1>

Так что на самом деле на текущем коде?

Answer 1

Когда вы просматриваете источник страницы, это, как правило, необработанный текст, возвращаемый веб-сервером при загрузке страницы. Любые манипуляции с DOM, которые были выполнены на стороне клиента, не будут отражены.

Большинство современных инспекторов элементов правильно отражают обновления и манипуляции с JavaScript и т. Д. Не беспокойтесь, правильный HTML-контент будет таким, как вы ожидаете (т. Е. <H1>Solid Oak Furniture</H1>).

Это было сказано, так как JavaScript (и, следовательно, jQuery) выполняется на стороне клиента, модификации DOM обычно не включаются в результаты поисковой системы, так как их пауки обычно не включают механизмы JavaScript. Если вам нужно изменить DOM для целей SEO, используйте PHP или вручную измените HTML и повторно загрузите его на веб-сервер.