Grundlagen von JavaScript SEO für Ihre Website: So bieten Sie Sichtbarkeit in Google
Haben Sie gedacht, dass JavaScript -Probleme Ihre Website oder Ihren Inhalt in den Ergebnissen der Google -Suche stören können? In diesem Handbuch erklären wir, wie Sie JavaScript -Probleme lösen, damit Ihre Website für die Indexierung in der Suchmaschine zur Verfügung steht.
JavaScript spielt eine wichtige Rolle in der Webentwicklung und bietet viele Funktionen, die die Website in eine vollwertige Plattform für Anwendungen verwandeln. Damit Ihr JavaScript -Projekt für eine Suche in Google verfügbar ist, ist eine Gelegenheit, neue Benutzer anzulocken und die alten zurückzugeben, die nach Ihren Inhalten suchen.
Trotz der Tatsache, dass Google die moderne Chrom -Engine verwendet, um JavaScript zu verarbeiten, gibt es mehrere Dinge, die optimiert werden sollten, um die Sichtbarkeit in der Suchmaschine zu verbessern.
Wie Google JavaScript auf Ihrer Website verarbeitet
Google durchläuft drei wichtige Stufen für die Verarbeitung von JavaScript -Webseiten:
- Kriechen (Kriechen)
- Rendering (Rendering)
- Indexierung (Indexierung)
GoogleBot setzt Seiten für Kraling und Rendering in die Warteschlange. Dies kann einige Zeit dauern, da es nicht immer offensichtlich ist, wenn die Seite in jeder Phase verarbeitet wird. Mit Crailing führt GoogleBot HTTP -Überprüfungen durch und überprüft die Datei robots.txt. Wenn die URL blockiert ist, vermisst GoogleBot sie, ohne das Rendering durchzuführen.
So richten Sie einzigartige Schlagzeilen und Meta-Dekriptionen für Ihre Google-Website ein
Die einzigartigen und informativen Elemente von
und Meta-DeScriptionen helfen Benutzern, schnell zu bestimmen, welches Ergebnis für ihre Anfrage in Google am relevantesten ist.</p><H2>So schreiben Sie einen Code, der mit Google für Ihre Website kompatibel ist</H2><p>Browser bieten viele APIs an, und JavaScript ist eine Sprache, die sich ständig entwickelt. Damit Ihr Code mit Google funktioniert, befolgen Sie die Empfehlungen zur Beseitigung von JavaScript -Fehlern.</p><H2>Verwenden Sie die richtigen HTTP -Status für Ihre Google -Website</H2><p>GoogleBot verwendet HTTP -Status, um festzustellen, was beim Krähenschaden schief gelaufen ist. Wenn die Seite nicht indiziert oder verfügbar sein kann, senden Sie den richtigen Statuscode beispielsweise 404 oder 401.</p><H3>Vermeiden Sie Fehler "Soft 404" auf Ihrer Google -Website</H3><p>Bei einer Seite, die Routing auf der Client -Seite implementieren, ist es sehr wichtig, Statuscodes korrekt zu verwenden. Verwenden Sie JavaScript -Umleitung für einen Fehler mit einem Fehler, zum Beispiel:</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>Verwenden Sie den API -Verlauf anstelle von Fragmenten für Ihre Google -Website</H2><p>Google kann Ihre Links finden, wenn sie sich in <a> Elementen mit dem HREF -Attribut befinden. Verwenden Sie für einseitige Anwendungen den API-Verlauf, um zwischen verschiedenen Seiten Ihrer Webanwendung zu leiten.</p><H2>Ordnungsgemäße Implementierung des Tag rel = "Canonical" auf Ihrer Website für Google</H2><p>Sie können das Rel = "Canonical" -Tag mit JavaScript einführen, um anzugeben, welche Version der Seite indiziert werden soll. Seien Sie jedoch vorsichtig, damit auf der Seite keine doppelten Links rel = "Canonical" vorhanden sind.</p><H2>Verwenden Sie Roboter -Meta -Tags auf Ihrer Website für Google</H2><p>Sie können den Roboter-Meta-Tag verwenden, um die Seitenindexierung oder die Verfolgung von Links dazu zu verbieten. Fügen Sie beispielsweise das folgende Meta-Tag hinzu:</p><pre>
<meta name="robots" content="noindex, nofollow">
</pre><p>Es ist wichtig, sich daran zu erinnern, dass Google diese Seite vermissen wird, wenn er vor dem Rendern von JavaScript noIndex sieht. Wenn Sie möchten, dass die Seite indiziert wird, verwenden Sie NOIndex im Quellcode nicht.</p><H2>Verwenden von Langzeit -Caching für Ihre Google -Website</H2><p>GoogleBot verwendet aktiv einen Cache, um die Anzahl der Anforderungen und das Speichern von Ressourcen zu reduzieren. Verwenden Sie die Caching -Strategie unter Berücksichtigung der Inhaltsänderung, beispielsweise das Hinzufügen von Kontrollbeträgen zu Dateinamen.</p><H2>Использование структурированных данных на вашем сайте в Google</H2><p>Если вы используете структурированные данные на вашем сайте, вы можете генерировать JSON-LD с помощью JavaScript и внедрять его на страницу. Однако убедитесь, что ваша реализация не вызывает ошибок.</p><H2>Befolgen Sie die Best Practices für Webkomponenten auf Ihrer Google -Website</H2><p>Google unterstützt Webkomponenten. Er kann jedoch nur den Inhalt sehen, der beim Rendern angezeigt wird. Wenn Sie DOMs Shadow oder Light DOM verwenden, stellen Sie sicher, dass Google alle Inhalte sehen kann.</p><H2>Korrektur von Bildern und faulen Inhalten auf Ihrer Website auf Google laden</H2><p>Bilder können viel Verkehr aufnehmen und das Laden von Seiten verlangsamen. Lagen Sie faul geladen, damit die Bilder nur geladen werden, wenn der Benutzer sich ihnen nähert. Stellen Sie sicher, dass Ihre Faulheit mit SEO kompatibel ist, um die Empfehlungen zu diesem Thema zu befolgen.</p><H2>Entwerfen Sie unter Berücksichtigung der Verfügbarkeit Ihrer Website in Google</H2><p>Denken Sie beim Erstellen Ihrer Website nicht nur über Suchmaschinen, sondern auch über Benutzer, einschließlich Personen mit besonderen Bedürfnissen, wie z. B. Bildschirmlesern oder weniger leistungsstarke mobile Geräte. Auf diese Weise können Sie eine Website erstellen, die für alle verfügbar und bequem ist.</p><p>Wenn Sie Fragen zur JavaScript -Optimierung für Ihre Website haben oder SEO einrichten müssen, wenden Sie sich an das Team von SEO.COMPER. Wir helfen gerne!</p><p>Kontaktdaten: <strong>info@seo.computer</strong>Anwesend <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">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="hd3ecpRKg2VDqFom6MDtviLfMUUw8xfOOEUOv3JH" 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 für Ihre Website: So bieten Sie Sichtbarkeit in Google in Moskau" title="SEO Computer Grundlagen von JavaScript SEO für Ihre Website: So bieten Sie Sichtbarkeit 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-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">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 für Ihre Website: So bieten Sie Sichtbarkeit in Google in Moskau" title="Hinterlassen Sie eine Anfrage Grundlagen von JavaScript SEO für Ihre Website: So bieten Sie Sichtbarkeit 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="hd3ecpRKg2VDqFom6MDtviLfMUUw8xfOOEUOv3JH" 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="hd3ecpRKg2VDqFom6MDtviLfMUUw8xfOOEUOv3JH" 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="en" >Englisch (en)</option>
<option value="it" >Italienisch (it)</option>
<option value="nl" >Niederländisch (nl)</option>
<option value="pl" >Polieren (pl)</option>
<option value="de" selected >Deutsch (de)</option>
<option value="tr" >Türkisch (tr)</option>
<option value="fr" >Französisch (fr)</option>
<option value="jp" >japanisch (jp)</option>
<option value="id" >Indonesisch (id)</option>
<option value="pt" >Portugiesisch (pt)</option>
<option value="ru" >Russisch (ru)</option>
<option value="es" >Spanisch (es)</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 für Ihre Website: So bieten Sie Sichtbarkeit in Google in Moskau" title="Erfolgreich gesendet Grundlagen von JavaScript SEO für Ihre Website: So bieten Sie Sichtbarkeit 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="hd3ecpRKg2VDqFom6MDtviLfMUUw8xfOOEUOv3JH" 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 für Ihre Website: So bieten Sie Sichtbarkeit 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 für Ihre Website: So bieten Sie Sichtbarkeit in Google in Moskau" title="Schreiben Sie an telegram Grundlagen von JavaScript SEO für Ihre Website: So bieten Sie Sichtbarkeit 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 für Ihre Website: So bieten Sie Sichtbarkeit 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 für Ihre Website: So bieten Sie Sichtbarkeit in Google in Moskau" title="Schreiben Sie an whatsapp Grundlagen von JavaScript SEO für Ihre Website: So bieten Sie Sichtbarkeit 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 für Ihre Website: So bieten Sie Sichtbarkeit in Google in Moskau" title="Top 100 Grundlagen von JavaScript SEO für Ihre Website: So bieten Sie Sichtbarkeit 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>