Générez du trafic gratuit de Google grâce à l'IA !
Table of Contents
- 🎯 Introduction
- 🤔 Pourquoi le trafic gratuit est important pour votre site web
- La nécessité d'attirer des visiteurs sur votre site web
- L'importance de générer des revenus à partir du trafic organique
- 🧠 Comprendre l'optimisation des moteurs de recherche (SEO)
- Les bases du SEO : Comment cela fonctionne-t-il ?
- Les facteurs clés de classement dans les moteurs de recherche
- Les balises méta
- La qualité et la pertinence du contenu
- L'architecture du site web
- Les backlinks et la popularité du site
- L'évolution du SEO et les pratiques recommandées actuelles
- 📈 Les meilleures stratégies pour obtenir du trafic organique de Google
- La recherche de mots clés et l'optimisation du contenu
- Comment effectuer une recherche de mots clés pertinente
- L'intégration des mots clés dans le contenu
- L'amélioration de l'expérience utilisateur
- L'importance de la vitesse de chargement du site
- L'adaptation aux appareils mobiles
- L'utilisation des balises méta et des descriptions
- L'obtention de backlinks de qualité
- 🤖 L'impact de l'intelligence artificielle sur le SEO
- L'utilisation de l'intelligence artificielle pour analyser les données SEO
- L'application de l'apprentissage automatique dans l'optimisation pour les moteurs de recherche
- Les outils d'intelligence artificielle pour améliorer les performances du SEO
- ✅ Conclusion et conseils finaux
- L'importance de suivre les tendances et de rester à jour avec les changements dans le SEO
- La nécessité d'adopter une approche holistique pour maximiser le trafic organique
🎯 Introduction
Bienvenue dans ce guide complet sur le référencement naturel (SEO) et sur la manière de générer du trafic gratuit sur Google. Si vous êtes propriétaire d'un site web ou si vous cherchez à développer votre entreprise en ligne, obtenir du trafic organique de Google est essentiel pour votre succès. Dans ce guide, nous explorerons les meilleures pratiques de SEO, les stratégies efficaces pour attirer des visiteurs et l'impact de l'intelligence artificielle sur l'optimisation des moteurs de recherche. Continuez à lire pour découvrir comment améliorer la visibilité de votre site web et augmenter le trafic gratuitement.
🤔 Pourquoi le trafic gratuit est important pour votre site web
La nécessité d'attirer des visiteurs sur votre site web
Lorsque vous créez un site web, qu'il s'agisse d'un blog, d'un site d'e-commerce ou d'un site d'information, il est crucial d'attirer des visiteurs. Sans trafic, votre site web ne sera pas en mesure d'atteindre son objectif principal, que ce soit la vente de produits ou services, la génération de revenus publicitaires ou simplement le partage d'informations précieuses. Le trafic gratuit provenant des moteurs de recherche est une source inestimable de visiteurs ciblés qui cherchent activement des informations ou des solutions liées à votre domaine d'activité.
L'importance de générer des revenus à partir du trafic organique
En plus de favoriser la croissance et la visibilité de votre site web, le trafic organique peut également vous aider à générer des revenus. Si vous avez un site d'e-commerce, le trafic gratuit provenant de Google peut se traduire par des ventes et des profits. Pour les sites d'information ou de contenu, le trafic organique peut conduire à des opportunités de monétisation telles que la publicité en ligne ou le marketing d'affiliation. En fin de compte, le trafic gratuit est une ressource précieuse à exploiter pour renforcer votre présence en ligne et atteindre vos objectifs commerciaux.
🧠 Comprendre l'optimisation des moteurs de recherche (SEO)
Les bases du SEO : Comment cela fonctionne-t-il ?
Le référencement naturel (SEO) est l'ensemble des techniques et des pratiques visant à optimiser votre site web pour améliorer son classement dans les moteurs de recherche tels que Google. L'objectif principal du SEO est d'augmenter la visibilité de votre site web afin d'attirer un trafic organique de qualité. Les moteurs de recherche utilisent des algorithmes complexes pour évaluer et classer les sites web en fonction de divers critères. En comprenant ces critères et en les optimisant, vous pouvez améliorer le classement de votre site web et attirer davantage de visiteurs.
Les facteurs clés de classement dans les moteurs de recherche
Pour réussir dans le monde du SEO, il est essentiel de connaître les facteurs clés de classement pris en compte par les moteurs de recherche. À titre d'illustration, voici quelques-uns des principaux facteurs de classement que vous devez prendre en compte lors de l'optimisation de votre site web :
Les balises méta
Les balises méta sont des éléments HTML qui fournissent des informations sur le contenu de votre page web aux moteurs de recherche. Cela inclut notamment la balise
qui définit le titre affiché dans les résultats de recherche, ainsi que la balise <meta description> qui fournit un bref résumé du contenu de la page. Une utilisation efficace des balises méta peut améliorer la visibilité de votre site web et inciter les utilisateurs à cliquer sur votre lien dans les résultats de recherche.</p>
<h4>La qualité et la pertinence du contenu</h4>
<p>Le contenu de votre site web est l'un des aspects les plus importants du SEO. Les moteurs de recherche valorisent les sites web qui proposent un contenu de haute qualité, original et pertinent pour les utilisateurs. En créant un contenu informatif, engageant et optimisé pour les mots clés pertinents, vous augmenterez vos chances d'obtenir un meilleur classement dans les résultats de recherche.</p>
<h4>L'architecture du site web</h4>
<p>L'architecture de votre site web joue un rôle crucial dans le classement des moteurs de recherche. Une structure bien organisée et facilement navigable permet aux moteurs de recherche de comprendre et d'indexer votre contenu plus efficacement. Assurez-vous que votre site web dispose d'une navigation claire, d'une structure de liens internes bien définie et d'une hiérarchie de pages logique pour améliorer son classement.</p>
<h4>Les backlinks et la popularité du site</h4>
<p>Les backlinks, ou liens entrants, sont des liens provenant d'autres sites web qui pointent vers le vôtre. Les moteurs de recherche considèrent les backlinks comme des votes de confiance pour votre site web, ce qui peut améliorer votre positionnement dans les résultats de recherche. Avoir des backlinks de qualité provenant de sites web pertinents et bien établis est essentiel pour renforcer la popularité de votre site.</p>
<h3>L'évolution du SEO et les pratiques recommandées actuelles</h3>
<p>Le domaine du SEO est en constante évolution. Les moteurs de recherche mettent régulièrement à jour leurs algorithmes pour améliorer la pertinence des résultats et offrir une expérience utilisateur optimale. Il est donc essentiel de suivre les dernières tendances et les meilleures pratiques du SEO pour maintenir votre site web à jour et bien classé. De plus, les techniques de "Black Hat" (pratiques de SEO contraires aux consignes des moteurs de recherche) doivent être évitées, car elles peuvent entraîner des pénalités et des baisses de classement.</p>
<h2>📈 Les meilleures stratégies pour obtenir du trafic organique de Google</h2>
<p>Maintenant que vous avez une compréhension de base du SEO et de son importance, passons en revue quelques-unes des meilleures stratégies pour obtenir du trafic organique de Google.</p>
<h3>La recherche de mots clés et l'optimisation du contenu</h3>
<p>La recherche de mots clés est une étape cruciale pour optimiser votre contenu et attirer du trafic organique ciblé. Une recherche approfondie des mots clés pertinents dans votre domaine d'activité vous permettra de comprendre les termes que les utilisateurs utilisent lorsqu'ils recherchent des informations liées à votre secteur. Utilisez ces mots clés dans votre contenu de manière naturelle et stratégique pour améliorer votre visibilité dans les résultats de recherche.</p>
<h4>Comment effectuer une recherche de mots clés pertinente</h4>
<p>Pour effectuer une recherche de mots clés pertinente, vous pouvez utiliser des outils de recherche de mots clés tels que Google Keyword Planner, SEMrush ou Ahrefs. Ces outils vous permettent d'identifier les mots clés les plus populaires liés à votre domaine d'activité, de connaître leur volume de recherche mensuel et leur niveau de concurrence. Identifiez les mots clés pertinents qui ont un volume de recherche élevé et une concurrence modérée pour maximiser vos chances d'obtenir du trafic organique.</p>
<h4>L'intégration des mots clés dans le contenu</h4>
<p>Une fois que vous avez identifié les mots clés pertinents, il est important de les intégrer de manière stratégique dans votre contenu. Placez-les dans les titres, les balises méta, les URL, les sous-titres et le corps de votre texte. Cependant, veillez à ne pas trop saturer votre contenu de mots clés, car cela peut être considéré comme du "bourrage de mots clés" et pourrait nuire à votre classement.</p>
<h3>L'amélioration de l'expérience utilisateur</h3>
<p>L'expérience utilisateur joue un rôle important dans le classement des moteurs de recherche. Un site web convivial et intuitif améliore l'expérience de vos visiteurs et les encourage à rester plus longtemps sur votre site. Voici quelques conseils pour améliorer l'expérience utilisateur :</p>
<h4>L'importance de la vitesse de chargement du site</h4>
<p>Assurez-vous que votre site web se charge rapidement. Les utilisateurs ont tendance à abandonner les sites lents, ce qui augmente le taux de rebond et peut avoir un impact négatif sur votre classement dans les résultats de recherche. Optimisez les images, utilisez la mise en cache du navigateur et choisissez un bon hébergeur pour améliorer la vitesse de chargement de votre site.</p>
<h4>L'adaptation aux appareils mobiles</h4>
<p>Avec l'augmentation de l'utilisation des smartphones, il est essentiel d'optimiser votre site web pour les appareils mobiles. Assurez-vous que votre site est réactif et s'adapte correctement aux différents écrans, offrant ainsi une expérience utilisateur fluide sur tous les appareils.</p>
<h3>L'utilisation des balises méta et des descriptions</h3>
<p>Comme mentionné précédemment, l'utilisation efficace des balises méta peut améliorer votre visibilité dans les résultats de recherche. Veillez à optimiser vos balises méta, y compris les balises de titre et les balises de description, en utilisant des mots clés pertinents et en incitant les utilisateurs à cliquer sur votre lien.</p>
<h3>L'obtention de backlinks de qualité</h3>
<p>Les backlinks de qualité provenant de sites web bien établis et pertinents sont un élément clé du SEO. Cherchez des opportunités de créer des liens vers votre site depuis des sites d'autorité de votre domaine d'activité. Cela peut se faire par le biais de partenariats, d'invitations d'experts ou de la création de contenu de haute qualité qui suscitera l'intérêt d'autres sites web.</p>
<h2>🤖 L'impact de l'intelligence artificielle sur le SEO</h2>
<p>L'intelligence artificielle (IA) joue un rôle de plus en plus important dans le monde du SEO. Les moteurs de recherche utilisent l'IA pour analyser et interpréter les données, améliorer les résultats de recherche et fournir une expérience utilisateur personnalisée. Voici quelques domaines où l'IA a un impact sur le SEO :</p>
<h3>L'utilisation de l'intelligence artificielle pour analyser les données SEO</h3>
<p>L'IA permet aux moteurs de recherche d'analyser et de traiter de grandes quantités de données SEO de manière efficace. Cela leur permet de comprendre le contenu des pages, d'identifier les liens de qualité et de fournir des résultats de recherche pertinents aux utilisateurs.</p>
<h3>L'application de l'apprentissage automatique dans l'optimisation pour les moteurs de recherche</h3>
<p>L'apprentissage automatique est une branche de l'intelligence artificielle qui permet aux moteurs de recherche d'apprendre et de s'adapter en fonction des données qu'ils analysent. En recueillant des informations sur le comportement des utilisateurs, les préférences et les modèles de recherche, les moteurs de recherche peuvent affiner leurs algorithmes et fournir des résultats de recherche plus pertinents.</p>
<h3>Les outils d'intelligence artificielle pour améliorer les performances du SEO</h3>
<p>Il existe également des outils d'IA spécialement conçus pour le SEO qui peuvent vous aider à analyser et à optimiser votre site web. Ces outils utilisent des algorithmes d'apprentissage automatique pour générer des recommandations personnalisées et des informations utiles pour améliorer vos performances de SEO.</p>
<h2>✅ Conclusion et conseils finaux</h2>
<p>Le référencement naturel (SEO) est essentiel pour attirer du trafic organique de qualité sur votre site web. En comprenant les bases du SEO, en utilisant les meilleures pratiques et en restant à jour avec les dernières tendances, vous pouvez améliorer le classement de votre site dans les résultats de recherche de Google. N'oubliez pas d'optimiser votre contenu, d'améliorer l'expérience utilisateur, d'obtenir des backlinks de qualité et d'utiliser des outils d'intelligence artificielle pour maximiser votre trafic organique. Suivez les conseils et les stratégies présentés dans ce guide, et vous serez en mesure de générer plus de trafic gratuit et de développer votre présence en ligne avec succès.</p>
<p>Pour obtenir des conseils plus détaillés sur le SEO et découvrir les outils mentionnés dans ce guide, consultez les ressources suivantes :</p>
<ul>
<li>Google Keyword Planner : <a href="https://ads.google.com/intl/fr_fr/home/tools/keyword-planner/">https://ads.google.com/intl/fr_fr/home/tools/keyword-planner/</a></li>
<li>SEMrush : <a href="https://fr.semrush.com/">https://fr.semrush.com/</a></li>
<li>Ahrefs : <a href="https://fr.ahrefs.com/">https://fr.ahrefs.com/</a></li>
<li>H-supertools : <a href="https://h-supertools.com/">https://h-supertools.com/</a></li>
</ul>
<!-- <p class="mt-6">The above is a brief introduction to <a href="https://www.proseoai.com/fr/seofr/gnrez-du-trafic-gratuit-de-google-grce-lia-44226">Générez du trafic gratuit de Google grâce à l'IA !</a></p>
<p class="mt-4">Let's move on to the first section of Générez du trafic gratuit de Google grâce à l'IA !</p> -->
</div>
</div>
</div>
<!-- more -->
<!-- <div class="more mt-8">
<p class="text-lg text-gray-500">
More:
<a
href=""
class="text-lg text-theme-500 hover:text-theme-500"
>
What To Do If Defroster Is Not Working
</a>
</p>
</div> -->
<!-- more end -->
<section
class="mt-8 px-4 py-8 bg-gray-50 overflow-hidden lg:px-8 rounded-lg"
>
<h2
class="inline text-xl font-bold tracking-tight text-gray-900 sm:block sm:text-2xl sm:text-center"
>
Are you spending too much time on seo writing?
</h2>
<dl
class="mt-6 text-center sm:flex sm:justify-center sm:flex-wrap"
>
<div class="flex flex-col px-4 sm:px-8">
<dt
class="order-2 mt-2 text-base leading-6 font-medium text-gray-500 nowrap"
>
SEO Course
</dt>
<dd
class="order-1 text-4xl font-bold text-theme-500 sm:h-10"
>
1M+
</dd>
</div>
<div class="flex flex-col mt-6 px-4 sm:px-8 sm:mt-0">
<dt
class="order-2 mt-2 text-base leading-6 font-medium text-gray-500 nowrap"
>
SEO Link Building
</dt>
<dd
class="order-1 text-4xl font-bold text-theme-500 sm:h-10"
>
5M+
</dd>
</div>
<div class="flex flex-col mt-6 px-4 sm:px-8 sm:mt-0">
<dt
class="order-2 mt-2 text-base leading-6 font-medium text-gray-500 nowrap"
>
SEO Writing
</dt>
<dd
class="order-1 text-4xl font-bold text-theme-500 sm:h-10"
>
800K+
</dd>
</div>
</dl>
<form class="mt-5 max-w-2xl mx-auto sm:flex">
<label for="email-address" class="sr-only">Email address</label>
<input
id="email-address"
name="email"
type="email"
autocomplete="email"
required
class="w-full px-5 py-3 placeholder-gray-500 border-2 border-r-0 border-gray-300 focus:outline-none focus:ring-0 focus:ring-offset-0 focus:border-theme-600 rounded-l-md sm:flex-1 text-2xl text-gray-900"
placeholder="Your Email"
/>
<div class="mt-3 rounded-md sm:mt-0 sm:flex-shrink-0">
<a
href="/register"
class="w-full h-full flex items-center justify-center px-5 py-3 border-2 border-theme-500 text-base font-medium rounded-r-md text-white bg-theme-500 hover:bg-theme-400 hover:border-theme-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:bg-theme-600 focus:ring-theme-600"
>
Try Proseoai(It's Free)
</a>
</div>
</form>
</section>
<!-- Why -->
<div class="rounded-md bg-gray-50 mt-5 px-7 py-6">
<div class="flex items-center">
<img
src="/proseoai-seo/images/choose.svg"
class="w-5 -mt-1"
alt=""
srcset=""
/>
<span class="text-xl text-theme-500 ml-3">
WHY YOU SHOULD CHOOSE Proseoai
</span>
</div>
<p class="mt-4 text-base text-gray-700">
Proseoai has the world's largest selection of seo courses for you to learn. Each seo course has tons of seo writing for you to choose from, so you can choose Proseoai for your seo work!
</p>
</div>
<!-- Why -->
</div>
</div>
<section class="relative py-12 bg-gray-50">
<div class="relative">
<div class="text-center max-w-7xl mx-auto px-4 lg:px-8">
<div
class="text-3xl tracking-tight font-bold text-gray-900 sm:text-4xl"
>
Browse More Content
</div>
</div>
<div class="max-w-7xl mx-auto px-4 lg:px-8">
<div
class="mt-7 lg:max-w-lg:mx-auto grid gap-5 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 lg:max-w-none"
>
</div>
</div>
</div>
</section>
<section class="relative py-12 bg-white">
<div class="relative">
<div class="text-center max-w-7xl mx-auto px-4 lg:px-8">
<div
class="text-3xl tracking-tight font-bold text-gray-900 sm:text-4xl"
>
Related Articles
</div>
</div>
<div class="max-w-7xl mx-auto px-4 lg:px-8">
<div
class="mt-7 lg:max-w-lg:mx-auto grid gap-5 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 lg:max-w-none" id="articles"
>
<div
class="flex flex-col rounded-lg shadow-lg overflow-hidden"
>
<a href="/fr/seofr/dcouvrez-lhistoire-et-lavenir-passionnant-du-cricket-en-france-41809" class="flex-shrink-0">
<img
class="h-64 w-full object-cover"
src="https://i.ytimg.com/vi/XWHEz0QlAP4/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARhcIGUoSzAP&rs=AOn4CLBDNer-_wP_2XStEFzO4dIOrut9yg"
alt="Découvrez l'histoire et l'avenir passionnant du cricket en France"
/>
</a>
<div
class="flex-1 bg-white px-6 pt-4 pb-6 flex flex-col justify-between"
>
<div class="flex-1">
<a href="/fr/seofr/dcouvrez-lhistoire-et-lavenir-passionnant-du-cricket-en-france-41809" class="block">
<div class="text-2xl font-semibold text-gray-900 hover:text-theme-500">
Découvrez l'histoire et l'avenir passionnant du cricket en France
</div>
<p class="mt-3 text-base text-gray-500">
Découvrez l'histoire et l'avenir passionnant du cricket en FranceTable des matières:
Introduction
L
</p>
</a>
</div>
<div class="mt-6 flex items-center">
<div class="flex-1">
<p class="text-sm font-medium text-gray-900">
<a href="/author/MLC Network" class="hover:underline hover:text-theme-500">
MLC Network
</a>
</p>
</div>
<div class="flex-shrink-0">
<div class="flex space-x-1 text-sm text-gray-500">
<time datetime="2024-02-29"> Feb 29,2024 </time>
</div>
</div>
</div>
</div>
</div>
<div
class="flex flex-col rounded-lg shadow-lg overflow-hidden"
>
<a href="/fr/seofr/explique-des-acronymes-marketing-de-a-z-42793" class="flex-shrink-0">
<img
class="h-64 w-full object-cover"
src="https://i.ytimg.com/vi/hq7OD24iU_U/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAOJearYAOrfqVkMN-Cr9KUPaasig"
alt="Explique des acronymes marketing de A à Z"
/>
</a>
<div
class="flex-1 bg-white px-6 pt-4 pb-6 flex flex-col justify-between"
>
<div class="flex-1">
<a href="/fr/seofr/explique-des-acronymes-marketing-de-a-z-42793" class="block">
<div class="text-2xl font-semibold text-gray-900 hover:text-theme-500">
Explique des acronymes marketing de A à Z
</div>
<p class="mt-3 text-base text-gray-500">
Explique des acronymes marketing de A à ZTable of Contents:
Les Abréviations du Marketing de A à Z
</p>
</a>
</div>
<div class="mt-6 flex items-center">
<div class="flex-1">
<p class="text-sm font-medium text-gray-900">
<a href="/author/Marwick Marketing" class="hover:underline hover:text-theme-500">
Marwick Marketing
</a>
</p>
</div>
<div class="flex-shrink-0">
<div class="flex space-x-1 text-sm text-gray-500">
<time datetime="2024-03-01"> Mar 01,2024 </time>
</div>
</div>
</div>
</div>
</div>
<div
class="flex flex-col rounded-lg shadow-lg overflow-hidden"
>
<a href="/fr/seofr/les-meilleures-pratiques-de-rfrencement-naturel-seo-pour-booster-votre-site-web-44377" class="flex-shrink-0">
<img
class="h-64 w-full object-cover"
src="https://i.ytimg.com/vi/A4HQ6PzWFUc/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLButsLXHQ2rejYhiappvMc9YJ9cVg"
alt="Les meilleures pratiques de référencement naturel (SEO) pour booster votre site web"
/>
</a>
<div
class="flex-1 bg-white px-6 pt-4 pb-6 flex flex-col justify-between"
>
<div class="flex-1">
<a href="/fr/seofr/les-meilleures-pratiques-de-rfrencement-naturel-seo-pour-booster-votre-site-web-44377" class="block">
<div class="text-2xl font-semibold text-gray-900 hover:text-theme-500">
Les meilleures pratiques de référencement naturel (SEO) pour booster votre site web
</div>
<p class="mt-3 text-base text-gray-500">
Les meilleures pratiques de référencement naturel (SEO) pour booster votre site webTable of Contents
</p>
</a>
</div>
<div class="mt-6 flex items-center">
<div class="flex-1">
<p class="text-sm font-medium text-gray-900">
<a href="/author/PageOne Now" class="hover:underline hover:text-theme-500">
PageOne Now
</a>
</p>
</div>
<div class="flex-shrink-0">
<div class="flex space-x-1 text-sm text-gray-500">
<time datetime="2024-03-01"> Mar 01,2024 </time>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="px-4 mt-8 text-center">
<div
class="flex sm:inline-flex mx-auto bg-theme-500 hover:bg-theme-400 justify-center rounded-md text-base py-3.5 px-4 sm:px-6 bg-slate-900 text-white hover:bg-slate-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:bg-theme-600 focus:ring-theme-600 nowrap cursor-pointer"
onclick="refreshArticles()"
>
<span>Refresh Articles</span>
</div>
</div>
</div>
</section>
<script src="/proseoai-seo/plugin/ajax/axios.min.js"></script>
<script src="/proseoai-seo/plugin/ajax/httpRequest.js"></script>
<script type="text/javascript">
function refreshArticles() {
var data = {
article_type_handle: ""
};
axiosPostRequst("/article/random", data).then(res => {
var code = res.data.code;
var message = res.data.text || res.data.message || res.data.msg || "error";
if (parseInt(code, 10) !== 200) {
var dom = document.createElement("div");
dom.className = "fixed top-10 left-0 right-0 flex items-center justify-center";
var innerErrorHtml = '<div class="rounded-md bg-red-50 p-4 min-w-360" id="errorTips">'
+'<div class="flex">'
+'<div class="flex-shrink-0">'
+'<svg class="h-5 w-5 text-red-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">'
+'<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />'
+'</svg>'
+'</div>'
+'<div class="ml-3">'
+'<div class="text-sm font-medium text-red-800">'+message+'</div>'
+'</div>'
+'</div>'
+'</div>'
dom.innerHTML = innerErrorHtml
document.body.appendChild(dom);
setTimeout(function() {
if(document.getElementById("errorTips")) {
document.getElementById("errorTips").remove();
}
}, 3000);
} else {
var articles = res.data.data.articles
if(articles && articles.length>0) {
var innerHtml = ''
for (var i = 0; i < articles.length; i++) {
var random = parseInt(5*Math.random())
var iSrc = articles[i].video_cover ? articles[i].video_cover : ('/proseoai-seo/images/default/default'+random+'.webp')
innerHtml = innerHtml + '<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">'
+'<a href="'+articles[i].url_path+'" class="flex-shrink-0">'
+'<img class="h-64 w-full object-cover" src="'+iSrc+'" alt="'+articles[i].title+'"/>'
+'</a>'
+'<div class="flex-1 bg-white px-6 pt-4 pb-6 flex flex-col justify-between">'
+'<div class="flex-1">'
+'<a href="'+articles[i].url_path+'" class="block">'
+'<div class="text-2xl font-semibold text-gray-900 hover:text-theme-500">'
+articles[i].title
+'</div>'
+'<p class="mt-3 text-base text-gray-500">'
+(articles[i].intro || '')
+'</p>'
+'</a>'
+'</div>'
+'<div class="mt-6 flex items-center">'
+'<div class="flex-1">'
+'<p class="text-sm font-medium text-gray-900">'
+'<a href="/author/'+articles[i].author+'" class="hover:underline hover:text-theme-500">'
+(articles[i].author || '')
+'</a>'
+'</p>'
+'</div>'
+'<div class="flex-shrink-0">'
+'<div class="flex space-x-1 text-sm text-gray-500">'
+'<time datetime="'+articles[i].published_at+'">'+articles[i].published_at_formated+'</time>'
+'</div>'
+'</div>'
+'</div>'
+'</div>'
+'</div>'
}
document.getElementById('articles').innerHTML = innerHtml
}
}
});
}
</script>
</main>
<div class="footer">
<div class="relative bg-linear">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="relative sm:overflow-hidden">
<div
class="relative px-4 py-16 sm:px-6 sm:py-24 lg:py-12 lg:px-8"
>
<div
class="text-center text-4xl text-black font-bold tracking-tight sm:text-4xl lg:text-5xl"
>
Easiest way to learn anything about SEO
</div>
<div
class="md:px-4 mt-14 sm:flex justify-center items-center space-y-4 sm:space-y-0 sm:space-x-4 md:space-x-28"
>
<div class="flex justify-center items-center max-w-250">
<img
src="/proseoai-seo/images/target.svg"
class="w-10 h-10"
alt=""
srcset=""
/>
<span class="block ml-3 text-black text-xl">
SEO Course
</span>
</div>
<div class="flex justify-center items-center max-w-250">
<img
src="/proseoai-seo/images/target.svg"
class="w-10 h-10"
alt=""
srcset=""
/>
<span class="block ml-3 text-black text-xl">
SEO Link Building
</span>
</div>
<div class="flex justify-center items-center max-w-250">
<img
src="/proseoai-seo/images/target.svg"
class="w-10 h-10"
alt=""
srcset=""
/>
<span class="block ml-3 text-black text-xl">
SEO Writing
</span>
</div>
</div>
<div class="px-4 mt-8 text-center">
<a href="https://www.proseoai.com/" class="flex sm:inline-flex mx-auto bg-theme-500 hover:bg-theme-400 justify-center rounded-md text-base py-3.5 px-4 sm:px-6 bg-slate-900 text-white hover:bg-slate-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:bg-theme-600 focus:ring-theme-600 nowrap">
<span>Start SEO Writing</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="bg-white">
<div
class="max-w-8xl mx-auto pt-16 pb-6 px-4 sm:px-6 lg:pt-16 lg:pb-6 lg:px-8"
>
<div class="xl:grid xl:grid-cols-5 xl:gap-2">
<div class="space-y-8 xl:col-span-1">
<a href="https://www.proseoai.com/" class="flex-shrink-0">
<img class="h-10" src="/proseoai-seo/images/footer-logo.png" alt="Proseoai" />
</a>
<div
class="text-base font-semibold text-black tracking-wider"
>
Easiest way to learn anything about SEO
</div>
</div>
<div
class="mt-12 grid md:grid-cols-9 gap-3 xl:mt-0 md:col-span-2 xl:col-span-4"
>
<div class="md:gap-8 md:col-span-2 xl:col-span-2">
<div
class="text-base font-semibold text-black tracking-wider"
>
Product
</div>
<ul role="list" class="mt-4 space-y-3">
<li>
<a
href="/"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Home
</a>
</li>
</div>
<div class="md:gap-8 md:col-span-2 xl:col-span-2">
<div
class="text-base font-semibold text-black tracking-wider"
>
Resourse
</div>
<ul role="list" class="mt-4 space-y-3">
<li>
<a
href="/fr/seofr"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
SEO-FR
</a>
</li>
<li>
<a
href="/author"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Author
</a>
</li>
</ul>
<div
class="text-base font-semibold text-black tracking-wider mt-6"
>
Browse by Alphabet
</div>
<ul class="flex items-center flex-wrap mt-2">
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-a"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>A</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-b"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>B</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-c"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>C</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-d"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>D</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-e"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>E</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-f"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>F</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-g"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>G</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-h"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>H</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-i"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>I</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-j"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>J</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-k"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>K</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-l"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>L</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-m"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>M</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-n"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>N</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-o"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>O</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-p"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>P</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-q"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>Q</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-r"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>R</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-s"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>S</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-t"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>T</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-u"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>U</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-v"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>V</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-w"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>W</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-x"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>X</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-y"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>Y</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-z"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>Z</a
>
</li>
<li class="py-1 mr-2 xl:mr-0">
<a
href="/alphabet-other"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>Other</a
>
</li>
</ul>
<div
class="text-base font-semibold text-black tracking-wider mt-6"
>
Top 1000 SEO
</div>
<ul class="flex items-center flex-wrap mt-2 xl:grid xl:grid-cols-3 gap-3">
<li class="py-1 mr-2 md:mr-5 xl:mr-0">
<a
href="/top-1000-adspy/03-17-2024"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>03/17</a
>
</li>
<li class="py-1 mr-2 md:mr-5 xl:mr-0">
<a
href="/top-1000-adspy/03-16-2024"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>03/16</a
>
</li>
<li class="py-1 mr-2 md:mr-5 xl:mr-0">
<a
href="/top-1000-adspy/03-15-2024"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>03/15</a
>
</li>
<li class="py-1 mr-2 md:mr-5 xl:mr-0">
<a
href="/top-1000-adspy/03-14-2024"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>03/14</a
>
</li>
<li class="py-1 mr-2 md:mr-5 xl:mr-0">
<a
href="/top-1000-adspy/03-13-2024"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>03/13</a
>
</li>
<li class="py-1 mr-2 md:mr-5 xl:mr-0">
<a
href="/top-1000-adspy/03-12-2024"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>03/12</a
>
</li>
<li class="py-1 mr-2 md:mr-5 xl:mr-0">
<a
href="/top-1000-adspy/03-11-2024"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>03/11</a
>
</li>
<li class="py-1 mr-2 md:mr-5 xl:mr-0">
<a
href="/top-1000-adspy/03-10-2024"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>03/10</a
>
</li>
<li class="py-1 mr-2 md:mr-5 xl:mr-0">
<a
href="/top-1000-adspy/03-09-2024"
class="text-sm text-gray-500 px-1 py-1 hover:font-bold hover:text-theme-500 hover:underline"
>03/09</a
>
</li>
</ul>
</div>
<div class="md:gap-8 md:col-span-3 xl:col-span-3">
<div
class="text-base font-semibold text-black tracking-wider"
>
Read more
</div>
<ul role="list" class="mt-4 space-y-3">
<li>
<a
href="/fr/seofr/irobot-roomba-combo-i5-un-aspirateurlaveur-surpuissant-302080"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
iRobot Roomba Combo i5 : Un aspirateur-laveur surpuissant !
</a>
</li>
<li>
<a
href="/fr/seofr/les-microbes-sontils-utiles-avec-les-nutriments-synthtiques-302083"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Les microbes sont-ils utiles avec les nutriments synthétiques ?
</a>
</li>
<li>
<a
href="/fr/seofr/dcouvrez-les-secrets-du-rtinol-le-produit-miracle-pour-votre-peau-302071"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Découvrez les secrets du rétinol, le produit miracle pour votre peau !
</a>
</li>
<li>
<a
href="/fr/seofr/olaplex-rparation-cheveux-abms-comment-utiliser-301984"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Olaplex : Réparation Cheveux Abîmés | Comment Utiliser
</a>
</li>
<li>
<a
href="/fr/seofr/matrisez-limpression-par-transfert-et-conomisez-de-largent-tutoriel-complet-302011"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Maîtrisez l'impression par transfert et économisez de l'argent - Tutoriel complet
</a>
</li>
<li>
<a
href="/fr/seofr/des-ctes-de-porc-st-louis-avec-glaage-pomme-cerise-habanero-302041"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Des côtes de porc St. Louis avec glaçage Pomme Cerise Habanero
</a>
</li>
<li>
<a
href="/fr/seofr/les-secrets-dentretien-des-bougies-de-luxe-302058"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Les secrets d'entretien des bougies de luxe
</a>
</li>
<li>
<a
href="/fr/seofr/lhuile-essentielle-de-menthe-poivre-pour-la-croissance-des-cheveux-302067"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
L'huile essentielle de menthe poivrée pour la croissance des cheveux
</a>
</li>
<li>
<a
href="/fr/seofr/urine-ou-miraclegro-quel-est-le-meilleur-engrais-301911"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Urine ou MiracleGro: quel est le meilleur engrais?
</a>
</li>
<li>
<a
href="/fr/seofr/les-5-meilleures-stations-de-recharge-portable-pour-vhicules-lectriques-avoir-absolument-301917"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Les 5 meilleures stations de recharge portable pour véhicules électriques à avoir absolument !
</a>
</li>
<li>
<a
href="/fr/seofr/dcouverte-des-beatles-lincroyable-histoire-de-being-for-the-benefit-of-mr-kite-179325"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Découverte des Beatles: L'incroyable histoire de 'Being for the Benefit of Mr. Kite!'
</a>
</li>
<li>
<a
href="/fr/seofr/voyager-en-colombie-conseils-essentiels-pour-votre-voyage-179317"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Voyager en Colombie : conseils essentiels pour votre voyage
</a>
</li>
<li>
<a
href="/fr/seofr/rgles-du-golf-expliques-tout-ce-que-vous-devez-savoir-179313"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Règles du golf expliquées : tout ce que vous devez savoir
</a>
</li>
<li>
<a
href="/fr/seofr/dcouvrez-lhistoire-authentique-du-gossip-clan-179267"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Découvrez l'histoire authentique du Gossip Clan
</a>
</li>
<li>
<a
href="/fr/seofr/dcouvrez-linspiration-derrire-la-srie-succs-the-curse-avec-benny-safdie-et-nathan-fielder-179266"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Découvrez l'inspiration derrière la série à succès 'The Curse' avec Benny Safdie et Nathan Fielder
</a>
</li>
<li>
<a
href="/fr/seofr/le-processus-de-vente-de-ben-expliqu-tape-par-tape-179207"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Le Processus de Vente de Ben Expliqué Étape par Étape
</a>
</li>
<li>
<a
href="/fr/seofr/dcouvrez-une-nouvelle-vision-de-lintuition-extravertie-et-introvertie-179178"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Découvrez une nouvelle vision de l'intuition extravertie et introvertie
</a>
</li>
<li>
<a
href="/fr/seofr/les-dernires-tendances-de-la-mode-de-kanye-west-et-balenciaga-179176"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Les dernières tendances de la mode de Kanye West et Balenciaga
</a>
</li>
<li>
<a
href="/fr/seofr/le-guide-ultime-pour-cultiver-et-utiliser-la-magnifique-nigelle-179109"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
Le guide ultime pour cultiver et utiliser la magnifique Nigelle
</a>
</li>
<li>
<a
href="/fr/seofr/la-montagne-du-temple-pourquoi-les-musulmans-la-dsirentils-179046"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
La montagne du Temple : Pourquoi les musulmans la désirent-ils?
</a>
</li>
</ul>
</div>
<div class="md:gap-8 md:col-span-2 xl:col-span-2">
<div
class="text-base font-semibold text-black tracking-wider"
>
Nous contacter
</div>
<ul role="list" class="mt-4 space-y-3">
<li>
<a href="mailto:service@proseoai.com"
class="text-sm text-gray-500 hover:font-bold hover:text-theme-500 hover:underline"
>
service@proseoai.com
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="language-list">
<a href="/" >
English
</a>
<a href="/zh" >
简体中文
</a>
<a href="/tw" >
繁體中文
</a>
<a href="/ja" >
日本語
</a>
<a href="/ko" >
한국어
</a>
<a href="/pt" >
Português
</a>
<a href="/es" >
Español
</a>
<a href="/de" >
Deutsch
</a>
<a href="/fr" class="language-actived">
Français
</a>
<a href="/it" >
Italiano
</a>
<a href="/ru" >
Русский
</a>
<a href="/sv" >
Svenska
</a>
<a href="/tr" >
Турецкий
</a>
<a href="/vi" >
Tiếng Việt
</a>
</div>
<div class="mt-5">
<p class="text-base text-gray-400">Copyright ©2024 Proseoai</p>
</div>
</div>
</div>
</div>
<div class="menu-drawer" id="menuDrawer">
<div class="menu-drawer-bg" onclick="navClick()"></div>
<div class="nav-box">
<!-- <div class="menu">
<a href="/" class="nav-item">Home</a>
<a href="/fr/blog" class="nav-item">Blogs</a>
</div> -->
</div>
</div>
</div>
<button type="button" onclick="toTop()" class="fixed flex items-center justify-center right-5 bottom-6 h-12 w-12 rounded-full text-white text-sm bg-gray-400 hover:bg-indigo-700 z-20">Top</button>
<script>
function goBack() {
history.back()
}
function toSignUp() {
var val
if(document.getElementById("email-address")) {
val = document.getElementById("email-address").value
}
if(val) {
document.location.href = "/login?email="+val
} else {
document.location.href = "/login"
}
}
function iptKeyDown() {
var event = arguments.callee.caller.arguments[0] || window.event;
if (event.keyCode == 13) {
toSignUp()
}
}
function toTop() {
window.scrollTo(0,0)
}
window.addEventListener('DOMContentLoaded', function() {
resetIframeH()
});
window.addEventListener("resize", function() {
resetIframeH()
});
function resetIframeH() {
var videoContainers = document.querySelectorAll('.editor-content iframe');
for (var i = 0; i < videoContainers.length; i++) {
var iframe = videoContainers[i];
var aspectRatio = 560 / 315; // 设置视频的宽高比例
iframe.style.height = iframe.offsetWidth / aspectRatio + 'px';
}
}
if (window.addEventListener) {
window.addEventListener("resize", function() {
resetIframeH()
hideNav();
});
} else if (window.attachEvent) {
window.attachEvent("onresize", function() {
resetIframeH()
hideNav();
});
}
function hideNav(){
var node = document.getElementById('nav');
var nodeDrawer = document.getElementById('menuDrawer');
var nodeBody = document.getElementsByTagName("body")[0];
var nodeContainer = document.getElementById('container');
node.classList.remove("visible")
nodeBody.classList.remove("bOverHide")
nodeDrawer.style.display="none"
nodeContainer.style.paddingRight= 0
}
function navClick() {
var node = document.getElementById('nav');
var nodeDrawer = document.getElementById('menuDrawer');
var nodeBody = document.getElementsByTagName("body")[0];
var nodeContainer = document.getElementById('container');
if(node.getAttribute('class').indexOf('visible') > -1){
node.classList.remove("visible")
nodeBody.classList.remove("bOverHide")
nodeDrawer.style.display="none"
nodeContainer.style.paddingRight= 0
} else {
var sWidth = getScrollbarWidth();
node.classList.add("visible")
nodeBody.classList.add("bOverHide")
nodeDrawer.style.display="block"
nodeContainer.style.paddingRight= sWidth + 'px'
}
}
function getScrollbarWidth() {
var scrollDiv = document.createElement("div");
scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;';
document.body.appendChild(scrollDiv);
var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
document.body.removeChild(scrollDiv);
return scrollbarWidth;
}
</script>
</body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5D3LBG4T"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</html>
AI SEO Assistant
