web-dev-qa-db-fra.com

Contenu dynamique utilisant .append () ou .innerHTML () et SEO

Je cherchais des éclaircissements sur quelque chose que je cherchais à mettre en œuvre. J'aimerais savoir comment Google Crawl le verra et si cela nuirait au référencement.

Sur ma page Web, j'ai une balise h1 vide avec un identifiant <h1 id="title"></h1>

Et dans mon JavaScript (en ligne) avant la balise </body>, j'ai:

const url = window.location.href
const title = document.getElementById("title")

if(url.match(".it")) {
 title.append("Benvenuto!")
} else if(url.match(".de")) {
 title.append("Herzlich Willkommen!")
} else {
 title.append("Welcome!")
}

Je vérifie pour voir le domaine sur lequel l'utilisateur s'est posé et insère du texte dans la langue correcte dans des éléments de la page en fonction du domaine après le rendu du DOM.

Lorsque j'inspecte la page en chrome, le texte correct a été ajouté à l'intérieur de l'élément H1. Donc, l'élément H1 n'est pas vide. Cela ressemble à ceci:

<h1 id="title"> "Welcome!" </h1> (par exemple)

Comment Google Crawl voit-il cela? Google explore-t-il le h1 de chaque domaine ayant son propre titre ou voit-il une balise H1 vide? voir autre chose?

J'ai trouvé cet article unique, mais je voulais obtenir les opinions d'un plus grand nombre de personnes avant de poursuivre.

  1. Contenu inséré dynamiquement Il s'agit clairement d'un élément important: le texte, les images, les liens et la navigation insérés dynamiquement. Un contenu textuel de qualité est essentiel à la compréhension du sujet et du contenu d’une page par les moteurs de recherche. À l’ère des sites Web dynamiques, le référencement est encore plus important.

Ces tests ont été conçus pour vérifier la présence de texte inséré dynamiquement dans deux situations différentes.

  1. Testez la capacité du moteur de recherche à prendre en compte le texte inséré de manière dynamique lorsque le texte se trouve dans la source HTML de la page.

  2. Testez la capacité du moteur de recherche à rendre compte du texte inséré de manière dynamique lorsque le texte se trouve en dehors de la source HTML de la page (dans un fichier JavaScript externe).

Résultat: dans les deux cas, le texte a été exploré et indexé, et la page classée pour le contenu. Gagnant!

Source .

Edit: De plus, j'ai maintenant trouvé cet article avec des exemples montrant le contenu injecté après le chargement de DOM a été indexé par Google. Toutefois, comme il s'agira d'un changement majeur sur le site, tout conseil contre ou contre serait apprécié de la part de quiconque connaissance.

Merci pour tout conseil ou info!

(Je n'utiliserai pas simplement cette méthode pour insérer du texte de bienvenue dans la page, il y aura un contenu plus critique, des balises et des liens insérés. Ceci est juste un exemple simplifié)

seoweb-crawlersgooglebotjavascriptdynamic
4
GoldenGonaz

Google peut rendre et explorer JavaScript, mais il est toujours préférable d'éviter JavaScript pour de meilleures performances de recherche. source

1
TechGeek