Hover, target et autre CSS et référencement.

Consultez la formation sur l'écriture web et référencement de WebRankInfo / Ranking Metrics

rupileos
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 6
Inscription: 4 Aoû 2010

Hover, target et autre CSS et référencement.

Message le Mar Déc 13, 2011 18:07

Bonjour à tous,

Etant en cours de développement de la nouvelle version de mon site, je suis tenté par une utilisation plus poussez du CSS.
Au programme, relookage, augmentation de la largeur du site, d'avantage de contenu texte descriptif (site photo), passage en HTML5.

La version actuel étant correctement référencé, je ne veut bien évidement pas lui faire perdre quoi que ce soit sur ce point, au contraire :wink:

L'usage du CSS3 et de ses animations donnant d’énorme possibilité j'en prévois un usage assez important.
Néanmoins, comment google considère t'il :

-Les ancres css :target afin de crée des volets coulissant positionné de base hors du champs de la page (dans mon cas position absolue et un top négatif de la hauteur du volets). Bien sure avec un liens pour l'ouvrir !
http://www.creativejuiz.fr/blog/les-tutoriels/un-volet-coulissant-en-css3-grace-a-transition-et-target
Utilisé pour afficher la liste d'image de la galerie active.

- Même choses pour les ancres ou le target déplacerais un contenu placé dans un conteneur avec un overflow:hidden
http://www.css3create.com/Astuce-Empecher-le-scroll-avec-l-utilisation-de-target#wrap1
Ce genre de chose utilisé pour détaillé et décrire les galeries une à une.

- Et qu'en est-il des info bulles utilisant le hover, le texte est-il pris en compte ?

N'y a t-il pas un risque que les moteurs de recherche considère ceci comme un masquage d'information et pénalise le site alors que le but est de limité, dans le premier cas le nb de page ?

En mettant le navigateur en mode texte on se retrouve avec un ensemble de liens... certes descriptifs... mais...


Marie-Aude
Modérateur
Modérateur
 
Messages: 11887
Inscription: 5 Juin 2006

Re: Hover, target et autre CSS et référencement.

Message le Mar Déc 13, 2011 18:13

A priori, a partir du moment où ces éléments sont visibles à un moment ou à un autre par l'utilisateur, il ne doit pas y avoir de problème.
J'ai sur quelques sites du texte visible en hover seulement, et pas de problème dessus.

rupileos
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 6
Inscription: 4 Aoû 2010

Re: Hover, target et autre CSS et référencement.

Message le Mer Déc 14, 2011 9:24

Merci :D

Le texte reste visible des liens permettent de le faire changer ou apparaitre !

Bon IE 8 et inférieure ne prennent pas en compte les target en CSS donc certains textes n'apparaissent pas de ce fait, mais je devrait pouvoir trouvé une alternative JS ! pour changer le style CSS !

D'autres avis la dessus ?


Leonick
WRInaute accro
WRInaute accro
 
Messages: 19595
Inscription: 8 Aoû 2004

Re: Hover, target et autre CSS et référencement.

Message le Sam Déc 31, 2011 16:21

rupileos a écrit:http://www.creativejuiz.fr/blog/les-tutoriels/un-volet-coulissant-en-css3-grace-a-transition-et-target
Utilisé pour afficher la liste d'image de la galerie active.
ça ne fonctionne pas, ni avec FF9, ni IE9, ni chrome
sinon, pour en revenir au display:hidden, pas de problème avec gg, et j'utilise ça pour mes menus déroulants sur pas mal de mes sites

rupileos
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 6
Inscription: 4 Aoû 2010

Re: Hover, target et autre CSS et référencement.

Message le Sam Déc 31, 2011 16:46

J'ai revu et adapté le code pour en faire un qui marche de IE 9 à IE 7 et sous Chrome, safari, Opéra et FF

Ok super que ça ne pose pas de soucis pour google :D


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Formation recommandée sur ce thème :

Formation Rédaction web et référencement : découvrez les techniques d'écriture web efficaces à la fois pour les internautes et pour le référencement. Formation animée par Véronique Martin, spécialiste en écriture web et SEO.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :

  • Analyser le référencement Google
    Cet outil vous donne un petit résumé de l'état de référencement de votre site dans Google.
  • Analyser le positionnement d'un site
    AgentWebRanking est un logiciel professionnel qui permet d'analyser le positionnement d'un ou plusieurs sites dans plus de 300 moteurs de recherche dans le monde. Vous pouvez ainsi analyser les performances du référencement pour de nombreux mots-clés.


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités