Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google

Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google

Vermuten Sie, dass Probleme mit JavaScript die Anzeige Ihrer Inhalte in der Google -Suchmaschine blockieren können? Finden Sie heraus, wie Sie die mit JavaScript verbundenen Probleme unter Verwendung unseres Leitfadens beseitigen können, um Probleme zu beseitigen.

JavaScript ist ein wichtiger Bestandteil der Webplattform, da es viele Funktionen bietet, die das Web in eine leistungsstarke Anwendungsplattform verwandeln. Um Ihre Webanwendungen mithilfe von JavaScript in der Google -Suchmaschine verfügbar zu machen, können Sie neue Benutzer anziehen und die vorhandenen zurückgeben, wenn sie nach Inhalten suchen, die Ihre Webanwendung bietet.

Obwohl die Google -Suche JavaScript mit der aktuellen Version von Chromium startet, können mehrere Dinge optimiert werden.

Diese Führung beschreibt, wie Google Search JavaScript und die besten Praktiken zur Verbesserung der Sichtbarkeit der JavaScript -Anwendungen Ihrer Website in Google verarbeitet.

Wie Google JavaScript auf Ihrer Google -Website verarbeitet

Google verarbeitet die JavaScript -Anwendung Ihrer Website in drei Hauptphasen:

  • Kriechen (Kriechen)
  • Rendering (Rendering)
  • Indexierung (Indexierung)

GoogleBot setzt Seiten für Kraling und Rendering in die Warteschlange. Manchmal ist es nicht offensichtlich, wenn die Seite auf Kraling und beim Rendern erwartet. Wenn GoogleBot die URL aus der Krähenzeile extrahiert, überprüft er zunächst, ob der Scan zulässig ist. GoogleBot liest die Datei robots.txt.

Wenn die Seite für Kraling blockiert ist, verpasst GoogleBot ihre Anfrage und Google wird JavaScript auf den blockierten Seiten Ihrer Website nicht rendern.

JavaScript -Optimierung, um nach Ihrer Website in Google zu suchen

Manchmal verwenden die Seiten von JavaScript -Anwendungen das App -Modell, wobei die Anfangsinitur nicht den Inhalt enthält, und Google muss JavaScript ausführen, um den tatsächlichen Inhalt zu sehen, der JavaScript generiert.

GoogleBot stellt alle Seiten in die Rendering -Linie ein, wenn nur die Roboter -Methag oder die Überschrift nicht angeben, dass die Seite nicht indiziert werden sollte. Die Seite kann einige Sekunden lang in der Schlange stehen, dies kann jedoch mehr Zeit in Anspruch nehmen. Nachdem Google Resources zulässig ist, wird die Seite mit Hilfe des kopflosen Chroms und JavaScripts durchgeführt.

So setzen Sie einzigartige Schlagzeilen und Meta-Dekriptionen für Ihre Website in Google

Einzigartige und beschreibende Elemente von und Meta-DeRkriptionen helfen Benutzern dabei, schnell das beste Ergebnis für ihr Ziel bei der Suche auszuwählen. Sie können JavaScript verwenden, um die meta-de-kription sowie ein Element von <bitle> festzulegen oder zu ändern.</p><H3>Machen Sie den Code für Ihre Website mit Google kompatibel</H3><p>Browser bieten viele APIs an, und JavaScript ist eine sich schnell entwickelnde Sprache. Google hat Einschränkungen, welche API- und JavaScript -Funktionen es unterstützt. Um sicherzustellen, dass Ihr Code mit Google kompatibel ist, befolgen Sie unsere Empfehlungen, um Probleme mit JavaScript zu beseitigen.</p><H2>So verwenden Sie HTTP -Statuscodes für Ihre Google -Website</H2><p>GoogleBot verwendet HTTP -Statuscodes, um festzustellen, was beim Krähen der Seite Ihrer Website schief gelaufen ist.</p><p>Um GoogleBot darüber zu informieren, dass die Seite nicht gescannt oder indiziert werden kann, verwenden Sie verständliche Statuscodes wie 404 für nicht gefundene Seiten oder 401 für Seiten, die durch Kennwort geschützt sind.</p><H3>So vermeiden Sie Soft 404 -Fehler in Einzel -Seiten -Anwendungen (SPA)</H3><p>In einer Seitenanwendungen mit Kundenwiedergabe wird das Routing häufig mithilfe von Client -Routing implementiert. In diesem Fall kann die Verwendung korrekter HTTP -Statuscodes unmöglich oder unangemessen sein. Verwenden Sie die folgenden Strategien, um weiche 404 -Fehler bei der Verwendung von Kundenrevollen und -gebrüten zu vermeiden:</p><ul><li>Verwenden Sie JavaScript-Umleitung in die URL, für die der Server mit Code 404 (z. B. /nicht gegründet) trifft.</li><li>Fügen Sie die <meta name = "Robots" content = "noIndex"> auf Seiten mit Fehlern mit JavaScript hinzu.</li></ul><H2>Verwenden der History -API für Ihre Google -Website</H2><p>Google kann Ihre Links nur in <a> Elementen mit einem HREF -Attribut finden.</p><p>Verwenden Sie für einseitige Anwendungen mit dem Client-Rendering die History-API, um Routing zwischen verschiedenen Ideen Ihrer Webanwendung zu implementieren. Stellen Sie sicher, dass GoogleBot Ihre URLs verarbeiten und extrahieren kann, ohne URL -Fragmente zum Herunterladen verschiedener Inhalte zu verwenden.</p><H2>Die korrekte Implementierung des Tag rel = "Kanonisch" für Ihre Website in Google</H2><p>Obwohl es nicht empfohlen wird, JavaScript zu verwenden, um das Tag rel = "Canonical" einzuführen, ist dies möglich. Die Google -Suche findet die eingegebene kanonische URL, wenn die Seite rendert.</p><H2>So verwenden Sie Roboter Metathes für Ihre Google -Website ordnungsgemäß</H2><p>Sie können die Seitenindexierung oder die Befolgen von Links über den Methag Roboter verhindern. Wenn Sie beispielsweise den nächsten Metatheg zum Beginn der Seite hinzufügen, können Sie die Indexierung der Seite in Google blockieren:</p><p><meta name = "Roboter" contate = "noIndex, nofollow"></p><p>Die Verwendung von JavaScript zum Hinzufügen von Robotern Methag zur Seite oder Änderungen des Inhalts ist möglich. Es ist jedoch wichtig, sich daran zu erinnern, dass Google die Seite möglicherweise nicht rendert oder indexiert, wenn das NoIndex -Tag bereits im Seitencode vorhanden ist.</p><H2>Verwenden von Langzeit -Caching für Ihre Google -Website</H2><p>GoogleBot zwischenstrahlt Seiten aktiv, um die Netzwerkanfragen und die Verwendung von Ressourcen zu reduzieren. Um Probleme mit den veralteten JavaScript- oder CSS -Ressourcen zu vermeiden, verwenden Sie die Fingerabdruckstrategie, um einzigartige Inhalte zu erstellen.</p><H2>So verwenden Sie strukturierte Daten auf Ihrer Google -Website</H2><p>Wenn Sie strukturierte Daten auf den Seiten Ihrer Website verwenden, können Sie JavaScript verwenden, um JSON-LD zu generieren und auf einer Seite zu implementieren. Stellen Sie sicher, dass Sie Ihre Implementierung getestet haben, um mögliche Probleme zu vermeiden.</p><H2>So folgen Sie den Best Practices für Webkomponenten auf Ihrer Google -Website</H2><p>Google unterstützt Webkomponenten. Beim Rendern der Google -Seite "schmeichelt" der Inhalt von Shadow DOM und Light Dom. Dies bedeutet, dass Google nur Inhalte sehen kann, die im Lean sichtbar sind. Um sicherzustellen, dass Google Ihre Inhalte sehen kann, verwenden Sie das Rich -Ergebnis -Test -Tool oder das URL -Check -Tool und das Lean.</p><H2>Korrektur von Bildern und faulen Inhalten für Ihre Website in Google</H2><p>Bilder können den Durchsatz erheblich laden und die Leistung beeinflussen. Eine gute Strategie ist die Verwendung von faulen Laden, um Bilder nur dann zu laden, wenn der Benutzer sie sehen wird. Stellen Sie sicher, dass Ihre Implementierung von faulen Laden den Empfehlungen von Google entspricht.</p><H2>So entwerfen Sie Ihre Website für die Zugänglichkeit in Google</H2><p>Erstellen Sie Seiten für Benutzer, nicht nur für Suchmaschinen. Berücksichtigen Sie bei der Entwicklung einer Website die Anforderungen Ihrer Benutzer, einschließlich derer, die möglicherweise keinen Browser verwenden, der JavaScript unterstützt (z. B. Personen, die die Programme zum Lesen aus dem Bildschirm oder weniger leistungsstarke mobile Geräte verwenden).</p><p>Eine der einfachen Möglichkeiten, um die Verfügbarkeit der Website zu testen, besteht darin, sie in einem Browser mit einem getrennten JavaScript zu sehen oder einen Textbrowser wie Lynx zu verwenden. Das Anzeigen der Site im Textmodus hilft auch dabei, einen anderen Inhalt zu identifizieren, der für Google schwierig sein kann, beispielsweise ein in das Bild eingebauter Text.</p><p>Für alle Probleme im Zusammenhang mit der SEO Ihrer Website können Sie sich an den SEO -Begleiter wenden <strong>CEO</strong> Per E-Mail <a href="mailto:info@seo.computer">info@seo.computer</a> oder durch WhatsApp nach Nummer +79202044461.</p><p>ID: 125</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">Senden Sie eine Anfrage und wir beraten Sie gerne An SEO Werbung für Ihre Website</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="4teSHkvTvJ7zJckfAive4vEng4eovwv2I5SO2G72" autocomplete="off"> <div class="col-12 col-xl-3"> <input type="text" name="name" class="form-control form-padding rounded-5" placeholder="Ihr Name" required=""> </div> <div class="col-12 col-xl-3"> <input type="tel" name="phone" class="form-control form-padding rounded-5" placeholder="Telefonnummer" 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">Schicken</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">Mit dem Absenden einer Bewerbung erklären Sie sich mit der Datenschutzerklärung einverstanden</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/de"> <img src="https://seo.computer/assets/svg/seo_logo.svg" alt="SEO Computer Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau" title="SEO Computer Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau" class="rounded-5" width="200" height="40" /> </a> <ul class="nav flex-column"> <li class="fn org" itemprop="name">SEO COMPUTER</li> <li class="category">Internet-Marketing</li> <li>Öffnungszeiten: <span class="workhours" itemprop="openingHours" datetime="Mo-Su">rund um die Uhr</span></li> <li class="norender"> <span itemprop="priceRange" class="pricerange">aus 186 EUR</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-10125.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">Moskau</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">Speisekarte</div> <ul class="nav flex-column"> <li class="nav-item mb-2"><a href="#tarifs" class="nav-link p-0 color-bfbfbf" title="SEO Tarife">SEO Tarife</a></li> <li class="nav-item mb-2"><a href="#reviews" class="nav-link p-0 color-bfbfbf" title="SEO Rezensionen">SEO Rezensionen</a></li> <li class="nav-item mb-2"><a href="#quiz" class="nav-link p-0 color-bfbfbf" title="SEO Kalkulator">SEO Kalkulator</a></li> <li class="nav-item mb-2"><a href="#sales" class="nav-link p-0 color-bfbfbf" title="SEO Werbeaktionen">SEO Werbeaktionen</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/de/contact" class="nav-link p-0 color-bfbfbf" title="Kontakte">SEO Kontakte</a></li> </ul> </div> <div class="col-12 col-xl-3 col-md-6"> <div class="fw-500 fs-20 mb-2">Dienstleistungen</div> <ul class="nav flex-column"> <li class="nav-item mb-2"><a href="https://seo.computer/de/business" class="nav-link p-0 color-bfbfbf" title="Unternehmen">SEO für Unternehmen</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/de/type-sites" class="nav-link p-0 color-bfbfbf" title="Arten von Websites">SEO für Arten von Websites</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/de/cms" class="nav-link p-0 color-bfbfbf" title="CMS-Systeme">SEO für CMS Systeme</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/de/languages" class="nav-link p-0 color-bfbfbf" title="Sprachen">SEO für Sprachen</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/de/engines" class="nav-link p-0 color-bfbfbf" title="Suchmaschinen">SEO für Suchmaschinen</a></li> </ul> </div> <div class="col-12 col-xl-3 col-md-6"> <div class="fw-500 fs-20 mb-2">Soziales Netzwerk</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="Whatsapp"><i class="fab fa-whatsapp me-1"></i>Whatsapp</a></li> <li class="nav-item mb-2"><a href="https://t.me/t9202044461/" class="nav-link p-0 color-bfbfbf" title="Telegram"><i class="fab fa-telegram-plane me-1"></i>Telegram</a></li> <li class="nav-item mb-2"><a href="mailto:info@seo.computer" class="nav-link p-0 color-bfbfbf" title="Email"><i class="fas fa-envelope me-1"></i>Email</a></li> </ul> </div> </div> <div class="justify-content-between pt-2 pb-4 mt-2 border-top col-md-12 text-light"> <p>Diese Seite dient ausschließlich Informationszwecken und ist kein öffentliches Angebot. Um genaue Informationen über die erbrachten Dienstleistungen und deren Kosten zu erhalten, wenden Sie sich bitte an die Manager des Unternehmens.</p> <a class="text-decoration-none color-bfbfbf" href="https://seo.computer/de/policy">Datenschutzrichtlinie</a> <div class="mt-2"> <!--LiveInternet counter--><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><!--/LiveInternet--> </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">Hinterlassen Sie eine Anfrage</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="Hinterlassen Sie eine Anfrage Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau" title="Hinterlassen Sie eine Anfrage Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau"> <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="4teSHkvTvJ7zJckfAive4vEng4eovwv2I5SO2G72" autocomplete="off"> <div class="modal-body"> <label class="fs-5 text-center fw-bold">Hinterlassen Sie eine Anfrage und unsere SEO Der Spezialist wird sich in Kürze mit Ihnen in Verbindung setzen</label> <div class="row"> <div class="col-12"> <input type="text" name="name" class="form-control form-padding my-2" placeholder="Ihr Name" required> </div> <div class="col-12"> <input type="tel" name="phone" class="form-control form-padding my-2" placeholder="Telefonnummer" required> </div> </div> </div> <div class="modal-footer justify-content-center"> <button class="btn rounded-5 btn-primary w-100 form-padding" type="submit">Schicken</button> <a href="policy.html" class="text-decoration-none text-dark text-center fs-14">Mit der Übermittlung der Daten stimmen Sie der Datenschutzerklärung zu</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">Sprache wählen</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="4teSHkvTvJ7zJckfAive4vEng4eovwv2I5SO2G72" autocomplete="off"> <select class="form-select mb-2" aria-label="Sprache wählen" name="language" id="language"> <option selected>Sprache wählen</option> <option value="cn" >Vereinfachtes Chinesisch) (cn)</option> <option value="nl" >Niederländisch (nl)</option> <option value="en" >Englisch (en)</option> <option value="fr" >Französisch (fr)</option> <option value="de" selected >Deutsch (de)</option> <option value="id" >Indonesisch (id)</option> <option value="it" >Italienisch (it)</option> <option value="jp" >japanisch (jp)</option> <option value="pl" >Polieren (pl)</option> <option value="pt" >Portugiesisch (pt)</option> <option value="ru" >Russisch (ru)</option> <option value="es" >Spanisch (es)</option> <option value="tr" >Türkisch (tr)</option> </select> <button type="submit" class="btn btn-primary w-100">Ändern</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="Erfolgreich gesendet Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau" title="Erfolgreich gesendet Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau" width="160" height="144" class="mb-5"> <div class="h4" style="color: #000;">Erfolgreich gesendet!</div> <p style="color: #000;">Vielen Dank, Ihre Bewerbung wurde erfolgreich versendet! Wir werden Sie in Kürze kontaktieren.</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"> <!-- Rasm joyi --> <div class="modal__contents"> <div class="modal_top"> <span class="section_title">Hinterlassen Sie eine Anfrage</span> <p class="text-muted mt-1">Und unser SEO -Spezialist wird Sie in naher Zukunft kontaktieren</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="4teSHkvTvJ7zJckfAive4vEng4eovwv2I5SO2G72" autocomplete="off"> <div class="modal__contents_input"> <input type="text" class="form-control" placeholder="Ihr Name" name="name" id="name" required /> </div> <div class="modal__contents_input"> <input type="tel" class="form-control phone_input" placeholder="Telefonnummer" id="phone" name="phone" required /> </div> <div class="modal__contents_input"> <input type="text" class="form-control" placeholder="Ihre Website-Adresse" name="website" id="website" required /> </div> <button type="submit" class="button desctop">Schicken</button> <button type="submit" class="button mobile">Schicken</button> </form> <p class="policy mt-3">Durch das Senden einer Bewerbung stimmen Sie zu <a href="https://seo.computer/ru/policy">Mit einer Vertraulichkeitspolitik</a></p> </div> <div class="img-container d-flex align-items-start"> <!-- Rasmni o'z manzilingiz bilan almashtiring --> <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> <!-- Forma --> </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">Wählen Sie eine Stadt aus</div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></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="Geben Sie den Namen der Stadt ein..."> </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="Schreiben Sie an telegram" title="Schreiben Sie an telegram Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau" 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="Schreiben Sie an telegram Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau" title="Schreiben Sie an telegram Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau"> </button> <button class="shareButton wt open" data-bs-toggle="modal" data-bs-target="#SocialModal" data-bs-content="Schreiben Sie an whatsapp" title="Schreiben Sie an whatsapp Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau" 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="Schreiben Sie an whatsapp Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau" title="Schreiben Sie an whatsapp Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau"> </button> </div> <script defer async> setTimeout(function(){$('.lateload-show-buttons').css('display','flex').hide().fadeIn();}, 4000); </script> <!-- Modal --> <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">verbinde dich mit uns</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="#">Schreiben</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> <!--JavaScripts--> <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 src="https://seo.computer/assets/js/lottie-player.js" ></script> --> <!-- Bitrix --> <!-- <script defer async> setTimeout(function(){ (function(w,d,u){ var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0); var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h); })(window,document,'https://cdn-ru.bitrix24.ru/b20061858/crm/site_button/loader_7_7psi5t.js'); setTimeout(function(){ let linksNoHref = [...document.querySelectorAll('a.b24-widget-button-social-item')]; if (linksNoHref.length > 0) { for (l of linksNoHref) { if (!l.href) l.setAttribute('href','#'); } } }, 1000); }, 4000); </script> <script defer async> window.addEventListener('onBitrixLiveChat', function(event) { var widget = event.detail.widget; widget.subscribe({ type: BX.LiveChatWidget.SubscriptionType.configLoaded, callback: function() { widget.addLocalize({BX_LIVECHAT_LOADING: ' '}); widget.addLocalize({BX_LIVECHAT_ERROR_TITLE: ' '}); widget.addLocalize({ BX_LIVECHAT_VOTE_BUTTON: ' ', BX_LIVECHAT_ERROR_DESC: ' ', BX_MESSENGER_TEXTAREA_PLACEHOLDER: '✎...', }) } }); }); </script> <style>.b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .b24-widget-button-wrapper.b24-widget-button-position-bottom-middle, .b24-widget-button-wrapper.b24-widget-button-position-bottom-left {bottom: 5px; right: 2px;} .bx-livechat-logo-name, .bx-livechat-logo-icon, .bx-livechat-copyright-link, .bx-livechat-help-title-lg, .bx-im-dialog-group-date, .b24-form-sign, .bx-imopenlines-message-dialog-number, .bx-imopenlines-form-result-title, .bx-livechat-user-position, .bx-im-message-type-system .bx-im-message-content, .b24-form-control-alert-message, .bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup-triangle {display:none} .bx-livechat-help-title-sm {font-size:0px;} .b24-form-wrapper {min-height: 150px !important;} .bx-imopenlines-form-result-container {min-height: 50px !important;} .bx-imopenlines-form-result-container.bx-imopenlines-form-success {background: none;border-bottom: none;} .bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup {left: -240px !important; bottom: 5px !important;}</style> --> <!-- /Bitrix --> <!-- Yandex.Metrika counter --> <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> <!-- /Yandex.Metrika counter --> <!-- Google tag (gtag.js) --> <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> <!-- Top100 (Kraken) Counter --> <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="Top 100 Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau" title="Top 100 Grundlagen von JavaScript SEO: So verbessern Sie die Sichtbarkeit Ihrer Website in Google in Moskau" /> </noscript> <!-- END Top100 (Kraken) Counter --> <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('weiter lesen'); } else { $('.content_toggle').html('Zusammenbruch'); } 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/de/' + 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: 'de' }, 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/de')); }); } else { results.html('<div class="col"><span>Keine Ergebnisse gefunden.</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>