您网站的JavaScript SEO的基础：如何在Google中提供可见性

Name: 谢奥 科姆皮尤泰尔 您网站的JavaScript SEO的基础：如何在Google中提供可见性 莫斯科
Address: 莫斯科

您是否认为JavaScript问题可能会干扰您的网站或内容以在Google搜索结果中显示？在本手册中，我们将解释如何解决JavaScript问题，以便您的网站在搜索引擎中可用于索引。

JavaScript在Web开发中起着重要的作用，提供了许多功能，这些功能将站点变成了应用程序的成熟平台。为了使您的JavaScript项目可以在Google中进行搜索，这是一个吸引新用户并返回正在寻找内容的旧用户的机会。

尽管Google使用现代铬引擎来处理JavaScript，但仍应优化几件事以提高搜索引擎中的可见性。

Google如何在您的网站上处理JavaScript

Google通过三个关键阶段来处理JavaScript网页：

爬行（爬行）
渲染（渲染）
索引（索引）

Googlebot将页面放在kraling和渲染的队列中。这可能需要一些时间，因为当每个阶段处理页面时，并不总是很明显。使用误差，GoogleBot进行了HTTP检查并检查robots.txt文件。如果URL被阻止，GoogleBot会在不执行渲染的情况下错过它。

如何为您的Google网站设置独特的头条和元描述

和元描述的独特且内容丰富的元素可帮助用户快速确定哪种结果与他们在Google中的请求最相关。</p><H2>如何为网站编写与Google兼容的代码</H2><p>浏览器提供许多API，JavaScript是一种正在不断发展的语言。要使您的代码与Google合作，请遵循消除JavaScript错误的建议。</p><H2>为您的Google网站使用正确的HTTP状态</H2><p>GoogleBot使用HTTP状态来确定乌鸦期间出了什么问题。如果该页面无法索引或可用，请发送正确的状态代码，例如404或401。</p><H3>避免在您的Google网站上“软404”错误</H3><p>对于在客户端实现路由的一个页面应用程序，正确使用状态代码非常重要。例如，使用JavaScript重定向将错误的错误进行错误：例如：</p><pre> fetch(`/api/products/${productId}`).then(response => response.json()).then(product => { if (product.exists) { showProductDetails(product); // отображает информацию о продукте } else { window.location.href = '/not-found'; // перенаправление на страницу 404 } }); </pre><H2>使用API历史记录而不是用于Google网站的片段</H2><p>Google如果您的链接在<a>中具有HREF属性的元素，可以找到您的链接。对于一页应用程序，请使用API历史记录在Web应用程序的不同页面之间进行路由。</p><H2>适当地实现了Google网站上的标签rel =“ canonical”</H2><p>您可以使用JavaScript介绍RER =“ Canonical”标签，以指示应索引哪个版本的页面。但是，请小心，以使页面上没有重复的链接rel =“ canonical”。</p><H2>在您的网站上使用机器人元标记作为Google</H2><p>您可以使用机器人元标签禁止页面索引或以下链接。例如，要阻止索引，请添加以下元标记：</p><pre> <meta name="robots" content="noindex, nofollow"> </pre><p>重要的是要记住，如果Google在JavaScript渲染之前看到NoIndex，他会错过此页面。如果您希望该页面被索引，请不要在源代码中使用NOIndex。</p><H2>为您的Google网站使用长期缓存</H2><p>GoogleBot积极使用缓存来减少请求的数量和保存资源。考虑到内容更改，请使用缓存策略，例如将控制金额添加到文件名。</p><H2>使用Google网站上的结构化数据</H2><p>如果您在网站上使用结构化数据，则可以使用JavaScript生成JSON-LD，并将其介绍给页面。但是，请确保您的实施毫无疑问。</p><H2>遵循Google网站上Web组件的最佳实践</H2><p>Google支持Web组件。但是，他只能看到渲染中显示的内容。如果使用DOM的影子或光DOM，请确保Google可以看到所有内容。</p><H2>在Google上纠正图像和懒惰内容加载</H2><p>图像可能需要大量流量并减慢页面的加载。应用懒惰的加载，以便仅当用户接近它们时才加载图像。遵循有关此主题的建议，请确保您的懒惰与SEO兼容。</p><H2>设计，考虑到您网站在Google中的可用性</H2><p>在创建网站时，不仅要考虑搜索引擎，还要考虑包括具有特殊需求的人，例如屏幕读取器或功能较低的移动设备。这将帮助您创建一个将为所有人提供可用且方便的网站。</p><p>如果您对网站的JavaScript优化有疑问，或者需要建立SEO，请联系SEO.computer团队。我们很乐意提供帮助！</p><p>联系方式： <strong>info@seo.computer</strong>，，，， <strong>WhatsApp： +79202044461</strong></p><p>ID 71</p> </div> </div> </div> </section> <section id="consultation" class="py-5"> <div class="container"> <div class="form-bg-gradient bor-r-20 my-3 p-4 p-md-5"> <div class="head-title-white text-center">发送请求，我们将提供咨询在谢奥推广您的网站</div> <form class="form row my-3 justify-content-center gy-2 needs-validation" id="form-consultation" action="https://seo.computer/form" method="post" novalidate=""> <input type="hidden" name="form_name" value="Отправьте заявку и мы бесплатно Блог"> <input type="hidden" name="_token" value="YCSIYliII3FcNGcHRBBOiXD71pR0Vd3zsPhzi83W" autocomplete="off"> <div class="col-12 col-xl-3"> <input type="text" name="name" class="form-control form-padding rounded-5" placeholder="你的名字" required=""> </div> <div class="col-12 col-xl-3"> <input type="tel" name="phone" class="form-control form-padding rounded-5" placeholder="电话号码" required="" maxlength="18"> </div> <div class="col-12 col-xl-3"> <button type="submit" class="btn btn-send btn-light form-padding rounded-5 w-100">发送</button> </div> <div class="col-12 col-md-12"> <div class="text-center"> <a class="text-decoration-none text-white fs-14" href="https://seo.computer/policy">提交申请即表示您同意隐私政策</a> </div> </div> </form> </div> </div> </section> <footer class="footer-bg"> <style> .bottom-contact-bar { display:none; } @media(max-width:992px) { .bottom-contact-bar { display:block; position:fixed; bottom:0; left:0; right:0; z-index: 9999; } .footer-bg { padding-bottom: 16px; } .b24-widget-button-position-bottom-right, .social { margin-bottom: 24px; } } </style> <div class="navbar navbar-dark bg-dark py-1 bottom-contact-bar"> <div class="container justify-content-center"> <div class="nav-link h6 mb-0 p-0 text-white" style="text-align:center"> <a style="text-decoration:none; color:inherit" href="mailto:info@seo.computer">info@seo.computer</a> </div> </div> </div> <style>.norender{display:none;visibility:hidden;}</style> <div class="container"> <div class="row row-cols-4 col-md-12 text-light pt-3 pt-md-5 g-3"> <div class="col-12 col-xl-3 col-md-6 vcard" itemscope itemtype="http://schema.org/LocalBusiness"> <a class="url" href="https://seo.computer/cn"> <img src="https://seo.computer/assets/svg/seo_logo.svg" alt="SEO Computer 您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科" title="SEO Computer 您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科" class="rounded-5" width="200" height="40" /> </a> <ul class="nav flex-column"> <li class="fn org" itemprop="name">谢奥科姆皮尤泰尔</li> <li class="category">网络营销</li> <li>开放时间: <span class="workhours" itemprop="openingHours" datetime="Mo-Su">全天候</span></li> <li class="norender"> <span itemprop="priceRange" class="pricerange">从 1447 CNY</span> <img loading="lazy" aria-hidden="true" width="2048" height="2048" itemprop="image" style="width:unset;height:unset;" class="absolute-bg-from-top__image photo" src="https://seo.computer/uploads/seo-article-1x1/seo-article-10071.webp"> </li> <li class="nav-item mb-2 color-bfbfbf adr"> <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"><span class="locality" itemprop="addressLocality">莫斯科</span></span> </li> <li class="nav-item mb-2 email"><a href="mailto:info@seo.computer" style="text-decoration:none;" class="color-bfbfbf" title="Email"><span itemprop="email">info@seo.computer</span></a></li> </ul> </div> <div class="col-12 col-xl-3 col-md-6"> <div class="fw-500 fs-20 mb-2">菜单</div> <ul class="nav flex-column"> <li class="nav-item mb-2"><a href="#tarifs" class="nav-link p-0 color-bfbfbf" title="SEO 关税">SEO 关税</a></li> <li class="nav-item mb-2"><a href="#reviews" class="nav-link p-0 color-bfbfbf" title="SEO 评论">SEO 评论</a></li> <li class="nav-item mb-2"><a href="#quiz" class="nav-link p-0 color-bfbfbf" title="SEO 计算器">SEO 计算器</a></li> <li class="nav-item mb-2"><a href="#sales" class="nav-link p-0 color-bfbfbf" title="SEO 促销活动">SEO 促销活动</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/cn/contact" class="nav-link p-0 color-bfbfbf" title="联系方式">SEO 联系方式</a></li> </ul> </div> <div class="col-12 col-xl-3 col-md-6"> <div class="fw-500 fs-20 mb-2">服务</div> <ul class="nav flex-column"> <li class="nav-item mb-2"><a href="https://seo.computer/cn/business" class="nav-link p-0 color-bfbfbf" title="企业">SEO 对于企业</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/cn/type-sites" class="nav-link p-0 color-bfbfbf" title="网站类型">SEO 对于网站类型</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/cn/cms" class="nav-link p-0 color-bfbfbf" title="内容管理系统">SEO 为了齐伊梅斯系统</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/cn/languages" class="nav-link p-0 color-bfbfbf" title="语言">SEO 对于语言</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/cn/engines" class="nav-link p-0 color-bfbfbf" title="搜索引擎">SEO 用于搜索引擎</a></li> </ul> </div> <div class="col-12 col-xl-3 col-md-6"> <div class="fw-500 fs-20 mb-2">社交网络</div> <ul class="nav flex-column"> <li class="nav-item mb-2"><a href="https://wa.me/79202044461" class="nav-link p-0 color-bfbfbf" title="沃察普"><i class="fab fa-whatsapp me-1"></i>沃察普</a></li> <li class="nav-item mb-2"><a href="https://t.me/t9202044461/" class="nav-link p-0 color-bfbfbf" title="捷列格拉姆"><i class="fab fa-telegram-plane me-1"></i>捷列格拉姆</a></li> <li class="nav-item mb-2"><a href="mailto:info@seo.computer" class="nav-link p-0 color-bfbfbf" title="埃梅尔"><i class="fas fa-envelope me-1"></i>埃梅尔</a></li> </ul> </div> </div> <div class="justify-content-between pt-2 pb-4 mt-2 border-top col-md-12 text-light"> <p>本网站仅供参考，并非公开报价。要获得有关所提供服务及其费用的准确信息，请联系公司经理。</p> <a class="text-decoration-none color-bfbfbf" href="https://seo.computer/cn/policy">隐私政策</a> <div class="mt-2"> <a href="https://www.liveinternet.ru/click" target="_blank"><img id="licntD152" width="31" height="31" style="border:0" title="LiveInternet" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" alt="LiveInternet"/></a><script defer async>setTimeout(function(){(function(d,s){d.getElementById("licntD152").src="https://counter.yadro.ru/hit?t44.6;r"+escape(d.referrer)+((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+";h"+escape(d.title.substring(0,150))+";"+Math.random()})(document,screen)},4000);</script> </div> </div> </div> </footer> <div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title fw-500 fs-20" id="exampleModalToggleLabel">留下请求</div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <img loading="lazy" src="https://seo.computer/assets/svg/mobile_marketing.svg" class="my-3 mx-auto" width="300" height="260" alt="留下请求您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科" title="留下请求您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科"> <form class="form needs-validation" action="https://seo.computer/form" id="form-popup" method="post" novalidate> <input type="hidden" name="form_name" value="Цены - форма (гл. стр.)"> <input type="hidden" name="_token" value="YCSIYliII3FcNGcHRBBOiXD71pR0Vd3zsPhzi83W" autocomplete="off"> <div class="modal-body"> <label class="fs-5 text-center fw-bold">留下请求和我们的谢奥专家将尽快与您联系</label> <div class="row"> <div class="col-12"> <input type="text" name="name" class="form-control form-padding my-2" placeholder="你的名字" required> </div> <div class="col-12"> <input type="tel" name="phone" class="form-control form-padding my-2" placeholder="电话号码" required> </div> </div> </div> <div class="modal-footer justify-content-center"> <button class="btn rounded-5 btn-primary w-100 form-padding" type="submit">发送</button> <a href="policy.html" class="text-decoration-none text-dark text-center fs-14">提交数据即表示您同意隐私政策</a> </div> </form> </div> </div> </div> <div class="modal fade" id="ModalLanguage" tabindex="-1" aria-labelledby="ModalLanguage" aria-hidden="true"> <div class="modal-dialog modal-sm modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title fs-22 fw-500" id="exampleModalLabel">选择语言</div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <form class="modal-body" id="languageForm" method="post"> <input type="hidden" name="_token" value="YCSIYliII3FcNGcHRBBOiXD71pR0Vd3zsPhzi83W" autocomplete="off"> <select class="form-select mb-2" aria-label="选择语言" name="language" id="language"> <option selected>选择语言</option> <option value="cn" selected >简体中文） (cn)</option> <option value="en" >英语 (en)</option> <option value="it" >意大利语 (it)</option> <option value="nl" >荷兰语 (nl)</option> <option value="pl" >抛光 (pl)</option> <option value="de" >德语 (de)</option> <option value="tr" >土耳其 (tr)</option> <option value="fr" >法语 (fr)</option> <option value="jp" >日本人 (jp)</option> <option value="id" >印度尼西亚 (id)</option> <option value="pt" >葡萄牙语 (pt)</option> <option value="ru" >俄语 (ru)</option> <option value="es" >西班牙语 (es)</option> </select> <button type="submit" class="btn btn-primary w-100">改变</button> </form> </div> </div> </div> <div class="modal fade" id="SuccessModal" tabindex="-1" aria-labelledby="SuccessModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title fs-22 fw-500" id="SuccessModalLabel"></div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-center"> <img src="https://seo.computer/assets/svg/mail_send.svg" alt="发送成功您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科" title="发送成功您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科" width="160" height="144" class="mb-5"> <div class="h4" style="color: #000;">发送成功!</div> <p style="color: #000;">谢谢您，您的申请已成功发送！我们会尽快与您联系。</p> </div> </div> </div> </div> <div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content custom-modal"> <div class="modal-body d-flex align-items-center justify-content-between">  <div class="modal__contents"> <div class="modal_top"> <span class="section_title">留下请求</span> <p class="text-muted mt-1">我们的SEO专家将在不久的将来与您联系</p> </div> <form id="form-analytcs" action="https://seo.computer/form" method="post" class="modal__contents_inputs flex flex-wrap justify-content-between "> <input type="hidden" name="form_name" value="Страница анализатора"> <input type="hidden" name="_token" value="YCSIYliII3FcNGcHRBBOiXD71pR0Vd3zsPhzi83W" autocomplete="off"> <div class="modal__contents_input"> <input type="text" class="form-control" placeholder="你的名字" name="name" id="name" required /> </div> <div class="modal__contents_input"> <input type="tel" class="form-control phone_input" placeholder="电话号码" id="phone" name="phone" required /> </div> <div class="modal__contents_input"> <input type="text" class="form-control" placeholder="您的网站地址" name="website" id="website" required /> </div> <button type="submit" class="button desctop">发送</button> <button type="submit" class="button mobile">发送</button> </form> <p class="policy mt-3">通过发送申请，您同意 <a href="https://seo.computer/ru/policy">有保密政策</a></p> </div> <div class="img-container d-flex align-items-start">  <img src="https://seo.computer/assets/images/modal_img.png" alt="Rasm" class="img-fluid" /> <button class="close" data-bs-dismiss="modal" aria-label="Close"> <img src="https://seo.computer/assets/images/exit.svg" alt=""> </button> </div>  </div> </div> </div> </div> <div class="modal fade" id="ModalCity" tabindex="-1" aria-labelledby="ModalCity" aria-hidden="true"> <div class="modal-dialog modal-xl modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title fs-22 fw-500" id="exampleModalLabel">选择城市</div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="关闭"></button> </div> <div class="modal-body cites"> <div class="row mb-2"> <div class="col-sm-12"> <input class="form-control form-padding" id="search" name="query" placeholder="输入城市名称..."> </div> </div> <div class="row row-cols-1" id="cites"></div> </div> </div> </div> </div> <style>.lateload-show-buttons{display:none;}</style> <div class="social lateload-show-buttons"> <button class="shareButton tg open" data-bs-toggle="modal" data-bs-target="#SocialModal" data-bs-content="写信给捷列格拉姆" title="写信给捷列格拉姆您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科" data-bs-link="https://t.me/t9202044461/"> <img width="24" height="24" style="display:inline-block" src="https://seo.computer/assets/images/c_telegram.webp" alt="写信给捷列格拉姆您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科" title="写信给捷列格拉姆您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科"> </button> <button class="shareButton wt open" data-bs-toggle="modal" data-bs-target="#SocialModal" data-bs-content="写信给沃察普" title="写信给沃察普您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科" data-bs-link="https://wa.me/79202044461"> <img width="24" height="24" style="display:inline-block" src="https://seo.computer/assets/images/c_whatsapp.webp" alt="写信给沃察普您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科" title="写信给沃察普您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科"> </button> </div> <script defer async> setTimeout(function(){$('.lateload-show-buttons').css('display','flex').hide().fadeIn();}, 4000); </script>  <div class="modal fade" id="SocialModal" tabindex="-1" aria-labelledby="SocialModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header" style="text-align:center;"> <span style="font-size: 1.25rem;" class="modal-title" id="SocialModalLabel">联系我们</span> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-center"> <a type="button" class="btn btn-primary" id="Soclink" href="#">写</a> </div> </div> </div> </div> <script defer async> var SocialModal = document.getElementById('SocialModal') SocialModal.addEventListener('show.bs.modal', function (event) { setTimeout(function(el){ let halfScreenHeight = window.screen.height / 2; let coefdBlockHeight = el.offsetHeight * 1.75; //console.log(el.offsetHeight); let newTopPx = Math.round(halfScreenHeight - coefdBlockHeight); el.style.transform = 'translate(0, ' + newTopPx + 'px)'; }, 250, SocialModal.children[0]); // Button that triggered the modal var button = event.relatedTarget // Extract info from data-bs-* attributes var link = button.getAttribute('data-bs-link') var content = button.getAttribute('data-bs-content') var Soclink = SocialModal.querySelector('#Soclink') Soclink.setAttribute('href', link) Soclink.textContent = content }); (() => { 'use strict' // Fetch all the forms we want to apply custom Bootstrap validation styles to const forms = document.querySelectorAll('.needs-validation') // Loop over them and prevent submission Array.from(forms).forEach(form => { form.addEventListener('submit', event => { if (!form.checkValidity()) { event.preventDefault() event.stopPropagation() } form.classList.add('was-validated') }, false) }) })() </script>  <script rel="lazy" src="https://seo.computer/assets/js/jquery-3.6.0.min.js" ></script> <script defer async src="https://seo.computer/assets/js/bootstrap.min.js" ></script> <script src="https://seo.computer/assets/js/custom-blocks.js" charset="utf-8"></script><script defer async src="https://seo.computer/assets/js/jquery.mask.min.js" async></script>      <script defer async type="text/javascript" async> setTimeout(function(){ (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(86303743, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, ecommerce:"dataLayer" }); }, 4000); </script> <noscript><div><img width="1" height="1" src="https://mc.yandex.ru/watch/86303743" style="position:absolute; left:-9999px;" alt="" /></div></noscript>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-R6MGYCXWFG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-R6MGYCXWFG'); </script>  <script defer async> setTimeout(function(){ (function (w, d, c) { (w[c] = w[c] || []).push(function() { var options = { project: 7728665, }; try { w.top100Counter = new top100(options); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//st.top100.ru/top100/top100.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(window, document, "_top100q"); }, 4000); </script> <noscript> <img width="1" height="1" src="//counter.rambler.ru/top100.cnt?pid=7728665" alt="头 100 您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科" title="头 100 您网站的JavaScript SEO的基础：如何在Google中提供可见性莫斯科" /> </noscript>  <script defer async> $(document).ready(function() { $(".form").submit(function(e) { e.preventDefault(); var form = $(this); if (form.find('input:invalid').length === 0) { $.ajax({ type: "POST", url: form.attr('action'), datatype: 'json', data: form.serialize(), // serializes the form's elements. success: function(data) { if(data.message === true) { $('#SuccessModal').modal('show'); form.trigger('reset'); } } }); } }); $("#form-analytcs").submit(function(e) { e.preventDefault(); var form = $(this); if (form.find('input:invalid').length === 0) { $.ajax({ type: "POST", url: form.attr('action'), datatype: 'json', data: form.serialize(), // serializes the form's elements. success: function(data) { if(data.message === true) { $('#myModal').modal('hide'); $('#SuccessModal').modal('show'); form.trigger('reset'); } } }); } }); // ---- Analyzer redirect: hijack hero_form to push directly into seo-analyzer ---- $('form.hero_form[data-analyzer-redirect="1"]').on('submit', function(e){ var form = $(this); var input = form.find('input[name="domain"]'); var raw = (input.val() || '').trim(); if (!raw) { return; } var endpoint = form.attr('data-analyzer-url') || 'https://seo-analyzer.seo.computer/domain'; // Normalize: drop scheme, leading www, trailing slash, anything after first slash/space var host = raw.replace(/^https?:\/\//i,'').replace(/^www\./i,'').split(/[\/\?#\s]/)[0].toLowerCase(); if (!host || host.indexOf('.') === -1) { return; } e.preventDefault(); // Build hidden form and submit it (POST so analyzer can read $_POST['url']) var hf = $('<form>').attr({method:'POST', action: endpoint}).css('display','none'); hf.append($('<input>').attr({type:'hidden', name:'url', value: host})); $('body').append(hf); hf[0].submit(); }); $('.content_toggle').click(function(){ $('.content_block').toggleClass('hide'); if ($('.content_block').hasClass('hide')) { $('.content_toggle').html('阅读更多'); } else { $('.content_toggle').html('坍塌'); } return false; }); $('.load-more').click(function () { var button = $(this); var link = $(this).data('cat'); var page = $(this).data('page'); var count = page + 1; $.ajax({ type: "GET", url: 'https://seo.computer/cn/' + link +'?page=' + page, success: function(response) { if (response.html === ''){ button.fadeOut('slow'); } else { $('#' + link + '_results').append(response.html); button.data('page', count); } }, error: function(request, status, error) { console.log(request); } }); }); $('#languageForm').on('submit', function(e) { e.preventDefault(); $.ajax({ type: 'POST', url: 'https://seo.computer/change-language', data: $('#languageForm').serialize(), success: function(data) { if (data.message === true) { // Обновите URL с новым языком var currentUrl = window.location.href; var split = currentUrl.split('/'); split[3] = data.lang; var newUrl = split.join('/'); if (currentUrl === newUrl) { window.location = '/' + data.lang + '/'; } else { window.location = newUrl; } } } }); }); $('#search').on('input', function(e) { e.preventDefault(); var query = $(this).val(); $.ajax({ type: 'GET', url: 'https://seo.computer/search', data: { query: query, locale: 'cn' }, success: function(data) { var results = $('#cites'); results.empty(); if (data.length > 0) { data.forEach(function(city) { results.append($('<a class="col text-decoration-none text-dark">').text(city.prepositional).attr('href', 'https://' + city.slug + '.seo.computer/cn')); }); } else { results.html('<div class="col"><span>未找到结果。</span></div>'); } } }); }); }); </script> <script defer async> (function(){ async function hrefifyLinks(){ let linksnh = []; while (linksnh.length < 2) { linksnh = [...document.querySelectorAll('a')].filter(v=>v.getAttribute('href')===null); if (linksnh.length < 2) { await new Promise(r=>setTimeout(r,500)); } } for (let l of linksnh) {l.href = '#';} } hrefifyLinks(); })(); </script> </body> </html>