Est-il possible d'utiliser JavaScript pour modifier les balises méta de la page?

Question

Si je mets une div dans l'en-tête et que je la cache avec display:none, puis utilise JavaScript pour l'afficher, est-ce que ça marchera ?

Modifier :

J'ai du contenu chargé en AJAX. Et comme mon AJAX change la partie "principale" du site, je veux également changer les balises meta.

Answer 1

Oui, vous pouvez le faire.

Il existe quelques cas d'utilisation intéressants: Certains navigateurs et plugins analysent les éléments meta et changent leur comportement pour différentes valeurs.

Exemples

Skype: Désactiver l'analyseur de numéros de téléphone

iPhone: Désactiver l'analyseur de numéros de téléphone

Google Chrome Frame

Définition du viewport pour les appareils mobiles

Celui-ci peut être modifié par JavaScript. Voir: Un correctif pour le bogue d'échelle du viewport de l'iPhone

Description meta

Certains agents utilisateurs (comme Opera par exemple) utilisent la description pour les favoris. Vous pouvez ajouter du contenu personnalisé ici. Exemple:

Test

Changer la description

$('button').on('click', function() {
    // Remplacer simplement la valeur de l'attribut 'content' ne fonctionnera pas.
    $('meta[name=description]').remove();
    $('head').append( '<meta name="description" content="this is new">' );
});

Par conséquent, ce n'est pas seulement pour les moteurs de recherche.

Answer 2

Vous utiliseriez quelque chose comme (avec jQuery) :

$('meta[name=author]').attr('content', 'Nouveau nom d'auteur');

Mais cela serait principalement inutile car les balises meta sont généralement seulement extraites lorsque le document est chargé, habituellement sans exécuter de JavaScript.

Answer 3

Vous pouvez modifier les meta avec, par exemple, des appels jQuery, comme ceux-ci :

$('meta[name=keywords]').attr('content', new_keywords);
$('meta[name=description]').attr('content', new_description);

Je pense que cela compte pour le moment, car Google a déclaré qu'ils indexeront le contenu ajax via les appels #!hashes et _escaped_fragment_. Et maintenant ils peuvent le vérifier (même automatiquement, avec des navigateurs headless, voir le lien 'Créer des instantanés HTML' sur la page mentionnée ci-dessus), donc je pense que c'est la manière de faire pour les professionnels du SEO hardcore.

Answer 4

Les meta-tags font partie du DOM et peuvent être consultés et - je suppose - modifiés, mais les moteurs de recherche (les principaux consommateurs des meta-tags) ne verront pas le changement car le JavaScript ne sera pas exécuté. Donc, à moins que vous ne modifiiez un meta-tag (le rafraîchissement me vient à l'esprit) ayant des implications dans le navigateur, cela pourrait ne pas être très utile?

Answer 5

Il devrait être possible de le faire comme ceci (ou d'utiliser jQuery comme $('meta[name=author]').attr("content");):

Meta Data

<!--
if (document.getElementsByName) {
  var metaArray = document.getElementsByName('Author');
  for (var i=0; i<metaArray.length; i++) {
    document.write(metaArray[i].content + '<br>');
  }

  var metaArray = document.getElementsByName('Description');
  for (var i=0; i<metaArray.length; i++) {
    document.write(metaArray[i].content + '<br>');
  }

  var metaArray = document.getElementsByName('Keywords');
  for (var i=0; i<metaArray.length; i++) {
    document.write(metaArray[i].content + '<br>');
  }
}
//-->