BKreative

Optimiser les performances de son site web.

Kylian BERREBI — Sat, 04 Jan 2020 14:43:59 +0000

02 janvier 2020

Optimiser les performances de son site web.

Un site internet esthétique et bien structuré ne suffit pas à garantir une bonne expérience utilisateur, les performances sont tout aussi importantes. Optimiser votre site web c’est vous assurer que vos utilisateurs y navigueront de façon fluide.

Voici quelques conseils pour effecturer un bon travail d’optimisation.

Auteur:

Kylian BERREBI

Compressez vos images.

Les images d’un site internet sont généralement responsables de plus de la moitié du temps de chargement d’une page. Vous devez donc optimiser chacune de vos images afin que leur taille soit minimale ainsi que leur impact sur le temps de chargement de la page.

Une mise en garde s’impose, compresser une image dégrade nécessairement sa qualité, vous devez donc trouver l’équilibre entre légèreté et piqué suffisant.

Plusieurs logiciels ou sites vous permettent de compresser vos images, n’hésitez pas à les solliciter.

Mise en cache et génération statique.

Il est essentiel de générer régulièrement une version statique de votre site, que le serveur sur lequel est hébergé votre site distribuera à vos utilisateurs. Il faut comprendre que dans le cas contraire, le serveur effectue de toute manière cette génération statique pour fournir le résultat au navigateur de vos utilisateurs. Générer une version statique au préalable évite ce travail côté serveur et optimise ainsi le temps de chargement d’une page web.

Attention, il faudra générer une nouvelle version statique après chaque modification que vous apporterez à votre site, sans quoi elle ne sera pas visible pour vos utilisateurs. Selon les technologies ou CMS que vous utilisez, certains outils permettent d’automatiser ces tâches.

Minification des fichiers et compression.

Minifier ses fichiers, c’est retirer tous les sauts de ligne et espaces contenus dans votre code. Si le résultat d’une minification est illisible pour un être humain, il fait en revanche gagner du temps à l’ordinateur qui l’interprète.

Vous gagnerez ainsi du temps au moment du chargement de la page web.

N’oubliez pas de mettre également en place une compression GZIP côté serveur afin que le transfert de fichiers de serveur à ordinateur se fasse plus rapidement. De nombreux outils permettent d’effectuer ce travail, selon le CMS que vous utilisez.

L’article Optimiser les performances de son site web. est apparu en premier sur BKreative.

Notions de design – Réaliser un site sobre et élégant

Kylian BERREBI — Sat, 04 Jan 2020 12:23:16 +0000

21 décembre 2019

Notions de design - Réaliser un site sobre et élégant.

Même si de nombreux outils facilitent le travail des designers web aujourd’hui, construire un design de site internet demeure une notion complexe, surtout s’il on cherche à réaliser du sur mesure. Un bon design s’adapte en effet à toutes les plateformes, ordinateurs, smartphones, tablettes… Et tous les usages, souris, tactile…

Vous trouverez dans cet article quelques points essentiels pour réussir le design d’un site web.

Auteur:

Kylian BERREBI

Mettre à plat ses idées.

Vous réfléchissez depuis quelques temps à ce design, une direction se précise. Vous souaihtez placer telle image dans telle section, cette phrase à cet endroit… Créez des maquettes ! Il ne sert à rien de s’imaginer l’entièreté du design que l’on veut réaliser, il faut au plus tôt concrétiser ses idées en créant des maquettes.

C’est en mettant à plat vos idées que vous avancerez, que vous aurez un oeil critique sur ce que vous avez imaginé et que vous ferez avancer votre design.

Penser au design "responsive".

Un site internet peut être visualisé sur un smartphone, sur une tablette, sur un ordinateur, dans une fenêtre aux dimensions très spécifiques. C’est là où réside toute la difficulté d’un bon design: faire en sorte qu’il puisse s’adapter à toutes les situations.

Bien entendu, adapter un site internet initialement pensé pour ordinateur à un smartphone ne consiste pas en un redimensionnement plus petit. L’agencement de chaque section doit être revu, dans une disposition plus verticale (une section sous l’autre au lieu de les placer côte à côte par exemple).

Lorsque vous réalisez vos maquettes, pensez donc à un design simple, clair, où les sections sont bien délimitées, des sections faciles à agencer horizontalement et verticalement.

Voir les choses en grand.

Un site web esthétique, c’est avant tout un site avec de belles images. Si vous souhaitez véhiculer une sensation d’immersion, utilisez de grandes images, bien définies, afin de mettre en évidence un concept, un produit.

N’oubliez pas qu’il existe des banques d’images libres de droit en ligne, que vous pouvez utiliser selon votre thématique.

Aérer son contenu.

Pour ne pas noyer l’utilisateur dans l’information, il est essentiel d’espacer vos contenus. Un site aéré est un site plus lisible, dont la navigation est plus agréable. Il vaut mieux imposer un défilement plus important et espacer votre contenu que de compacter le tout.

Symétrie et asymétrie.

Un minimum de symétrie est indispensable afin que l’utilisateur trouve rapidement ses repères et ne dépense pas inutilement du temps à comprendre à quoi correspond chaque section de votre site.

Cependant s’adonner à rendre tout le contenu de votre site symétrique, c’est s’assurer que votre site ressemblera à des centaines d’autres. Quelques touches d’asymétrie peuvent apporter cette originalité qui vous différenciera des autres, et vous permettra de conserver l’attention de l’utilisateur.

Il n’y a donc pas de recette miracle, tout est une question d’équilibre, et l’équilibre ne doit pas se confondre avec la symétrie.

L’article Notions de design – Réaliser un site sobre et élégant est apparu en premier sur BKreative.

SEO – Améliorer le référencement de son site.

Kylian BERREBI — Fri, 03 Jan 2020 17:39:37 +0000

12 décembre 2019

Améliorer le référencement de son site internet - Quelques notions de SEO.

Le référencement d’un site web est une science inexacte, du moins pour les éditeurs. Cet article ne perce pas les mystères de l’algorithme de Google, mais résume les points essentiels à prendre en compte pour optimiser le référencement de votre site internet.

Auteur:

Kylian BERREBI

Cibler vos utilisateurs et les mots clés.

Mieux connaître vos utilisateurs ou potentiels utilisateurs, c’est anticiper leurs recherches. C’est après tout là où l’on veut en venir, être capable de prédire les mots clés que recherchera votre clientèle cible.

Établir cette liste de mots clés est donc systématiquement la première étape dans la construction d’un bon référencement.

Structurer votre contenu.

Grâce à votre liste, vous allez pouvoir construire un contenu éditorial incluant les mots clés que vous allez répartir dans les différentes pages de votre site.

Il est important de fractionner votre contenu éditorial, un utilisateur qui navigue sur votre site internet veut généralement saisir rapidement l’essentiel de l’information que vous exposez. Pour cela, il faut privilégier les phrases courtes, concises, et bien formées (ne pas négliger les mots de liaison, les pronoms etc.).

N’oublier pas d’alterner entre le texte et les images (dont vous préciserez le titre), vous devez conserver l’attention de l’utilisateur, évitez qu’il ne se lasse à lire des paragraphes interminables.

Le code HTML vous permet de parfaitement structurer un contenu éditorial, il faut s’en servir. Les balises de titres (

,

, etc.) définissent un ordre d’importance du contenu que vous y mettrez. Il est déconseillé d’abuser des balises au plus fort poids, au risque de noyer l’information importante qu’en extraient les moteurs de recherches.

L'importance du maillage interne.

Un lien interne est un lien qui relie deux pages d’un même site internet. Le maillage interne désigne l’organisation des liens en interne sur un site web. Pour simplifier, vous devez sur chaque page de votre site référencer d’autres pages, toujours de votre site.

Vous devriez normalement avoir un menu référençant toutes les pages de votre site, mais le corps de votre page doit lui aussi rediriger vers d’autres pages internes. Cela permet non seulement une navigation pluis fluide et intuitive pour vos utilisateurs, mais aussi une meilleure compréhension de l’architecture de votre site pour un moteur de recherche.

Pour aller plus loin, un fichier que l’on appelle « sitemap » peut être exposé aux moteurs de recherche, représentant la hierarchie de votre site (notamment s’il contient un nombre important de pages).

Mettre à jour votre contenu éditorial.

Un site dont le contenu est régulièrement mis à jour (comme un blog) est susceptible d’être mieux référencé. Les moteurs de recherche considèrent ces sites comme « actifs », dont l’information est à jour, et les indexent plus régulièrement.

Bien évidemment tous les sites ne se prêtent pas à exposer un contenu régulièrement mis à jour (notamment les sites vitrine), mais gardez en tête qu’intégrer quelques publications à votre site ne pourra qu’améliorer son référencement.

Suivre la progression de son référencement.

Il est possible de suivre l’évolution du référencement de son site internet. Plusieurs outils le permettent, pour n’en citer qu’un: « Google search console ».

Ces outils vous permettront de comprendre au delà du nombre de visites de votre site, quelles sont les recherches ayant ammené les utilisateurs à votre site, ou encore quels sites vous référencient et vous apportent des visiteurs. Vous pourrez également suivre l’évolution de votre position dans les résultats de recherche selon les mots clés indiqués.

L’article SEO – Améliorer le référencement de son site. est apparu en premier sur BKreative.