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

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

Conseils et astuces pour débutant en CSS

Quand nous donnons nos formations en HTML CSS à Marseille ou que nous intervenons en assistance ou création de site Web nous prodiguons souvent les mêmes conseils pour aider les débutants en CSS.

Voici donc, en vrac, quelques conseils et erreurs à éviter pour se perfectionner en développement CSS. Bien sûr cette liste n’est pas exhaustive et l’on compte sur vous pour nous aider à la compléter dans les commentaires.
Continuer la lecture de Conseils et astuces pour débutant en CSS

Afficher une liste HTML sous forme de tableau par CSS

Comment modifier l’affichage de vos listes HTML pour les rendre un peu plus sexy en modifiant uniquement ses feuilles de styles CSS ?

Les listes, vous le savez, sont très efficaces pour hiérarchiser les données. Elles optimisent votre référencement en simplifiant le code HTML superflu. Elles permettent d’augmenter le ratio contenu par rapport au code. C’est un bon cas pratique pour un atelier sur la séparation HTML / CSS.
Continuer la lecture de Afficher une liste HTML sous forme de tableau par CSS

15 points essentiels à vérifier avant de lancer son site Web

Le design de votre site est realisé, le CMS marche, le contenu a été ajouté et le client est content. C’est le moment de mettre votre site Web en production.
Lors du lancement d’un site Web, dans votre empressement à le mettre en ligne, vous pouvez oublier un certain nombre de choses, il est donc utile d’avoir une checklist à consulter pendant que vous faites les dernières retouches sur votre site avant de le publier au monde entier.

Cet article passe en revue certains points importants et nécessaires que vous devriez vérifier avant le lancement officiel, certains détails sont souvent oubliés ou ignorés, alors que traités à temps ils amélioreront l’expérience utilisateur et éviteront des surcouts inutiles après le lancement du site.
Continuer la lecture de 15 points essentiels à vérifier avant de lancer son site Web

Paramétrer votre site pour les moteurs de recherche – les premiers pas

Ce sur quoi je veux m’attarder aujourd’hui ce sont les paramétrages initiaux et les aspects techniques à prendre en compte avant même de commencer l’optimisation de votre site. Quelles sont les premières étapes ? Abordons quelques réglages fondamentaux pour votre site.
Continuer la lecture de Paramétrer votre site pour les moteurs de recherche – les premiers pas

Checklist à l’usage des débutants en référencement

Checklist à l’usage des débutants en référencement pour améliorer la visibilité de petites sociétés ou entités locales

Ces trois derniers mois j’ai travaillé d’arrache pied à apprendre le référencement en optimisant le site d’une petite entité locale. Cette entité est la maternelle Giggly Wiggly situé à Issaquah dans la banlieue de Seattle – état de Washington. J’étais allé à la maternelle de Issaquah plusieurs années auparavant, j’étais donc ravi d’avoir la chance de leur rendre service. Optimiser un site pour la recherche locale est une belle opportunité pour apprendre le référencement car il y a moins de compétition et il est plus facile d’avoir des résultats avec un périmètre restreint et ciblé. Cela a été un processus long mais m’a permis d’apprendre beaucoup. La checklist qui suit regroupe donc toutes les tâches qu’il a été nécessaire de gérer pour avoir de bons résultats. J’espère que cette liste pourra être utilisée par les débutants en référencement qui cherchent à apprendre comment faire.
Continuer la lecture de Checklist à l’usage des débutants en référencement