web-dev-qa-db-fra.com

Empêcher les pages Web mobiles d'apparaître dans la recherche sur le bureau si cette page n'a pas de version de bureau correspondante

Par exemple, si j'ai un site de bureau d'une seule page et que je divise ce site en 3 pages de mobile individuelles, est-ce que je dis que la page de bureau unique est la version de bureau de chaque page mobile?

Si c'est le cas, est-ce que je dirais que la version de bureau est la version rel = canonique ainsi que la version rel = alternative ou devrais-je simplement dire que c'est la version rel = alternative?

3
John R Perry

Bureau - index:

Ajoutez une balise rel="alternate" pointant vers le mobile index page:

Mobile - index:

Ajoutez un lien rel="canonical" tag qui pointe vers le bureau correspondant index page: sur la page d'index mobile également, créez un lien vers la page mobile suivante en ajoutant un tag rel="next":

Mobile - deuxième page:

<link rel="prev" href="http://example.com/"/>
<link rel="next" href="http://example.com/third-page"/>

Mobile - troisième page:

<link rel="prev" href="http://example.com/second-page"/>

Vous pouvez en savoir plus sur rel="next" et rel="prev"ici .


C’est la meilleure réponse que j’ai pu trouver grâce à ma discussion avec @titico. J'ai essayé de les amener à mettre à jour la réponse, mais ils ne l'ont pas encore fait, c'est la bonne réponse pour le moment.

Cette réponse n'est que théoriquement correcte et il semble n'y avoir aucune documentation sur ce qu'il faut faire dans ces situations. Si vous avez des idées/informations supplémentaires, n'hésitez pas à modifier cette réponse car j'en ai fait un wiki de la communauté.

0
John R Perry

Vous pouvez définir deux méthodes canoniques: 1) à l'intérieur des balises <head> ou 2) envoyées avec l'en-tête HTTP d'un document HTML. Le sélecteur # réside dans le même document HTML. C'est pourquoi vous ne pouvez pas définir plus d'une information d'en-tête dans un document HTML. Il n'y a qu'une seule demande GET et un seul jeu d'informations d'en-tête. Si vous vérifiez les paramètres GET de ces requêtes HTTP, elles seront identiques, car elles pointent sur le même document HTML.

Par conséquent, vous effectuez une mauvaise implémentation canonique dans les pages mobiles. Vous ne devriez utiliser que:

<link rel="canonical" href="http://www.website.com">

Ce n'est que si la quantité de "contenu dupliqué" est importante, si les versions mobiles ne contiennent qu'une petite proportion de contenu par rapport au site pour ordinateur (page), cela ne me dérangerait pas.

En d’autres termes, si vous décidez d’essayer les canoniques en utilisant #seletors, vous ferez la même chose ou l’équivalent en utilisant seulement

<link rel="canonical" href="http://www.website.com"> 

dans toutes les pages mobiles, car est la même demande HTTP.

Pour répondre à votre question, procédez comme indiqué sur le site Google Developer.

Pour aider nos algorithmes à comprendre les URL mobiles distinctes, nous vous recommandons d'utiliser les annotations suivantes:

  • Sur la page du bureau, ajoutez une balise spéciale rel = "alternate" qui pointe vers l'URL mobile correspondante. Cela aide Googlebot à découvrir l'emplacement des pages mobiles de votre site.
  • Sur la page mobile, ajoutez une balise rel = ”canonique” reliant l'URL du bureau correspondante.

Vous savez maintenant comment configurer le rel = "canonical";)

0
Raul Reyes