1 of 12

Slide Notes

DownloadGo Live

Créer un site web avec Wordpress

Published on Nov 24, 2015

No Description

PRESENTATION OUTLINE

Créer un site internet

avec un logiciel open source 

Les 4 principaux CMS Open Source

  • Joomla
  • Drupal
  • Prestashop
  • Wordpress : le plus utilisé actuellement
  • SPIP : CMS français qui permet la publication et la gestion de contenu de façon intuitive. Beaucoup utilisé dans le milieu associatif, administratif et surtout éducatif .
Cf. Ressource T1 : Comparatif des logiciels de création de sites web open source

Comparatifs du net :
http://www.lafabriquedunet.fr/logiciels-site-web/page/3/
http://www.arobasenet.com/2013/05/10-logiciels-creation-site-web-et-blog.ht...

SPIP : cours pour rédacteur + antisèche
Présentation du logiciel français spip : http://www.lafabriquedunet.fr/logiciels-site-web/spip/

Qu'est-ce qu'un CMS ?

Solution de conception et gestion des contenus
Pas besoin de connaissance en HTML

Quel est le meilleur CMS (Content Management System)? Pour définir un bon CMS, il convient d’en déterminer les fonctions, et l’importance de celles-ci pour l’utilisateur : le webmaster! Il n’y a donc pas de « meilleur CMS » il y a des CMS plus où moins bien adaptés aux besoins de son utilisateur. Joomla, WordPress ou Drupal ont tous leurs qualités et leurs imperfections.

Principales caractéristiques

  • Édition et mise en forme de texte dans un éditeur visuel
  • possibilité de créer des pages à la volée avec les rubriques correspondantes dans un menu de liens
  • Créer des catégories et sous-catégories
  • de générer des sections privées accessibles sur mot de passe
  • Gérer le flux en soumettant les contributions des rédacteurs à modération

Les qualités d'un bon CMS

  • Facile à utiliser mais extensible selon les besoins
  • Prêt à l'emploi et modulable à volonté
  • Equilibré entre options natives et modules additionnels

Le choix de Wordpress

Cf. Guide "comment créer un site avec wordpress"

Cf. Blog et site Wordpress / Différence

Tutoriel Wordpress en français : http://www.wppourlesnuls.com/

Besoins de WP en matière d'hébergement : En tant que système de gestion de contenu (CMS), WordPress a besoin que son hébergement possède certaines caractéristiques afin de pouvoir fonctionner convenablement.
Pour être plus précis, les hébergeurs utilisent des logiciels sur leurs serveurs et leurs bases de données. WordPress a besoin que ces logiciels soient à une certaine version pour fonctionner. Ce logiciels sont :
PHP : le langage dans lequel est écrit WordPress. Le serveur doit être capable de le lire pour afficher votre site.
Version recommandée pour PHP : 5.4 (ou supérieure)
MySQL : le langage de la base de données de WordPress.
Version recommandée pour MySQL : 5.5 (ou supérieure)
Si vous constatez que ces versions sont proposées par un hébergeur, cela veut dire qu’il est possible d’installer WordPress chez lui.

Les points forts de Wordpress

  • Open source et gratuitReconnu pour ses fonctions de blogging
  • Un grand panel d'extensions et plugins (facilite l'optimisation du site et le référencement)
  • N°1 des webzines et des blogs
  • Adapté pour les projets légers, statiques ou contributifs
  • Diversité des designs et templates
  • Reconnu pour ses fonctions de blogging
  • Facile à installer
  • Sans publicités
  • Communauté francophone Wordpress très active
  • Personnalisation /'identité professionnelle
  • Rapidité de chargement des pages
  • Reconnu pour ses focntions de mirco blogging
  • CMS le plus utilisé au mone

L'interface d'administration

Maîtriser le back office du site
• Web master : chargé du maintien et de l'évolution du site.
• Rédacteurs : chargés de la rédaction de contenus

L’interface d’administration du CMS se présente un peu comme un traitement de texte du type Microsoft Word. Il est notamment possible de :
choisir l’alignement de ses textes (gauche, droite, centré, justifié)
mettre en exergue un mot ou un groupe de mots :  gras, italique, souligné, changement de couleur…
choisir les niveau de Titre (1,2,3…)
créer des liste à puces ou des listes numérotées
intégrer simplement des média comme des images, des vidéos, PDF, plan d’accès
Vous pouvez intégrer vous même vos textes et réaliser des mises en page professionnelles très simplement après vous être initié à l'administration d'une page.

Les Templates

Graphisme
Un grand nombre de templates est inclu dans la version gratuite en ligne de Wordpress

Le web design désigne la conception de l’interface web : l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation dans le site web. Il s’agit d’une phase essentielle dans la conception d’un tel site. La conception d’un design web tient compte des contraintes spécifiques du support Internet, notamment en termes d’ergonomie, d’utilisabilité et d’accessibilité.

Thèmes pour ONG et associations : https://colorlib.com/wp/wordpress-themes-for-non-profit-charity-organizatio...

Fonctionnalités, thèmes et plug-in

Exemples de sites Wordpress
Exemple de sites associatifs sous WP : http://www.wordpress-fr.net/tag-vitrine/association/

Le guide des meilleurs plugins wordpress gratuits : http://fr.slideshare.net/Fabien_MaintPress/le-guide-des-meilleurs-plugins-w...

Sites associatifs :
http://www.wordpress-fr.net/tag-vitrine/association/
http://unheard-voices.org/
http://frapna-zeropesticide.fr/

Exemples de sites associatifs :
http://www.aureliendebord.com/11-exemples-de-sites-concus-pour-les-associat...

En termes de fonctionnalités, voici les indispensables :

Un module de prise de contact pour les internautes souhaitant se joindre à votre cause,
Un module de newsletter pour diffuser vos messages et votre actualité
Un module de donation pour que chacun puisse vous soutenir financièrement.
Certains de ces sites ont même été conçus en responsive design pour une portabilité maximale.

7 thème wordpress premium pour association :
http://www.beauxthemes.com/7-themes-wordpress-premium-pour-association/

Possibilité de développement spécifique (payant) sous wordpress
http://www.commerces-mirande.fr/
http://lapeniche.net/
http://www.decisionsdurables.com/

Analyser un site web existant

  • Menu de navigation
  • Moteur de recherche interne
  • La page d'accueil
  • Audit web – Conversion
  • Audit web et SEO
  • Qualité, quantité et contenu
  • Backlinks et autorité du domaine
  • Audit web technique
1- Questions clés pour analyser le menu d’un site web
Pour 3 cas d’usage typiques, le menu permet-il d’accéder à la rubrique recherchée ?
Les intitulés du menu sont-ils faciles à lire ? Et à comprendre ?
Si le site web dispose d’un deuxième niveau de navigation, les éléments de niveau 2 sont-ils clairement structurés ?

2- Le moteur de recherche interne d’un site web est un dispositif de navigation de plus en plus important. Les internautes sont biberonnés à la recherche Google, et de plus en plus de sites web intègrent un moteur de recherche interne. Selon une étude de Marketing Sherpa, plus de 25% des visiteurs d’un site ecommerce commencent par effectuer une recherche depuis le moteur interne, et plus de 50% l’utiliseront au cours de leur parcours. (cf. source : Ecommerce Mag).
> Questions clés pour analyser la performance d’un moteur de recherche interne
Pour 3 recherches typiques, obtient-on des résultats adaptés ?
Pour une requête au singulier, les résultats de recherche incluent-ils le mot au pluriel ?
Pour une requête à fort volume avec une faute d’orthographe classique, obtient-on des résultats adaptés ?
Le moteur de recherche inclut-il une fonctionnalité d’auto-complétion ? Est-elle suffisamment rapide ?

3- La page d'accueil
La page d’accueil a un rôle très important dans la navigation, même s’il ne faut pas oublier que la page d’accueil est rarement la première page visitée.
> Questions clés pour analyser la page d’accueil d’un site web
La proposition de valeur du site web est-elle facile à comprendre ?
Les éléments de la page sont-ils clairement hiérarchisés ?
La page d’accueil traduit-elle le positionnement et les valeurs de la marque ?
La page d’accueil contient-elle des éléments de réassurance (témoignages, note utilisateurs, etc.) ?

4- L’objectif est ici d’analyser la capacité du site web à atteindre l’objectif business souhaité : vente de produits, formulaires prospects, etc.
> Questions clés pour analyser la performance des pages d’atterrissage
La proposition de valeur est-elle facile à comprendre ?
L’action à réaliser pour obtenir le produit ou le service proposé est-elle clairement visible ?
Le bouton principal respecte-t-il les bonnes pratiques (libellé percutant, plutôt verbal, couleur vive, taille suffisante, etc.) ?
Les éléments de réassurance sont-ils convaincants et adaptés à l’offre proposée ?
Si vous avez accès aux données Analytics : le taux de rebond est-il inférieur à 50% ?

> Questions clés pour analyser les formulaires d’un site web
L’intérêt de remplir le formulaire est-il clairement rappelé ?
L’intitulé des champs est-il clair ? Une aide contextuelle est-elle proposée pour les champs plus complexes ?
Les champs sont-ils regroupés quand cela a du sens ? L’ordre des champs est-il logique ?
L’alignement des champs est-il harmonieux ? Les champs et la police du formulaire sont-ils assez gros ?
Pour des questions comme le numéro de téléphone ou le site internet, y-a-il une indication sur le format à utiliser ?
Que se passe-t-il si on saisit une entrée avec un format incorrect, par exemple une adresse email sans @ ?

> Questions clés pour analyser le parcours d’achat d’un site ecommerce
La page Panier est-elle facilement modifiable ? (suppression d’un produit, modification quantité)
Le prix de la livraison est-il indiqué clairement dès l’étape panier ? (la livraison gratuite à partir d’un certain niveau d’achat reste un outil marketing très performant)
Peut-on sauvegarder le panier et le retrouver plus tard ?
Les éléments de réassurance sont-ils visibles et pertinents ? (témoignages clients, paiement sécurisé, etc.)
Les modalités de remboursement / retour sont-elles facilement compréhensibles ?
L’achat sans création de compte est-il proposé ?
Tous les champs du formulaire de création de compte sont-ils vraiment nécessaires ?
Plusieurs modes de paiement sont-ils proposés ?

5- Les deux critères principaux en SEO sont le contenu et la popularité du site web, mais si les moteurs de recherche n’arrivent pas à crawler (=lire) les pages de votre site web, la popularité ou la qualité du contenu de votre site web est inutile. La crawlabilité est la capacité d’un site web à être facilement, et entièrement, lu par les moteurs de recherche : accessibilité des pages par un robot qui arrive sur la page d’accueil, pas de contenu caché par du javascript, titre et description des pages cohérents avec le contenu, etc.

6- > Questions clés pour analyser la qualité du contenu d’un site web
Le contenu est-il bien unique, et non dupliqué depuis un autre site web ? (vous pouvez faire un test facilement grâce à un outil comme Positeo)
Chaque page est-elle centrée sur une expression forte qu’on retrouve dans l’URL, la balise title, la meta description et les principaux titres (balises H1, H2, H3) ?
Les pages contiennent-elles au moins 300 mots d’un contenu de qualité (bien écrit, images, etc.) ?
En cas de duplication de contenu, par exemple les excepts de produits entre une page de catégorie et une page de sous-catégorie, une URL canonique est-elle indiquée pour indiquer aux moteurs de recherche la page de référence ?

7- Les moteurs de recherche valorisent naturellement les sites web qui disposent d’une forte autorité dans leur  domaine. L’autorité d’un site web est évaluée principalement grâce aux liens entrants, ou backlinks. Il ne s’agit pas uniquement d’avoir beaucoup de backlinks, il faut avoir des backlinks de qualité.
> Questions clés pour analyser l’autorité d’un site web
Le site web dispose-t-il d’une autorité suffisante par rapport aux principaux concurrents ?
Les liens entrants sont-ils issus de sites web populaires ? de sites web proches de l’univers du site audité ?
Les liens entrants semblent-ils naturels ou plusieurs signes trahissent d’un netlinking agressif (avec risque de pénalité..) ? Exemple : proportion de no-follow, régularité, spam score des domaines entrants, etc.
> Principaux outils pour analyser l’autorité et les backlinks d’un site web
Ahrefs – Analyse des backlinks très complète même en version gratuite
Moz – Open Site Explorer – Même genre qu’Ahrefs en plus simple

8- Technologies  utilisées
Quel que soit la profondeur d’analyse du dispositif technique derrière le site web, il est très utile de connaitre les technologies utilisées par le site web audité. Cela permet d’évaluer la maturité technique d’un projet web, mais surtout, les technologies utilisées peuvent expliquer certains problèmes, par exemple un temps de chargement très long ou des problèmes de sécurité.

> Questions clés pour analyser le temps de chargement d’un site web
Le temps de chargement est-il inférieur à 2 secondes ? (en prenant compte les variations au sein d’une journée, surtout pour des sites hébergées sur un serveur mutualisé ou un VPS, et la différence entre premier et deuxième chargement quand le cache est mis en place)
La note Google PageSpeed est-elle supérieure à 70 ?
Les bonnes pratiques élémentaires (compression images, cache, etc.) sont-elles mises en place ?

9- Compatibilité multi devices
A l’heure où 38% du traffic web est issu des smartphones et tablettes, un site web se doit d’être accessible parfaitement quel que soit le device utilisé. En simplifiant, deux solutions existent : le responsive design qui permet de changer les propriétés CSS selon la taille de l’écran utilisé et le site mobile dédié qui suppose de gérer deux sites web (souvent une fausse  bonne idée…). Pour tester le rendu d’un site web sur de nombreux devices, inutile d’emprunter les smartphones de vos amis, plusieurs outils permettent de réaliser ce travail facilement.
> Questions clés pour analyser la compatibilité multi-devices d’un site web
Les pages principales du site web apparaissent-elles correctement quelles que soient la taille de l’écran ? Vous pouvez par exemple tester les résolutions suivantes grâce à une extension Chrome Window Resizer: 320 x 480px (petit smartphone), 640 x 960px (iphone), 1024 x 768px (tablette) et 1280 x 800px (desktop)
Google considère-t-il le site comme compatible mobile ? (cf. Google Webmaster Tools)
 

Fin.

Merci