Word Press

Sommaire

  • intro

  • UX

  • SEO

  • Sécurité

  • e-commerce

INTERNET

INTERconnexion NETwork

C'est quoi ?

INTERNET est un fil qui relie des ordinateurs ensemble !

Les ordinateurs ici appelés serveurs, sont directement connectés à ce fil.

 

Les sites Internet sont des fichiers qui sont stockés sur ces serveurs.

 

Les serveurs sont gérés par des sociétés qu’on appelle des hébergeurs.

Pour être identifiés et atteints, les serveurs possèdent tous une adresse IP unique, comme votre numéro de téléphone.

 

L'adresse IP est difficile à retenir

(ex: 216.27.69.178).

 

Nous leur donnons donc aussi un nom, comme google.com, youtube.com...

 

Cela s’appelle un nom de domaine ou une adresse URL.

Votre ordinateur à la maison n’est donc PAS un serveur, car il n’est PAS directement connecté à Internet.

 

Les ordinateurs, smartphones, tablettes... que nous utilisons chaque jour sont des clients qui se connectent de manière indirecte à Internet via un fournisseur d’accès à Internet

(ex: Free).

Comment ça fonctionne ?

Comment ça fonctionne ?

Tout ça fonctionne avec des langages de programmation

Mais c'est quoi la programmation ?

C'est dire à une machine ce qu’elle doit faire.

le Front-End

 

Le front-end c’est la partie du code qui est reçue par le client.

 

Le client est notre navigateur Web.

 

Il s’agit des éléments du site web que l’on voit à l’écran et avec lesquels on pourra interagir.

 

Ces éléments sont composés de 3 langages: HTML, CSS et Javascript.

Le Back-End

 

Le Back-End, c’est la partie du code qui est exécutée par le serveur.

 

Il s’agît du travail qu’il réalise sur les pages Web des sites dynamiques avant de les envoyer au client.

 

Le Back-end se compose généralement de trois

éléments :

  • Un serveur (hébergement web)
  • Une application (site web, administration)
  • Une base de données (sorte de feuille de calcul pour organiser les données)

Pas de panique !

Il existe d'autres solutions ;)

Les

CMS

Cela regroupe une catégorie de logiciels qui permettent de concevoir, gérer et mettre à jour des sites Web ou des application mobile de manière dynamique sans forcément coder.

Content Management System (CMS)

Le système de gestion de contenu (SGC)  en français

Du coup, Pourquoi WP ?

Parce que tout le monde le fait !!!

 33% de tous les sites Web sur Internet utilisent WordPress. Donc une énorme communauté est là pour vous aider.

Il est gratuit et

Open Source

Etant en Open Source, vous avez le contrôle de ce que vous pouvez intégrer dans votre site.

Pas besoin d'être une bête

L'interface est simple d'utilisation et gérer son site est automatisé. Trouver un bon hébergeur et les bons plugins, le tour est joué.

Le SEO est intégré

SEO (Search Engine Optimization) : « Optimisation pour les moteurs de recherche ».

Les moteurs de recherche reconnaissent votre contenu, ce qui permet d’être indexé et de grimper dans les classements.

Vous pouvez fabriquer n'importe quel type de site !

  • Blogs

  • Sites Web d’entreprises

  • Portfolios

  • Forums

  • Sites ecommerce

  • Sites web d’évaluation

  • Modules eLearning

Faire évoluer son site

thèmes & plugins

Les thèmes servent de base au site.

Mais vous pourrez aller beaucoup plus loin avec des plugins notamment...

Avant de mettre les mains dedans, pensons "utilisateur.rice.s"

Parlons UX design

USER EXPERIENCE

Le UX design consiste à penser et à concevoir un site web de manière à ce que l’expérience utilisateur soit la meilleure possible.

Pourquoi faire ?

  • améliorer son ergonomie

  • faciliter son utilisation

  • le rendre plus intuitif

  • le rendre le plus efficace possible

Le UX sert à :

UX

Design

UI

Design

==

USER INTERFACE

L'UX, ce n'est pas que du bon sens.

 

Comme en programmation, il faut respecter quelques règles qui permettront à notre projet de ne pas être bancale et donc peu adapté à nos utilisateurs.

 

Ces règles / lois sont les suivantes...

Les lois UX

Plus la fonction est importante, plus il faut la mettre en valeur !

L’emplacement et la taille révèlent la priorité que l’on attribue aux fonctionnalités d’une interface.

1. La loi de FITTS

Elle sert à déterminer le temps moyen et nécessaire pour un utilisateur à effectuer un choix en fonction du nombre de possibilités qui lui sont offertes.

K.I.S.S = Keep it simple, stupid

2. La loi de HICK

Elle estime que les utilisateurs passent beaucoup de temps sur les autres sites. Ils espèrent donc que votre site fonctionnera de la manière que les sites qu'ils ont l'habitude d'utiliser.

Donc: INSPIREZ VOUS

3. La loi de JAKOB

L'effet dit que les beaux produits sont plus agréable à regarder.

Il ne faut pas sous-estimer le pouvoir de l'UI car il va bénéficier à votre UX et donc à vos utilisateurs.

4. L'effet Aesthetic-Usability

Les utilisateurs ont une propension à mieux se rappeler les 1ers et derniers objets d’une série.

Les éléments présentés en premier seront plus facilement enregistrés dans le mémoire à long terme, et ceux vus en dernier le seront dans la mémoire à court terme.

5. L'effet Serial position

Les objets proches les uns des autres, ont tendance à être groupés.

Cette loi est très utile en design pour exprimer une rapprochement ou une connexion entre plusieurs éléments.

6. Loi de proximité

Améliorer l'UX dans Wordpress

UN DESIGN ÉPURÉ

Trop d’éléments graphiques sur une page web devient rapidement gênant pour l’utilisateur.

 

Essayez de supprimer le superflu.

 

Plus le site paraît simple, plus les internautes le trouvent joli.

 

Un site désorganisé et surchargé ne donnerait pas une image très positive de votre entreprise ou de vous-même.

 

Comme on dit en anglais : Keep it simple!

UN DESIGN RESPONSIVE

Choisir un thème WordPress adaptatif à l’interface mobile est aujourd’hui indispensable.

 

À ce jour, plus de 50 % des requêtes sur les moteurs de recherche sont effectuées depuis les appareils mobiles.

 

Dans le cas où votre site ne serait pas responsive, il faut soit changer de thème soit le faire à la main via ex: Elementor.

LA VITESSE DE CHARGEMENT DE DU SITE

Les internautes ne sont pas patients. Il est donc important de réduire au maximum les délais de chargement pour accéder à votre site WordPress.

 

Pour ce faire, suivez les recommandations suivantes :

INSÉRER DES CALL TO ACTION

Un bouton call to action bien placé, du type « Inscrivez-vous maintenant ! » ou « Contactez-nous », améliore l’UX en permettant à l’utilisateur de compléter une action en toute facilité.

 

Pour obtenir un bon taux de clics, assurez-vous de respecter les pratiques suivantes :

  • Énoncez clairement votre offre.
  • Employez des verbes d’action.
  • Utilisez des couleurs qui attireront l’oeil des internautes.

SIMPLIFIER LE PARTAGE SUR LES MÉDIAS SOCIAUX

Ajoutez des boutons de partage vers les principaux réseaux sociaux tels Facebook, LinkedIn, Twitter et Google+.

 

En plus d’être bénéfiques sur le plan de l’UX, les partages sociaux (like, follow,Tweet, share ou+1) ont un impact positif sur le référencement naturel des sites web.

Avant de se lancer dans Wordpress, il va falloir maquetter son site !

S.E.0

L’objectif est d’améliorer la visibilité des sites web qu’il prend en charge en leur faisant gagner des places sur les moteurs de recherche (Google).

Search Engine Optimization

En français : Optimisation pour les moteurs de recherche.

YOAST SEO

Le plugin YOAST va s'incorporer à ELEMENTOR pour ajouter à votre site WordPress de multiples interfaces permettant de configurer des balises utiles au référencement naturel, éviter du contenu dupliqué, ajouter des snippets… 

Les requêtes cibles

Les requêtes cibles dont les mots clés que vous allez viser dans votre page.

Meta-titre

Le meta-titre va être le texte / titre explicatif de la page sur laquelle va se rendre les utilisateur.rice.s

Google va faire attention à la longueur du titre !

Slug

Changer l'url pour savoir précisément où l'ont va se trouver dans le site.

Déjà modifiable via les paramètres de base de WP !

Meta-description

Ecrire une description du contenu dans laquelle va se trouver l'utilisateur.rice.

On peut ajouter une image pour augmenter le taux de clics !

Analyse SEO

Cette fonctionnalité va nous permettre de vérifier toutes les erreurs de structure / contenu qui nuisent au bon référencement de notre site.

Tout en vert ne veut pas dire que vous votre site est parfaitement référencé !

Analyse Lisibilité

Cette fonctionnalité va nous permettre de vérifier la lisibilité sur notre article et donc favoriser l'UX.

Tout en vert ne veut pas dire que vous votre site est parfaitement référencé !

La sécurité

sur WP

1. Vérifier régulièrement les mises à jour

Les nouvelles versions sont là pour réparer les failles.

 

Ne pas mettre à jour est une porte d'entrée pour les Hackeurs.

 

Mettre à jour son plugin de sécurité est essentiel.

 

Les mises à jour tiennent compte des derniers virus.

2. Utiliser des thèmes officiels

Les thèmes non officiels ne sont pas validés par WP.

 

Ils sont donc une porte d'entrée potentielle pour les hackeurs via des malwares intégrés dans ces derniers.

3. Supprimer les thèmes et extensions non utilisées

Les extensions et thèmes non utilisés, vous n'y pensez plus et donc vous ne les mettez plus à jour.

 

Ils sont donc une porte d'entrée potentielle pour les hackeurs via des malwares intégrés dans ces derniers.

4. Ajouter un compte admin

Quand vous vous connectez, l'ID est proposé par défaut. Il est donc massivement utilisé par les Hackers.

 

Créez un nouveau utilisateur.

Tips : Créer une phrase en français, très compliqué pour une machine de le trouver !

ex mdp : JeViensDinstallerWPsur#OvH@TrouveMoi:)

comptes > ajouter>changer les infos

5. Passer son site en HTTPS

HTTPS (HyperText Transfer Protocol Secure).

Protocole de transfert hypertexte sécurisé en fr.

Cela désigne un mode de sécurisation technique des données échangées entre le serveur visité et les internautes.

Lorsque vous naviguez sur un site dépourvu de HTTPS, les données que vous échangez sont en clair.

N’importe qui peut les lire, les analyser et les transmettre.

Certains logiciels peuvent vous espionner.

5. Passer son site en HTTPS

Comment fonctionne le HTTPS ?

5. Passer son site en HTTPS

Comment fonctionne le HTTPS ?

5. Passer son site en HTTPS

Que signifient les acronymes SSL et TLS ?

Pour mettre en place le HTTPS sur un site, vous allez avoir besoin d’un certificat SSL/TLS, qui va permettre d’établir une connexion sécurisée en la chiffrant, et de vérifier l’identité du site.

 

SSL (Secure Socket Layer) est la première version de ce protocole de sécurisation.

TLS (Transport Layer Security) a pris le relais pour plus de sécurité.

6. Installer un plugin de sécurité

Ces plugins protègent non seulement votre site des virus, mais ils surveillent également la sécurité globale de votre WordPress.

 

Une extension de sécurité vous permettra ainsi de gérer plusieurs aspects de la sécurité de votre WordPress facilement et de façon transparente pour vous :

Gagnez de l'argent

avec

WooCommerce

1. Extension à télécharger 

WOOCOMMERCE

2. Suivre les étapes de création

2. Suivre les étapes de création

2. Suivre les étapes de création

2. Suivre les étapes de création

2. Suivre les étapes de création

2. Suivre les étapes de création

3. Dans WP - continuez l'installation

3. Dans WP - continuez l'installation

4.cocher la taxe et enregistrer

5. commencez à ajouter les infos

5. commencez à ajouter les infos

5. commencez à ajouter les infos

Pour aller plus loin

L'extension Stripe, pour gérer votre système de paiement en carte bancaire.

Le plugin Boxtal, pour proposer différents modes de livraison à vos clients.

Le plugin WooCommerce PDF Invoices, pour générer des factures en PDF.

Le site Captain Contrat, pour générer vos Conditions Générales de Vente.

Made with Slides.com