Responsive Design : les bonnes bases à avoir ! #SEO

17 janvier 2014
J'ai testé ..., Réferencement naturel (SEO), Traitement automatique des langues, Web
6 Commentaires

Bonjour tout le monde !

Aujourd’hui, nous allons parler de SEO technique avec le concept de Responsive Design. En français, on traduit Responsive Design par site web adaptatif. Donc, comme le nom l’indique, l’idée est de faire un site web qui s’adapte à tous les écrans des différents appareils (PC, tablette, portable, etc.).

Personnellement, si on me demande de choisir entre :

  • créer un site web mobile (comme m.example .com)

ou

  • créer un site en Responsive Design, je réponds le Responsive Design.

Avec le concept de la technique adaptative, je trouve qu’il y a moins de risque de Duplicate Content, et la gestion d’un même site, avec les dernières technologies modernes, est tout de même plus sympathique.

Pour faire un site web adaptatif, on va s’attaquer au CSS (feuille de style pour mettre en forme le code HTML) qui va nous permettre de créer le design que l’on souhaite pour l’interface. Pour que cela soit plus parlant, voici l’idée illustrée du Responsive Design :

Site web adaptatif - Responsive Design - AUTOVEILLE

Source du gif : Site du zéro

 

Avant de commencer, je vous conseille de prendre les mesures (moyennes) de chaque type d’appareil, et de faire en fonction pour avoir un design de qualité.

1) Pour commencer, faites un design assez simple pour votre site (pas trop de blocs, trop de décoration, etc.) sinon cela pourrait vous compliquer la tâche.

2) Utiliser (bien évidemment !) les media querries. C’est grâce à ces règles @media qu’on arrive à faire « bouger » le site.

Voici un petit extrait du code HTML appellant la feuille de style comportant la règle @media

Code HTML pour Responsive Design - AUTOVEILLE

 

Et la règle @media dans la feuille de style CSS :

Responsive Design code CSS - AUTOVEILLE

 

Il faut également adapter la taille des images, et donc spécifier cela dans le CSS aussi (pour telle taille d’écran, on aura telle taille pour l’image, etc.).

Pour finir, grâce à mon logiciel de veille automatique, j’ai trouvé une infographie réalisée par Splio qui explique bien comment il faudrait procéder pour avoir un site en responsive design qui tient debout :

Infographie Responsive Design - AUTOVEILLE

 

S’il y a une chose que je souhaite renforcer cette année, c’est bien mes connaissances en termes de Responsive Design 🙂

Et vous ? Avez-vous recommandé à vos clients de passer au Responsive Design ?

Bon courage à tous !

Véronique Duong –

2 méthodes pour trouver des images dupliquées sur Google Images

15 janvier 2014
J'ai testé ..., Réferencement naturel (SEO), Traitement automatique des langues, Web
9 Commentaires

Bonjour à tous !

Aujourd’hui, je vous ai préparé un mini tutoriel sur la recherche d’images sur Google. J’effectue une veille technologique automatisée sur les infographies au quotidien, et il est important pour moi d’avoir tous les moyens possibles pour trouver l’image qui illustrera parfaitement mon article.

Donc, excepté la méthode traditionnelle de mots-clés + barre de recherche, il existe deux autres solutions pour avoir des images intéressantes et tous les détails sur ces dernières.

Mots-clés dans barre de recherche - AUTOVEILLE

 

Méthode 1 : Coller l’URL d’une image pour en trouver des illustrations similaires

Coller une URL d'une image pour en trouver d'autres - AUTOVEILLE

 

Avec cette méthode, on peut aussi détecter les pages web qui ont repris nos images :

Images dupliquées - Résultats de la méthode 1 - AUTOVEILLE

 

Et découvrir des images similaires à celle qu’on a. Très pratique, je trouve !

Méthode 2 : Importer directement une image depuis votre PC pour en découvrir d’autres.

Importer une image - Google Images - AUTOVEILLE

 

Voici les résultats qu’on obtient après l’import de l’image :

  • Google donne une requête de mots-clés (« google infographic », ici) sous forme d’hypothèse pour rechercher des images
  • Il indique également les images similaires
  • Et les pages contenant la même image

Résultats Google Images avec la méthode 2 - AUTOVEILLE

 

Je trouve que ces deux méthodes sont très pratiques pour détecter les images dupliquées, « volées » (dans le sens où la source n’est pas citée), pour trouver des images similaires, etc.

Comme vous pouvez le constater, la méthode 2 fournit des résultats plus complets et plus intéressants. A vous de tester, et dites-moi ce que vous en pensez !

Bon courage à tous,

Véronique Duong –

Comprendre le #SEO : Comment fonctionne Google ?

14 janvier 2014
Réferencement naturel (SEO), Traitement automatique des langues, Veilles, Web
8 Commentaires

Bonjour tout le monde !

Je vous propose ce nouvel article suite à la découverte d’une infographie super intéressante lors de  ma veille stratégique d’informations SEO / SMO / SEM. Mon logiciel de veille a en effet récupéré une illustration expliquant comment fonctionnerait Google (crawl, indexation, l’envoi d’une requête des internautes dans sa base de données, matching (= correspondance), etc.).

Elle est très complète à mon avis, et les étapes sont très détaillées. Elle a été réalisée par PPC Blog. L’auteur parle du crawl, de l’indexation, tout en passant par les filtres (déployés en fonction des mots-clés, requêtes, synonymes, etc.) probablement utilisés par le moteur de recherche américain.

Il y a quelques temps, j’avais émis des hypothèses sur le fonctionnement possible des moteurs de recherche, et je pense que cette infographie complète ma recherche. Le moteur crawl et indexe des milliers de pages web, et selon les mots-clés saisis par les internautes qui ont été passé dans les différents filtres (cela me rappelle beaucoup la partie avec egrep dans mon étude), il affiche les résultats dans ses SERP.

Voici l’infographie, zoomez au maximum pour qu’elle soit lisible :

Comment fonctionne Google ? - par AUTOVEILLE

Gardez cette infographie quelque part car je pense qu’elle pourrait être très utile pour illustrer certaines études.

Qu’en pensez-vous de cette infographie ? N’hésitez pas à laisser vos avis et vos points de vue.

Bon courage à tous !

Véronique Duong –

Le Spam en Search : C’est quoi exactement ? #SEO

13 janvier 2014
E-réputation / Opinion mining, J'ai testé ..., Réferencement naturel (SEO), Traitement automatique des langues, Veilles, Web
7 Commentaires

Bonjour tout le monde !

Déjà la deuxième semaine du mois de janvier 2014 ! Ce matin, en effectuant ma veille stratégique à l’aide de mon outil de veille automatique, je suis tombée sur une infographie définissant le spam en search. Je pense qu’il est très intéressant de la partager ici avec vous.

Beaucoup de points sont traités dans cette infographie, et c’est pourquoi elle est très grande :). D’après cette illustration, le spam regroupe l’ensemble des actions suivantes :

  • liens payants (attention à Penguin !!)
  • les articles de blogs payants
  • les pages satellites
  • le duplicate content (!)
  • le cloaking (= montrer une version suroptimisée du site différente aux moteurs par rapport à celle que les internautes voient)
  • le manque de diversité dans les SERP (il faut des contenus différents et originaux (!))
  • les fermes de contenu (attention à Panda !!)
  • les sites web affiliés. Ce genre de sites n’ont aucune valeur pour Google :

Selon Google, les sites Web affiliés, au sens strict du terme, ou ceux n’incluant que peu de contenu, n’apportent aucune valeur ajoutée aux internautes, tout spécialement s’ils adhèrent à un programme distribuant du contenu à plusieurs centaines d’affiliés.

  • les sites sur-optimisés destinés aux moteurs de recherche (et non aux internautes …)
  • les sites similaires reproduits en plusieurs fois
  • les sites avec trop de pubs (qui pourrait créer une mauvaise expérience-utilisateur)
  • les offres « arnaqueuses » et illégales (comme la vente de médicaments et dérivés)

Ce n’est qu’une partie de la liste des actions considérés comme du spam ! Voici l’infographie en question (réalisée par SEOBook) :

Qu'est ce que le Spam en Search ? - AUTOVEILLE

 

J’espère que cet article et cette infographie vous seront utiles !

Bon courage à tous,

Véronique Duong –

Critères de classement des vidéos sur YouTube #SEO #SMO

8 janvier 2014
E-réputation / Opinion mining, J'ai testé ..., Réferencement naturel (SEO), Veilles, Web
13 Commentaires

Bonjour tout le monde !

Pour changer un peu de Google et de Baidu, je vais vous parler du moteur de recherche de vidéos YouTube ! En 2013, YouTube était classé « second moteur de recherche » le plus utilisé au monde, et il n’est pas négligeable de bien optimiser vos vidéos sur ce dernier si vous en avez.

En effectuant ma veille stratégique avec mon logiciel de veille, j’ai trouvé une infographie qui reprend la majorité des critères que YouTube utiliserait pour classer les vidéos.

Parmi ces critères, on peut compter :

  • la pertinence du titre de la vidéo
  • la pertinence des mots-clés qui se trouvent dans le titre et la description de la vidéo
  • le nombre de vues
  • la longueur et la qualité (HD) de la vidéo
  • les réactions, les commentaires et les partages
  • l’autorité et la fiabilité de la chaîne (sources officielles, spécialisées, expertes, etc.)

Je pense que cette illustration donne un contenu intéressant et des critères assez complets, mais une présentation sous forme de liste pour montrer l’importance de chaque critère aurait été encore plus claire. Qu’en pensez-vous ?

Critères de classement des vidéos sur YouTube

 

Source : Martin MiBfeldt (Tag SEO Blog)

On constate que les critères du moteur ressemblent plus ou moins à ceux d’un moteur de recherche « classique ». Il faut optimiser les vidéos avec des mots-clés, et les partages et les liens qui pointent vers cette dernière comptent aussi. Les critères d’autorité, de fiabilité (ou confiance), et d’expertise sont aussi pris en compte par YouTube.

Si vous êtes une entreprise, et que vous avez des vidéos à poster sur YouTube, je vous conseille de garder cette infographie près de vous !

Bon courage 🙂

Véronique Duong –

Pourquoi embaucher un rédacteur web / copywriter ? #SEO

6 janvier 2014
E-réputation / Opinion mining, J'ai testé ..., Réferencement naturel (SEO), Veilles, Web
5 Commentaires

Bonjour tout le monde,

En effectuant ma veille d’informations SEO, mon logiciel de veille a rapatrié une infographie intéressante démontrant pourquoi il faut embaucher un rédacteur web / rédacteur publicitaire (« copywriter » en anglais).

Le rédacteur est doté de compétences marketing, commerciales, et « psychologiques » pour capter l’attention des lecteurs, et investir dans la rédaction web est une action primordiale pour augmenter la visibilité du site et de le faire connaître.

En effet, un rédacteur expérimenté pourrait mettre en valeur vos contenus (textes, images, vidéos, etc.) en écrivant des articles originaux. Certains de ces articles pourraient provoquer des buzz dans votre domaine, et vous faire connaître encore plus rapidement.

Pour reprendre quelques points forts de l’infographie, on remarquera que seulement 20% des internautes lisent plus que le titre d’un article, et qu’on n’a seulement 23 secondes pour vendre un produit ! Donc chaque mot compte (« every word matters« , yeah).

Le rédacteur publicitaire construit avec l’entreprise une image solide pour l’identité numérique et permet d’augmenter les ventes. C’est un poste / un métier à ne pas sous-estimer, et une compétence à développer dans toute entreprise ayant un site web :

embaucher un rédacteur web - autoveille

Source : Brand New Copy

La rédaction web / publicitaire est totalement corrélé au SEO et à l’e-réputation d’une entité. Il ne faut surtout pas négliger cette action.

Bon courage à tous !

Véronique Duong –

Intelligence économique : Pourquoi externaliser la veille stratégique ?

6 janvier 2014
J'ai testé ..., Traitement automatique des langues, Veilles, Web
4 Commentaires

Bonjour à tous !

Cela faisait un moment que je voulais rédiger un article sur l’externalisation de la veille stratégique et informationnelle, mais j’ai souhaité attendre la rentrée (et que tout le monde soit là :)) pour aborder le sujet.

Effectuer une veille quotidienne sur les informations de nos domaines d’activités est très importante. Cette veille de données nous permet de nous tenir au courant des nouveautés les plus intéressantes à prendre en compte et à intégrer dans nos stratégies commerciales ou dans nos futures actions.

Cependant, la veille d’informations peut être une tâche qui nécessite beaucoup de temps dépendant des domaines (économie, juridique, sciences, informatique, etc.), et toutes les entreprises n’auraient pas forcément le temps, ni la personne dédiée pour s’occuper de cette collecte de données et de nouvelles au quotidien.

Externaliser veille stratégique

Source de l’image : Blueboat

C’est pourquoi, la solution serait d’externaliser les veilles, et de les confier à des experts, à des spécialistes qui connaissent parfaitement le métier. Ils sauront contourner les problématiques liées aux collectes, et pourront employer des outils pour automatiser certaines étapes très chronophages de la veille, par exemple. En externalisant, vous gagnez du temps, et vous pouvez concentrer vos efforts sur vos activités principales.

Depuis début 2011 (cela fait déjà 3 ans !), j’ai beaucoup évolué dans le domaine de la veille. Je suis passée de chargée de veille junior à chef de projet de veille, tout en passant par la création de ma propre entité AUTOVEILLE.

AUTOVEILLE propose des services d’automatisation de veille stratégique, et ne vend pas ses outils de veille car ils ne sont pas disponibles à la vente. Les veilles automatisées sont réalisées à partir du logiciel de veille AUTOVEILLE Monitoring que je vous présente souvent sur ce blog.

Si vous êtes intéressés par les services d’AUTOVEILLE, ou si vous voulez des conseils pour veiller, n’hésitez pas à me contacter par mail ou sur les réseaux sociaux.

Merci beaucoup, et bon courage à tous !

Véronique Duong –

Baidu : Se connecter à un réseau social directement depuis les SERP

3 janvier 2014
Chine, J'ai testé ..., Réferencement naturel (SEO), Traitement automatique des langues, Veilles, Web
3 Commentaires

Bonjour tout le monde,

En faisant ma veille technologique habituelle pour découvrir les nouveautés des moteurs de recherche et du SEO, je suis tombée sur un snippet qui me paraît très intéressant à partager avec vous ici !

Sur Baidu, on peut se connecter directement sur les réseaux sociaux depuis les résultats de recherche sans même cliquer sur le site. Avec l’exemple ci-dessous, on peut se connecter au Facebook chinois, Renren, directement depuis le snippet :

Connexion directe à Renren depuis Baidu

 

En revanche, on remarquera qu’il n’y a pas de méta description dans le snippet (il n’y aurait pas la place pour). J’ai également testé pour Sina Weibo et Tencent Weibo, mais je n’ai pas vu de champs pour se connecter dans leurs snippets :

Weibo snippets sur Baidu

 

J’ai tenté d’identifier le code HTML qui permet de générer les champs de connexion au site sans cliquer sur le site, et le voici :

Code HTML snippet Renren Baidu

 

Renren aurait mis en place le code HTML ci-dessus grâce au projet Open Baidu

Open Baidu regroupe l’ensemble des outils Developers, Analytics, etc. du moteur de recherche chinois. Il serait surement passé par les outils de Developer

Je parle au conditionnel car ce sont des hypothèses. Je n’ai pas encore eu l’occasion, ni encore testé ce type de code dans mes pages web. Mais je pourrais le faire pour vous donner les résultats de ma propre expérience.

Jusqu’à présent, je n’ai également jamais vu des snippets de ce type sur Google. Pensez-vous que cela pourrait arriver au moteur de recherche américain d’afficher les champs de connexion ?

Qu’en pensez-vous ? Est-ce plus pratique ? Moins esthétique ? Vos avis m’intéressent !

Merci beaucoup.

Bon courage ! 🙂

Véronique Duong –

Les 11 MAJ importantes des algorithmes de Google en 2013

2 janvier 2014
J'ai testé ..., Réferencement naturel (SEO), Traitement automatique des langues, Veilles, Web
4 Commentaires

Bonne année à tous !!

Pour bien commencer l’année 2014, en effectuant ma veille stratégique avec mon logiciel de veille, j’ai trouvé une jolie infographie qui reprend les 11 mises à jours les plus importantes des algorithmes SEO de Google en 2013.

D’après l’infographie, il y a eu 4 grosses mises à jour de Panda, et 2 mises à jour de Penguin. En plus de ces deux algorithmes, les SEO ont pu accueillir l’arrivée de Colibri (Hummingbird), de l’expansion du Knowledge Graph (élement qui devient de plus en plus important), et des in-depth articles. J’ajouterai également l’implémentation des résultats de recherche privés qui rendent les SERP de plus en plus personnalisés.

Voici l’infographie, réalisée par e2m Solutions, qui illustre proprement ces changements :

infographie SEO : Changements d'algorithmes Google

 

Google s’est beaucoup attaqué aux réseaux de liens (achat / vente) et aux fermes de liens avec des MAJ assez puissantes de Penguin. Je pense qu’il faut vraiment faire attention à ce genre de techniques car une pénalité de la part du moteur de recherche peut tout « détruire ».

Matt Cutts recommande surtout aux webmasters de faire attention aux MAJ de Penguin :

« Nope, it’s not the title and meta descriptions. I’d recommend reading up about Penguin and looking into how to clean things up for Penguin ».

Il faut alors faire doublement attention aux backlinks qui pointent vers un site. Leurs qualités, leurs provenances sont réellement primordiaux pour Google.

Bon courage à tous ! GO 🙂

Véronique Duong –

L’ importance des actions SEO en termes de classement

30 décembre 2013
Chine, E-réputation / Opinion mining, J'ai testé ..., Réferencement naturel (SEO), Traitement automatique des langues, Veilles, Web
5 Commentaires

Bonjour tout le monde !

En effectuant ma veille d’informations avec mon logiciel de veille, je suis tombée sur une infographie qui révèle les facteurs de classement qui sont pris en compte par les moteurs de recherche en termes de référencement naturel.

Cette illustration sépare les techniques SEO white hat et black hat. Elle montre également l’importance de chaque action SEO en termes de classement par rapport aux autres actions. Cette infographie est intéressante à garder quelque part sur votre bureau car elle permet de voir très rapidement, dans quelles actions de référencement, on devrait faire plus d’efforts et investir plus.

>>> Pour les techniques SEO white hat, voici le poids des actions selon leurs importances :

Importance haute

  • Les backlinks provenant de sites de qualité (.gov, .edu, etc.)
  • Les soumissions dans les annuaires de qualité
  • Les mots-clés dans les URL, les NDD, les balises title, les H1, H2, les ancres de texte
  • La fraîcheur des pages (plus c’est récent, mieux c’est)

Importance moyenne

  • Les mots-clés dans les méta descriptions
  • La proximité des mots-clés
  • Les mots-clés dans les attributs alt
  • Les soumissions dans les sites de communiqués de presse

Importance basse

  • La balise meta tag keyword (par contre pour Baidu, elle est encore effective !)
  • La densité de mots-clés dans le contenu textuel

>>> Pour les techniques SEO black hat, voici le poids des actions selon leurs importances :

Importance haute

  • L’utilisation abusée des H1
  • L’automatisation de la génération des contenus
  • L’achat de liens et du trafic (attention à ça, une pénalité coûte chère !)
  • Du texte présenté sous forme d’images (pour « tromper » les moteurs de recherche et les internautes …)

Importance moyenne

  • Le duplicate content
  • Les pages dynamiques

Importance basse

  • La fréquence de changement des contenus

Voici l’infographie réalisée par SEMAPHORE (cliquez sur l’image pour l’agrandir) :

 

 

Facteurs de classement SEO - AUTOVEILLE explications

 

Je pense que cette illustration donne de bons conseils dans l’ensemble. Il manque juste un peu le côté des micro data, mais l’essentiel des critères on-page y sont.

Et vous ? Qu’en pensez-vous ?

Bon courage à tous !

Véronique Duong –