Les liens de la semaine – Édition #129

Développement

.NET

Web

Technologie

Science et autres

Une réflexion sur le rôle du SEO dans le développement de sites web

Dernièrement, je m’intéresse beaucoup aux aspects qui font le développement web ce qu’il est. Le développement de sites web est un monde vaste et, parfois, peu balisé. À la vitesse où évoluent les choses, il est de moins en moins nécessaire de savoir que le web moderne est établi sur le protocole HTTP.

Graduellement les abstractions se mettent en place et le processus de démocratisation des pratiques se poursuit. C’est le cycle de la vie des technologies.

L’un des principaux points de discorde lorsqu’il est temps de mettre en place un site web est l’optimisation des résultats de recherche. Les anglophones ont nommé ça le SEO. À titre de leçon d’histoire, cette discipline est née un peu après l’apparition du premier moteur de recherche. La question que les experts de ce domaine tentent de répondre est la suivante: de quelle façon les pages de mon site web vont performer dans les résultats de recherche de Google*?

En réalité, j’ai très peu de choses à dire sur le SEO en tant que tel à part ceci: méfiez-vous des « experts ». Ces dernières années, j’ai vu et eu à implémenter mon lot de recommandations SEO sur des sites clients et je peux vous affirmer qu’une bonne partie de celles-ci sont que du vent.

Je dis ceci, mais ce n’est pas entièrement vrai. En revanche, il faut être en mesure de reconnaître les trois catégories d’améliorations SEO à apporter à un site web.

  1. mesurer ou quantifier une interaction avec l’utilisateur: par exemple, si vous utilisez Google Tag Manager ou Google Analytics, l’expert SEO, va vous demander d’ajouter de l’information supplémentaire à la puce de suivi ou de suivre par un appel d’événement à l’API un clic sur des liens en particulier.
  2. ajustements fonctionnels au site suite à de l’analyse de données: l’expert a eu quelques temps pour prendre mesure sur les points qu’il désirait tester. Selon mon expérience, les changements peuvent aller de la façon à générer la balise <title> à placer des éléments stratégiques dans une page afin de faciliter le transit d’un utilisateur à la page du panier d’achats.
  3. les recommendations où vous vous dites « mais, coudonc, est-ce qu’il consomme des drogues dures? »: vous vous souvenez lorsque vous êtes en train d’implémenter des redirections 301 sur des pages ayant des extensions datant des dinosaures (ex.: .php3 ou shtml) ou de la page qui fait une liste des 5000 villes du Québec que vous avez dans votre base de données?

C’est cette dernière catégorie qui est irritante pour le développeur web. Dans mon cas, j’ai toujours une réserve à les implémenter aveuglément, car je sais que, bien souvent, ce n’est pas nécessairement dans le meilleur intérêt du client.

Pour ma part, avec le référencement dans les moteurs de recherche, il y a trois critères de base sur lesquels vous pouvez bâtir:

  • mettre de l’avant une expérience utilisateur qui incite les gens à y retourner
  • avoir un contenu qui vaut la peine d’être lu et partagé
  • mettre à jour ce contenu régulièrement.

Ensuite, la magie s’opère par elle même.

À titre de conclusion, avant de se lancer dans une opération SEO, la première question qui devrait être posée est sur les objectifs de référencement pour le site web. Est-ce qu’un compétiteur performe mieux? S’agirait-il plus d’une question que le contenu du site n’est pas pertinent?

Je crois qu’il y a une tonne de questions à poser avant d’accepter de faire des améliorations SEO sur un site. Il s’agit aussi d’un bon critère pour choisir son « expert ». N’acceptez pas les recommandations d’un inconnu. Ça prend du temps pour établir une relation de confiance!

Par le fait même, c’est là que les développeurs web doivent intervenir. S’intéresser un peu au SEO est aussi une façon de départager les bonnes améliorations à celle de la catégorie #3. Impliquez-vous!

* Oui, je sais que Bing et autres existent. Les projecteurs sont sur Google en ce moment. C’est comme ça!

Si vous voulez plus de French Coding, n’hésitez pas à liker la page Facebook ou de me suivre sur Twitter.

Les liens de la semaine – Édition #105

Développement

.NET

Technologie

Web

Science et autres

Les liens de la semaine – Édition #92

Développement

.NET

Technologie

Web

Science et autres

 

 

 

 

 

 

 

 

Une exploration du Google Web Starter Kit

Dernièrement, Google a publié le Web Starter Kit. Ce projet se présente comme une référence sur l’état du développement de sites web. Si vous vous demandez à quoi ressemble le développement web de cette époque, il vous faut jeter un coup d’œil à ce projet.

Ce que vous fournit ce projet est le minimum d’outillage nécessaire pour monter des pages web permettant de cibler des rendus multiappareils. En quelques mots, vous y retrouverez notamment:

  • Un guide de style et un design Responsive
  • L’utilisation de Sass pour la compilation du CSS
  • Synchronisation temps réel de vos changements avec BrowserSync.

Pour mettre la main sur le code, le plus simple est de passer par Github en clonant le repository à l’URL https://github.com/google/web-starter-kit.git.

Côté technologie, Web Starter Kit est propulsé par quatre éléments bien distincts:

Ce qui rend intéressant ce projet est l’outillage permettant de construire les ressources externes de celui-ci. Pour démarrer avec ce projet, il faut avoir les quatre librairies mentionnées ci-dessus sur votre poste. Une fois qu’elles sont installées, la combinaison des commandes npm install –global gulp et npm install dans le dossier du projet vous permettront d’être prêt.

Pour accéder au serveur local, il vous suffira d’exécuter la commande gulp serve.

Avec ces éléments, vous pouvez démarrer un serveur local, compiler vos fiches de style Sass en CSS et recharger instantanément vos changements dans votre navigateur et il y en a même plus! L’API Google PageSpeed Insights a été intégré à Gulp et vous permet de diagnostiquer la vitesse de chargement de votre projet web en ligne de commande.

De plus, un signe que les choses changent, le support des navigateurs reflète les dernières tendances. Par exemple, il y a uniquement IE10 et IE11 qui sont supportés ainsi que les deux plus récentes versions de Google Chrome. Il s’agit d’une prise de position assez ferme sur l’évolution de la compatibilité des navigateurs.

Au final, il se peut que vous ne soyez pas en mesure de tout intégrer dans votre projet de développement web. Cependant, je crois qu’il faut au moins considérer d’utiliser unitairement l’une des fonctionnalités exposées dans Web Starter Kit.

À titre d’exemple, vous pourriez utiliser gulp pour automatiser le processus compactage et de minification de vos fichiers JavaScript et CSS. Tant qu’à y être, pourquoi ne pas utiliser l’intégration du PageSpeed API? Gulp est un bon exemple de fonctionnalité indépendante du framework utilisé pour le développement côté serveur.

Il s’agit d’une belle époque pour faire du développement web. L’outillage se raffine et permet d’accomplir beaucoup plus avec ce qui est en place. Tirez-en profit!