https://indexatori.ru/categories/javascript-%D0%B8-%D0%BE%D0%B1%D1%85%D0%BE%D0%B4/Recent content in JavaScript И Обход on IndexatoriHugoruFri, 11 Sep 2026 16:03:22 +0000https://indexatori.ru/posts/indeksatsiya-javascript-kak-sravnit-html-do-i-posle-otrisovki/Thu, 10 Sep 2026 14:27:21 +0000https://indexatori.ru/posts/indeksatsiya-javascript-kak-sravnit-html-do-i-posle-otrisovki/<h2 id="кратко">Кратко</h2> <ul> <li>Исходный HTML содержит разметку, которую сервер отправляет до запуска JavaScript.</li> <li>Отрисованный DOM показывает результат после выполнения скриптов и запросов к данным.</li> <li>Критичны исчезновение основного текста, H1, canonical, robots, ссылок и структурированных данных.</li> <li>Расхождение само по себе не всегда опасно, если поисковый робот получает нужные элементы.</li> <li>Проверку лучше проводить при одинаковых условиях загрузки и фиксировать результат по каждому элементу.</li> </ul> <style> a.uah-readmore,.content a.uah-readmore,.content a.uah-readmore *{text-decoration:none!important} .uah-readmore{display:block;margin:2rem 0;padding:1px;border-radius:15px;text-decoration:none; background:linear-gradient(120deg,color-mix(in srgb,var(--lime,#f59e0b) 65%,transparent),color-mix(in srgb,var(--lime,#f59e0b) 14%,transparent) 42%,var(--line-2,#2a2a2e) 78%); transition:transform .18s,box-shadow .18s} .uah-readmore__card{position:relative;display:flex;align-items:center;gap:1.1rem;border-radius:14px; padding:1.05rem 1.2rem;background:var(--bg-2,#131316);overflow:hidden} .uah-readmore__card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:14px; background:radial-gradient(circle at 90% 15%,color-mix(in srgb,var(--lime,#f59e0b) 12%,transparent),transparent 55%)} .uah-readmore__body{min-width:0;flex:1} .uah-readmore__meta{display:flex;align-items:center;gap:.55rem;margin-bottom:.4rem; font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lime,#f59e0b)} .uah-readmore__meta::before{content:"";width:20px;height:2px;border-radius:2px;background:var(--lime,#f59e0b)} .uah-readmore__title{display:block;font-weight:800;font-size:1.08rem;line-height:1.4;color:var(--text,#e7e7ea); letter-spacing:-.01em;transition:color .15s} .uah-readmore__go{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center; font-weight:800;font-size:1.1rem;color:var(--lime,#f59e0b); background:color-mix(in srgb,var(--lime,#f59e0b) 14%,transparent); border:1px solid color-mix(in srgb,var(--lime,#f59e0b) 45%,transparent); transition:background .18s,color .18s,transform .18s} .uah-readmore:hover{transform:translateY(-2px);box-shadow:0 16px 34px -16px color-mix(in srgb,var(--lime,#f59e0b) 50%,transparent)} .uah-readmore:hover .uah-readmore__title{color:var(--lime,#f59e0b)} .uah-readmore:hover .uah-readmore__go{background:var(--lime,#f59e0b);color:#0a0a0b;transform:translateX(3px)} @media (max-width:560px){.uah-readmore__card{gap:.8rem;padding:.9rem 1rem}.uah-readmore__go{width:34px;height:34px}} </style><a class="uah-readmore" href="../../posts/kak-chitat-logi-servera-dlya-diagnostiki-problem-indeksatsii/"><span class="uah-readmore__card"><span class="uah-readmore__body"><span class="uah-readmore__meta">По теме</span><span class="uah-readmore__title">Как читать логи сервера для диагностики проблем индексации</span></span><span class="uah-readmore__go">→</span></span></a> <h2 id="индексация-javascript-зависит-от-различий-между-исходным-html-и-отрисованной-страницей">Индексация JavaScript зависит от различий между исходным HTML и отрисованной страницей</h2> <p>Исходный HTML и отрисованная страница отвечают на разные вопросы. Первый показывает, что сервер отправил браузеру. Вторая демонстрирует, что получилось после выполнения JavaScript, загрузки данных и изменения DOM.</p>