Performance d’un site web : étude d’un cas pratique et exemples d’optimisations

La vitesse d’affichage d’un site web est aujourd’hui un critère très important pour le référencement naturel et la réussite d’un projet web. La barrière maximale de 3 secondes de chargement par page est devenue un seuil obligatoire à respecter. L’augmentation des visites depuis les smartphones et tablettes est un facteur de difficultés supplémentaires pour rester en dessous de ces 3 secondes de chargement.

augmenter-vitesse

L’enjeu est simple : si votre site est trop lent le visiteur ne restera pas. Nous pensons clairement chez Kiwano que le critère de performance du site côté client est un critère encore trop sous estimé par les créateurs de sites. Si vous avez aujourd’hui un investissement à faire sur votre site : faîtes le pour améliorer la vitesse ressentie par les utilisateurs. Vous gagnerez des visiteurs fidèles et des places dans les résultats de recherche Google.

Nous vous proposons donc de revoir les techniques pour améliorer la performance de votre site au travers d’un cas concret pour partager avec vous ce qui a été fait sur un autre site.
N’hésitez pas à donner votre avis et partagez votre expérience.
Continuer la lecture de Performance d’un site web : étude d’un cas pratique et exemples d’optimisations

Le premier critère à prendre en compte pour le référencement de votre site sur Google

Est-ce l’utilisation de mot clé dans votre nom de domaine ? Est-ce l’utilisation du mot clé dans le titre et l’url ? Est-ce la création de liens depuis des annuaires ? Est-ce la création de communiqués de presse pour l’ensemble des pages de votre site ? Est-ce la création d’un fichier Sitemap (non là c’est pour la déconne) ?

Il n’y a pas forcement de critère numéro 1 à prendre en compte pour améliorer le référencement de votre site. Il y a un ensemble de critères à travailler dont certains sont plus importants.

Mais si vous venez de lancer votre site, vous n’avez pas le temps de tout faire. Il vous faut donc définir correctement les priorités pour votre site.

Kiwano vous révèle ce que l’on ne vous dira peut-être pas ailleurs : la priorité n’est pas d’avoir des backlinks ou des partages sur les réseaux sociaux. La priorité est d’améliorer la qualité de votre site.

Kevin : Mais il est fou lui ? Le backlink c’est le graal !
Kiwano : Assis-toi Kevin, on t’explique…
Continuer la lecture de Le premier critère à prendre en compte pour le référencement de votre site sur Google

2 solutions de Responsive Tables en CSS & JavaScript

Vous avez décidé de faire un site en Responsive Design pour qu’il s’adapte automatiquement à la largeur d’écran et donc fonctionne correctement sur tablettes et smartphones. Il est plein de contenu et de liens optimisés pour votre référencement.

Vous utilisez donc une grille flexible, des images flexibles et du code CSS3 Media Queries pour adapter l’emplacement des éléments dans vos pages.

Et là c’est le drame ! Vous devez afficher un tableau de données de 12 colonnes dans vos site Responsive. Comment faire ? Les tableaux, ça ne se linéarise pas très bien (pas du tout même) et en l’affichant partiellement, vous risquez de masquer tout votre contenu optimisé et de limiter votre précieux référencement.

Je vous propose donc deux solutions utilisables pour vos projets sans nuire à l’accessibilité et l’indexation des données de votre tableau.
Continuer la lecture de 2 solutions de Responsive Tables en CSS & JavaScript

Intégration HTML5 CSS3 : conseils et exemple à télécharger pour bien démarrer votre site

Récapitulons : les langages HTML et CSS sont les langages les plus connus. Tous les développeurs ont déjà regardé comment fonctionne le code HTML et les feuilles de style pour apprendre à créer un petit site web.

Au début on fait des copier coller et en bidouillant un peu le code et on arrive, sans tout comprendre, à faire fonctionner la page. Et puis on apprend que les tableaux de présentation c’est le mal et enfin on essaye de ne pas attraper la maladie de la divite aigüe.
Bref, on arrive à créer de petits sites mais on a toujours l’impression de faire du bricolage.

Vient enfin l’instant fatidique où l’on vous demande de travailler sur un gros site web d’entreprise. Un site comportant un nombre important de pages. Un site professionnel avec beaucoup de fonctionnalités métiers. Vous vous dîtes qu’il va falloir partir sur une architecture solide et arrêter le bricolage !

Côté serveur, pas de problème : vous maîtrisez votre technologie et vous savez déjà comment industrialiser votre code.
Côté client, c’est une autre affaire !
Vous avez lu pas mal d’articles expliquant comment écrire du code HTML sémantique, comment positionner vos éléments avec du CSS mais vous ne savez pas comment démarrer votre site pro. En même temps, vous avez entendu parler de framework CSS, de responsive design, de CSS orienté objet et de grille.

Pas de panique, Kiwano vous propose un tour rapide des éléments à prendre en compte si vous démarrer un gros site web.
Ensuite nous verrons comment batir une architecture HTML et CSS solide avec une bonne base HTML et un bon découpage des styles avec en cadeau une archive d’un template de base HTML5 CSS3 par Kiwano.
Enfin nous terminerons avec une liste de conseils.

html5+css3
Continuer la lecture de Intégration HTML5 CSS3 : conseils et exemple à télécharger pour bien démarrer votre site

Mensonges et vérités sur HTML 5 : ce qu’il faut savoir

Le futur sera HTML5 ! Partout on vous parle de ce nouveau standard du Web et vous envisagez de refondre votre site pour être à la mode en utilisant de l’HTML5, du CSS3 et du jQuery !

Mais HTML5 c’est quoi au juste ? HTML5 est un nouveau jeu de standards, d’objets sémantiques et de règles pour le développement de site web exploitant des nouvelles fonctionnalités dans vos navigateurs comme le mode offline, le lecteur vidéo et de nouveaux éléments pour l’interaction de vos sites.
Continuer la lecture de Mensonges et vérités sur HTML 5 : ce qu’il faut savoir

Analyser le traffic de vos concurrents avec des outils gratuits

L’étude de marché concurrentielle est une des premières actions à effectuer quand vous débutez une activité sur le Web.
Mais comment connaitre le nombre de visiteurs de vos concurrents, leur répartition tout au long de l’année, ou encore leur sexe voire même leur revenu ?
Non, vous ne rêvez pas : tout ceci est possible ! Aussi surprenant que cela puisse paraitre, la récupération d’informations sur vos concurrents est possible, légale et en plus gratuite.
Découvrez certains de ces outils gratuits qui permettent d’en connaitre plus sur vos concurrents.
Continuer la lecture de Analyser le traffic de vos concurrents avec des outils gratuits

Interface Google, qu’est ce qui change vraiment ?

Vous l’avez sans doute remarqué, d’abord dans sa version américaine et maintenant en français, l’interface de Google a changé.
Ce qui peut paraître de prime abord comme une simple évolution cosmétique et en fait plus profond que cela : Explication par l’exemple et en image.

L’Auto-complétion ou saisie semi-automatique

Désormais lors de la saisie de vos mots clés sur la page de recherche, Google peut vous proposer l’auto complétion. En clair, si votre recherche concerne des mots clés souvent utilisés, un petit menu déroulant vous propose au fur et à mesure de votre saisie une réponse pertinente… ou pas !
Continuer la lecture de Interface Google, qu’est ce qui change vraiment ?

Google Exocet : l’annuaire payant de Google

Effet de la crise ou du presque succès de Bing ? Google vient de ressortir des placards son projet baptisé « Exocet » d’annuaire payant.
Alors bien sûr la nouvelle solution est plus complexe que ce que proposait Yahoo par le passé mais dans les faits il s’agit bien de payer pour être indexé dans un annuaire Google ! Bien pire encore, dans sa nouvelle solution, Google propose à ses utilisateurs d’acheter leurs positionnements sur sa partie moteur.
Plus d’infos sur Google Exocet »

10 crimes sur l’ergonomie des sites web que vous ne devriez plus commettre

L’article sur les 10 crimes sur les balises HTML que vous ne devriez plus commettre est actuellement l’article qui a été le plus lu sur Kiwano et aussi celui qui a entrainé le plus de commentaires de votre part. Alors, nous n’avons pas pu résister à l’idée de vous proposer une traduction du nouvel article de Chris Spooner intitulé « 10 Usability Crimes You Really Shouldn’t Commit » sur son blog Line 25 Web Design Blog.

Voici donc une sélection des dix crimes les plus courants concernant l’ergonomie et l’accessibilité des sites webs avec la solution pour les éviter.
Continuer la lecture de 10 crimes sur l’ergonomie des sites web que vous ne devriez plus commettre

Conseils pour optimiser vos images pour vous positionner sur Google Images

Si vous possédez un site contenant du contenu sous forme d’images, vous pouvez améliorer votre référencement en optimisant le positionnement de ces images dans les recherches de Google. La dernière newsletter Axandra Search Engine Facts contient des conseils pour l’optimisation des images de votre site. L’équipe Kiwano vous en rappelle les points importants.
Continuer la lecture de Conseils pour optimiser vos images pour vous positionner sur Google Images