SEO ist

ist der Kerninhalt der meisten Websites und die SEO-Optimierung ist eng mit dieser Auszeichnungssprache verbunden. Viele SEO-Spezialisten verfügen über Grundkenntnisse in CSS, die bei der Entwicklung und Pflege von Websites zu einer wichtigen Fähigkeit werden. In diesem Artikel betrachten wir die wichtigsten Tags, die bei der SEO-Optimierung eine wichtige Rolle spielen.

Was ist CSS und

HyperText Markup Language ist eine standardisierte Auszeichnungssprache, die zum Erstellen und Anzeigen von Webseiten in einem Browser verwendet wird. Wenn der Browser ein -Dokument empfängt, interpretiert er es in einer visuellen Oberfläche, die wir auf dem Bildschirm sehen. Elemente sind die Bausteine ​​einer Webseite.

CSS (Cascading Style Sheets) ist eine Auszeichnungssprache, die das visuelle Erscheinungsbild von Webseiten steuert, beispielsweise Größe, Farbe, Hintergrund, Positionierung von Elementen sowie deren Verhalten bei Benutzerinteraktionen wie Bewegen oder Klicken.

Haupt-Tags in

Die Hauptelemente sind die <>-Tags, Und , die verschiedene Funktionen erfüllen.

Etikett V

Innerhalb eines Tags Es gibt Elemente, die bei SEO eine Schlüsselrolle spielen. Schauen wir uns die wichtigsten davon an:

</h3><p>1. <title> ist ein Tag, der den Titel der Seite angibt, im Browser auf der Registerkarte angezeigt wird und ein wichtiger Teil des Snippets in den Suchergebnissen ist. Es hilft Benutzern zu verstehen, worum es auf der Seite geht, und beeinflusst auch die Attraktivität des Links in Suchmaschinen. Die Optimierung dieses Tags ist entscheidend, um die Sichtbarkeit der Website zu verbessern.</p><p>Suchmaschinen berücksichtigen auch den Inhalt des Tags <title> beim Ranking von Seiten. Die Verwendung eindeutiger Titel für jede Seite verbessert die Indexierung und Sichtbarkeit in den Suchergebnissen.</p><h3><meta> Meta-Tag</h3><p>2. Markieren <meta>. <meta name="description" content="..."> Wird verwendet, um eine kurze Beschreibung der Seite anzugeben. Die in diesem Tag platzierte Beschreibung wird in Suchmaschinen oft als Snippet angezeigt.</p><p>Es ist wichtig zu beachten, dass Suchmaschinen manchmal Textausschnitte einer Seite anstelle einer Meta-Beschreibung verwenden, wenn diese besser mit der Suchanfrage des Benutzers übereinstimmen.</p><h3><link></h3><p>3. Markieren <link> Wird zur Anbindung externer Ressourcen wie Stile oder Schriftarten verwendet. Insbesondere wird es zum Einbinden von CSS-Dateien verwendet:</p><p>Ein Beispiel für die Anbindung einer externen Style-Datei: <link rel="stylesheet" href="/path/to/styles.css"></p><h3>Das rel=canonical-Tag-Attribut <link></h3><p>4. Das rel=canonical-Attribut im Tag <link> teilt der Suchmaschine mit, dass zwei Seiten mit demselben Inhalt als eine Seite behandelt werden sollen. Dies hilft, Probleme mit doppeltem Inhalt auf der Website zu vermeiden und verbessert die SEO.</p><p>Regeln für die Verwendung kanonischer Links:</p><ul><li>Die kanonische Seite muss zugänglich sein und einen Antwortcode von 200 haben.</li><li>Der Link darf nicht auf eine Seite einer anderen Domain verweisen.</li><li>Nur ein kanonischer Link pro Seite.</li><li>Ketten kanonischer Links sind nicht zulässig.</li></ul><h2>Etikett <BODY></h2><p>Etikett <body> enthält den sichtbaren Teil der Seite, den Benutzer sehen. Innen <body> Es kann verschiedene Elemente geben:</p><ul><li><strong>Tags h1…h6:</strong> Überschriften, die den Inhalt der Seite strukturieren. Suchmaschinen lieben Seiten mit einer klaren Struktur, daher ist es wichtig, Überschriften richtig zu verwenden. Überschrift <h1> sollte das einzige sein und oben auf der Seite platziert werden, dann gehen Sie <h2> und andere Unterüberschriften.</li><li><strong>Schlagworte <p>:</strong> Absätze zum Trennen von Text.</li><li><strong><strong>Etikett <strong>:</strong></strong> Text fett formatieren.</li><li><strong><em>Etikett <em>:</strong> um Text in Kursivschrift hervorzuheben.</li><li><strong>Listen:</strong> Für Listen mit Aufzählungszeichen verwenden Sie <ul> Und <li>, für nummeriert <ol> Und <li>.</li><li><strong>Bilder:</strong> Der Tag wird zum Hinzufügen von Bildern verwendet <img> mit den Attributen src (Quelle) und alt (Beschreibung).</li><li><strong>Links:</strong> Das Hinzufügen von Links erfolgt über das Tag <a href="URL">.</li><li><strong>Diven:</strong> Etikett <div> Wird zum Erstellen von Containern verwendet, die mit CSS gestaltet werden können.</li></ul><p>Für eine tiefergehende Analyse und professionelle Optimierung Ihrer Website kontaktieren Sie unser SEO-Studio. Bei allen SEO-Fragen stehen wir Ihnen jederzeit gerne zur Verfügung.</p><p>Sie erreichen uns unter: <a href="mailto:info@seo.computer">info@seo.computer</a></p><p>ID 1699</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="HTIn3EL2R3VDJc3Putb23a28WQH2mb1kd9jvRSpM" 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 mb-0 p-0 text-white d-flex align-items-center justify-content-center flex-wrap gap-2" style="font-size:0.85rem;text-align:center"> <a style="text-decoration:none; color:inherit; white-space:nowrap" href="mailto:info@seo.computer"><i class="fas fa-envelope me-1" style="font-size:0.75rem"></i>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 SEO ist in Moskau" title="SEO Computer SEO ist 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-1699.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="https://seo.computer/de?city=moscow#tarifs" class="nav-link p-0 color-bfbfbf" title="SEO Tarife">SEO Tarife</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/de?city=moscow#reviews" class="nav-link p-0 color-bfbfbf" title="SEO Rezensionen">SEO Rezensionen</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/de?city=moscow#quiz" class="nav-link p-0 color-bfbfbf" title="SEO Kalkulator">SEO Kalkulator</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/de?city=moscow#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 SEO ist in Moskau" title="Hinterlassen Sie eine Anfrage SEO ist 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="HTIn3EL2R3VDJc3Putb23a28WQH2mb1kd9jvRSpM" 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="HTIn3EL2R3VDJc3Putb23a28WQH2mb1kd9jvRSpM" 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 SEO ist in Moskau" title="Erfolgreich gesendet SEO ist 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="HTIn3EL2R3VDJc3Putb23a28WQH2mb1kd9jvRSpM" 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 SEO ist 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 SEO ist in Moskau" title="Schreiben Sie an telegram SEO ist 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 SEO ist 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 SEO ist in Moskau" title="Schreiben Sie an whatsapp SEO ist 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 type="text/javascript"> (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", { webvisor: true, clickmap: true, trackLinks: true, accurateTrackBounce: true, ecommerce: "dataLayer" }); </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 SEO ist in Moskau" title="Top 100 SEO ist 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>