Name: SEO computer La SEO lo è a Mosca
Address: Mosca

è il contenuto principale della maggior parte dei siti Web e l'ottimizzazione SEO è strettamente correlata a questo linguaggio di markup. Molti specialisti SEO hanno una conoscenza di base dei CSS, che diventa una competenza importante durante lo sviluppo e la manutenzione dei siti web. In questo articolo esamineremo i tag principali che svolgono un ruolo importante nell’ottimizzazione SEO.

Cos'è il CSS e

HyperText Markup Language è un linguaggio di markup standardizzato utilizzato per creare e visualizzare pagine Web in un browser. Quando il browser riceve un documento, lo interpreta in un'interfaccia visiva che vediamo sullo schermo. Gli elementi sono gli elementi costitutivi di una pagina web.

CSS (Cascading Style Sheets) è un linguaggio di markup che controlla l'aspetto visivo delle pagine web, come la dimensione, il colore, lo sfondo, il posizionamento degli elementi, nonché il loro comportamento durante l'interazione dell'utente, come il passaggio del mouse o il clic.

Tag principali inseriti

Gli elementi principali sono i tag <>, E , che svolgono varie funzioni.

Etichetta V

All'interno di un cartellino ci sono elementi che giocano un ruolo chiave nella SEO. Diamo un'occhiata ai più importanti:

</h3><p>1. <title> è un tag che specifica il titolo della pagina, visualizzato nel browser nella scheda e che costituisce una parte importante dello snippet nei risultati di ricerca. Aiuta gli utenti a capire di cosa tratta la pagina e influisce anche sull'attrattiva del collegamento nei motori di ricerca. L'ottimizzazione di questo tag è fondamentale per migliorare la visibilità del sito.</p><p>I motori di ricerca tengono conto anche del contenuto del tag <title> quando si classificano le pagine. L'utilizzo di titoli univoci per ogni pagina migliora l'indicizzazione e la visibilità nei risultati di ricerca.</p><h3><meta> metatag</h3><p>2. Etichetta <meta>. <meta name="description" content="..."> utilizzato per indicare una breve descrizione della pagina. La descrizione inserita in questo tag viene spesso visualizzata nei motori di ricerca come snippet.</p><p>È importante notare che a volte i motori di ricerca possono utilizzare frammenti di testo di una pagina anziché una meta descrizione se corrispondono più da vicino alla query dell'utente.</p><h3><link></h3><p>3. Etichetta <link> utilizzato per connettere risorse esterne come stili o caratteri. Nello specifico, viene utilizzato per includere file CSS:</p><p>Un esempio di connessione di un file di stile esterno: <link rel="stylesheet" href="/path/to/styles.css"></p><h3>L'attributo tag rel=canonical <link></h3><p>4. L'attributo rel=canonical nel tag <link> dice al motore di ricerca che due pagine con lo stesso contenuto dovrebbero essere trattate come una sola. Ciò aiuta a evitare problemi con contenuti duplicati sul sito e migliora il SEO.</p><p>Regole per l'utilizzo dei collegamenti canonici:</p><ul><li>La pagina canonica deve essere accessibile e avere un codice di risposta pari a 200.</li><li>Il collegamento non deve puntare a una pagina su un altro dominio.</li><li>Un solo collegamento canonico per pagina.</li><li>Non sono ammesse catene di collegamenti canonici.</li></ul><h2>Etichetta <BODY></h2><p>Etichetta <body> contiene la parte visibile della pagina che gli utenti vedono. Dentro <body> Gli elementi possono essere diversi:</p><ul><li><strong>Tag h1…h6:</strong> Intestazioni che strutturano il contenuto della pagina. I motori di ricerca amano le pagine con una struttura chiara, quindi è importante utilizzare correttamente i titoli. Intestazione <h1> dovrebbe essere l'unico e posizionato nella parte superiore della pagina, quindi vai <h2> e altre sottovoci.</li><li><strong>Tag <p>:</strong> Paragrafi per separare il testo.</li><li><strong><strong>Etichetta <strong>:</strong></strong> per rendere il testo in grassetto.</li><li><strong><em>Etichetta <em>:</strong> per evidenziare il testo in corsivo.</li><li><strong>Elenchi:</strong> Per gli elenchi puntati utilizzare <ul> E <li>, per numerato <ol> E <li>.</li><li><strong>Immagini:</strong> Il tag viene utilizzato per aggiungere immagini <img> con attributi src (fonte) e alt (descrizione).</li><li><strong>Collegamenti:</strong> L'aggiunta dei collegamenti avviene tramite il tag <a href="URL">.</li><li><strong>Dive:</strong> Etichetta <div> utilizzato per creare contenitori a cui è possibile applicare uno stile utilizzando i CSS.</li></ul><p>Per un'analisi più approfondita e un'ottimizzazione professionale del tuo sito web, contatta il nostro studio SEO. Siamo sempre pronti ad aiutare con qualsiasi domanda SEO.</p><p>Puoi contattarci a: <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">Invia una richiesta e ti forniremo una consulenza SU SEO promozione del tuo sito web</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="ixfk8vxy52pdPHmLwOgap5apcQrMAqCmWStEgW0h" autocomplete="off"> <div class="col-12 col-xl-3"> <input type="text" name="name" class="form-control form-padding rounded-5" placeholder="il tuo nome" required=""> </div> <div class="col-12 col-xl-3"> <input type="tel" name="phone" class="form-control form-padding rounded-5" placeholder="Numero di telefono" 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">Inviare</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">Inviando una richiesta accetti l'informativa sulla privacy</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/it"> <img src="https://seo.computer/assets/svg/seo_logo.svg" alt="SEO Computer La SEO lo è a Mosca" title="SEO Computer La SEO lo è a Mosca" 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">Marketing su Internet</li> <li>Orari di apertura: <span class="workhours" itemprop="openingHours" datetime="Mo-Su">tutto il giorno</span></li> <li class="norender"> <span itemprop="priceRange" class="pricerange">da 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">Mosca</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">Menù</div> <ul class="nav flex-column"> <li class="nav-item mb-2"><a href="https://seo.computer/it?city=moscow#tarifs" class="nav-link p-0 color-bfbfbf" title="SEO Tariffe">SEO Tariffe</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/it?city=moscow#reviews" class="nav-link p-0 color-bfbfbf" title="SEO Recensioni">SEO Recensioni</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/it?city=moscow#quiz" class="nav-link p-0 color-bfbfbf" title="SEO Calcolatrice">SEO Calcolatrice</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/it?city=moscow#sales" class="nav-link p-0 color-bfbfbf" title="SEO Promozioni">SEO Promozioni</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/it/contact" class="nav-link p-0 color-bfbfbf" title="Contatti">SEO Contatti</a></li> </ul> </div> <div class="col-12 col-xl-3 col-md-6"> <div class="fw-500 fs-20 mb-2">Servizi</div> <ul class="nav flex-column"> <li class="nav-item mb-2"><a href="https://seo.computer/it/business" class="nav-link p-0 color-bfbfbf" title="Imprese">SEO per le imprese</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/it/type-sites" class="nav-link p-0 color-bfbfbf" title="Tipi di siti">SEO per tipologie di siti</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/it/cms" class="nav-link p-0 color-bfbfbf" title="Sistemi CMS">SEO per CMS sistemi</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/it/languages" class="nav-link p-0 color-bfbfbf" title="Le lingue">SEO per le lingue</a></li> <li class="nav-item mb-2"><a href="https://seo.computer/it/engines" class="nav-link p-0 color-bfbfbf" title="Motori di ricerca">SEO per i motori di ricerca</a></li> </ul> </div> <div class="col-12 col-xl-3 col-md-6"> <div class="fw-500 fs-20 mb-2">Rete sociale</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="Vhatsapp"><i class="fab fa-whatsapp me-1"></i>Vhatsapp</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>Questo sito è solo a scopo informativo e non è un'offerta pubblica. Per ottenere informazioni precise sui servizi forniti e sui relativi costi si prega di contattare i responsabili dell’azienda.</p> <a class="text-decoration-none color-bfbfbf" href="https://seo.computer/it/policy">politica sulla riservatezza</a> <div class="mt-2"> <a href="https://www.liveinternet.ru/click" target="_blank"><img id="licntD152" width="31" height="31" style="border:0" title="LiveInternet" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" alt="LiveInternet"/></a><script defer async>setTimeout(function(){(function(d,s){d.getElementById("licntD152").src="https://counter.yadro.ru/hit?t44.6;r"+escape(d.referrer)+((typeof(s)=="undefined")?"":";s"+s.width+""+s.height+""+(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+";h"+escape(d.title.substring(0,150))+";"+Math.random()})(document,screen)},4000);</script> </div> </div> </div> </footer> <div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title fw-500 fs-20" id="exampleModalToggleLabel">Lascia una richiesta</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="Lascia una richiesta La SEO lo è a Mosca" title="Lascia una richiesta La SEO lo è a Mosca"> <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="ixfk8vxy52pdPHmLwOgap5apcQrMAqCmWStEgW0h" autocomplete="off"> <div class="modal-body"> <label class="fs-5 text-center fw-bold">Lascia una richiesta e la nostra SEO lo specialista ti contatterà al più presto</label> <div class="row"> <div class="col-12"> <input type="text" name="name" class="form-control form-padding my-2" placeholder="il tuo nome" required> </div> <div class="col-12"> <input type="tel" name="phone" class="form-control form-padding my-2" placeholder="Numero di telefono" required> </div> </div> </div> <div class="modal-footer justify-content-center"> <button class="btn rounded-5 btn-primary w-100 form-padding" type="submit">Inviare</button> <a href="policy.html" class="text-decoration-none text-dark text-center fs-14">Inviando i dati accetti l'informativa sulla privacy</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">Scegli la lingua</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="ixfk8vxy52pdPHmLwOgap5apcQrMAqCmWStEgW0h" autocomplete="off"> <select class="form-select mb-2" aria-label="Scegli la lingua" name="language" id="language"> <option selected>Scegli la lingua</option> <option value="cn" >Cinese semplificato) (cn)</option> <option value="nl" >Olandese (nl)</option> <option value="en" >Inglese (en)</option> <option value="fr" >francese (fr)</option> <option value="de" >Tedesco (de)</option> <option value="id" >indonesiano (id)</option> <option value="it" selected >Italiano (it)</option> <option value="jp" >giapponese (jp)</option> <option value="pl" >Polacco (pl)</option> <option value="pt" >portoghese (pt)</option> <option value="ru" >russo (ru)</option> <option value="es" >spagnolo (es)</option> <option value="tr" >Turco (tr)</option> </select> <button type="submit" class="btn btn-primary w-100">Modifica</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="Inviato con successo La SEO lo è a Mosca" title="Inviato con successo La SEO lo è a Mosca" width="160" height="144" class="mb-5"> <div class="h4" style="color: #000;">Inviato con successo!</div> <p style="color: #000;">Grazie, la tua candidatura è stata inviata con successo! Ti contatteremo a breve.</p> </div> </div> </div> </div> <div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content custom-modal"> <div class="modal-body d-flex align-items-center justify-content-between">  <div class="modal__contents"> <div class="modal_top"> <span class="section_title">Lascia una richiesta</span> <p class="text-muted mt-1">E il nostro specialista SEO ti contatterà nel prossimo futuro</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="ixfk8vxy52pdPHmLwOgap5apcQrMAqCmWStEgW0h" autocomplete="off"> <div class="modal__contents_input"> <input type="text" class="form-control" placeholder="il tuo nome" name="name" id="name" required /> </div> <div class="modal__contents_input"> <input type="tel" class="form-control phone_input" placeholder="Numero di telefono" id="phone" name="phone" required /> </div> <div class="modal__contents_input"> <input type="text" class="form-control" placeholder="L'indirizzo del tuo sito web" name="website" id="website" required /> </div> <button type="submit" class="button desctop">Inviare</button> <button type="submit" class="button mobile">Inviare</button> </form> <p class="policy mt-3">Inviando una domanda, sei d'accordo <a href="https://seo.computer/ru/policy">Con una politica di riservatezza</a></p> </div> <div class="img-container d-flex align-items-start">  <img src="https://seo.computer/assets/images/modal_img.png" alt="Rasm" class="img-fluid" /> <button class="close" data-bs-dismiss="modal" aria-label="Close"> <img src="https://seo.computer/assets/images/exit.svg" alt=""> </button> </div>  </div> </div> </div> </div> <div class="modal fade" id="ModalCity" tabindex="-1" aria-labelledby="ModalCity" aria-hidden="true"> <div class="modal-dialog modal-xl modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title fs-22 fw-500" id="exampleModalLabel">Seleziona una città</div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Vicino"></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="Inserisci il nome della città..."> </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="Scrivi a telegram" title="Scrivi a telegram La SEO lo è a Mosca" 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="Scrivi a telegram La SEO lo è a Mosca" title="Scrivi a telegram La SEO lo è a Mosca"> </button> <button class="shareButton wt open" data-bs-toggle="modal" data-bs-target="#SocialModal" data-bs-content="Scrivi a vhatsapp" title="Scrivi a vhatsapp La SEO lo è a Mosca" 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="Scrivi a vhatsapp La SEO lo è a Mosca" title="Scrivi a vhatsapp La SEO lo è a Mosca"> </button> </div> <script defer async> setTimeout(function(){$('.lateload-show-buttons').css('display','flex').hide().fadeIn();}, 4000); </script>  <div class="modal fade" id="SocialModal" tabindex="-1" aria-labelledby="SocialModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header" style="text-align:center;"> <span style="font-size: 1.25rem;" class="modal-title" id="SocialModalLabel">Connettiti con noi</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="#">Scrivere</a> </div> </div> </div> </div> <script defer async> var SocialModal = document.getElementById('SocialModal') SocialModal.addEventListener('show.bs.modal', function (event) { setTimeout(function(el){ let halfScreenHeight = window.screen.height / 2; let coefdBlockHeight = el.offsetHeight * 1.75; //console.log(el.offsetHeight); let newTopPx = Math.round(halfScreenHeight - coefdBlockHeight); el.style.transform = 'translate(0, ' + newTopPx + 'px)'; }, 250, SocialModal.children[0]); // Button that triggered the modal var button = event.relatedTarget // Extract info from data-bs-* attributes var link = button.getAttribute('data-bs-link') var content = button.getAttribute('data-bs-content') var Soclink = SocialModal.querySelector('#Soclink') Soclink.setAttribute('href', link) Soclink.textContent = content }); (() => { 'use strict' // Fetch all the forms we want to apply custom Bootstrap validation styles to const forms = document.querySelectorAll('.needs-validation') // Loop over them and prevent submission Array.from(forms).forEach(form => { form.addEventListener('submit', event => { if (!form.checkValidity()) { event.preventDefault() event.stopPropagation() } form.classList.add('was-validated') }, false) }) })() </script>  <script rel="lazy" src="https://seo.computer/assets/js/jquery-3.6.0.min.js" ></script> <script defer async src="https://seo.computer/assets/js/bootstrap.min.js" ></script> <script src="https://seo.computer/assets/js/custom-blocks.js" charset="utf-8"></script><script defer async src="https://seo.computer/assets/js/jquery.mask.min.js" async></script>      <script 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>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-R6MGYCXWFG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-R6MGYCXWFG'); </script>  <script defer async> setTimeout(function(){ (function (w, d, c) { (w[c] = w[c] || []).push(function() { var options = { project: 7728665, }; try { w.top100Counter = new top100(options); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//st.top100.ru/top100/top100.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(window, document, "_top100q"); }, 4000); </script> <noscript> <img width="1" height="1" src="//counter.rambler.ru/top100.cnt?pid=7728665" alt="Top 100 La SEO lo è a Mosca" title="Top 100 La SEO lo è a Mosca" /> </noscript>  <script defer async> $(document).ready(function() { $(".form").submit(function(e) { e.preventDefault(); var form = $(this); if (form.find('input:invalid').length === 0) { $.ajax({ type: "POST", url: form.attr('action'), datatype: 'json', data: form.serialize(), // serializes the form's elements. success: function(data) { if(data.message === true) { $('#SuccessModal').modal('show'); form.trigger('reset'); } } }); } }); $("#form-analytcs").submit(function(e) { e.preventDefault(); var form = $(this); if (form.find('input:invalid').length === 0) { $.ajax({ type: "POST", url: form.attr('action'), datatype: 'json', data: form.serialize(), // serializes the form's elements. success: function(data) { if(data.message === true) { $('#myModal').modal('hide'); $('#SuccessModal').modal('show'); form.trigger('reset'); } } }); } }); // ---- Analyzer redirect: hijack hero_form to push directly into seo-analyzer ---- $('form.hero_form[data-analyzer-redirect="1"]').on('submit', function(e){ var form = $(this); var input = form.find('input[name="domain"]'); var raw = (input.val() || '').trim(); if (!raw) { return; } var endpoint = form.attr('data-analyzer-url') || 'https://seo-analyzer.seo.computer/domain'; // Normalize: drop scheme, leading www, trailing slash, anything after first slash/space var host = raw.replace(/^https?:\/\//i,'').replace(/^www\./i,'').split(/[\/\?#\s]/)[0].toLowerCase(); if (!host || host.indexOf('.') === -1) { return; } e.preventDefault(); // Build hidden form and submit it (POST so analyzer can read $_POST['url']) var hf = $('<form>').attr({method:'POST', action: endpoint}).css('display','none'); hf.append($('<input>').attr({type:'hidden', name:'url', value: host})); $('body').append(hf); hf[0].submit(); }); $('.content_toggle').click(function(){ $('.content_block').toggleClass('hide'); if ($('.content_block').hasClass('hide')) { $('.content_toggle').html('Per saperne di più'); } else { $('.content_toggle').html('Crollo'); } 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/it/' + 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: 'it' }, 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/it')); }); } else { results.html('<div class="col"><span>Nessun risultato trovato.</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>