SlideShare une entreprise Scribd logo
1  sur  73
Télécharger pour lire hors ligne
Créer un site web
hébergement et NDD
Créer son site internet avec WordPress2
Avant de se lancer
La création d’un site internet implique une
réflexion en amont sur les objectifs, les
cibles et les besoins d’une structure à
développer une communication sur cet
espace.
Il est nécessaire aussi de réfléchir à
l’hébergement et au nom de domaine qui
va être associé au site :
Vérifier que le nom de domaine du nom de
votre entreprise est bien disponible en .fr,
en .com ou en .bzh.
Le nom de domaine peut reprendre le
nom de votre marque, le nom de votre
entreprise ou même le nom d’un produit
ou d’un service, en fonction de vos
objectifs et donc de votre stratégie.
Pour la création du site, nous allons prendre un
abonnement chez un hébergeur payant, OVH,
qui garantit un minimum de services.
https://www.ovh.com/fr/hebergement-web/
Les offres d’OVH vont de 1,79€/mois à 9,99€/
mois, ce qui, dans l’hébergement payant, est
plutôt attractif.
Sauf si vous avez des besoins assez faibles ou
plus important, nous allons nous orienter vers
l’offre « Perso » à 3,59€/mois.
Il est toujours possible de changer d’offre si
elle s’avère pas assez puissante par rapport à
vos besoins.
Offre Perso :
§  1 nom de domaine
§  100Go d’espace disque
§  10 adresses emails
§  Traffic illimité
§  Préinstallation de Wordpress
Réservez votre nom de domaine
Réservations
Recommandations
TOTAL :
43,06€ TTC
Pour la première année
Créer un compte OVH
WordPress
dans les grandes lignes
Administrer votre site sans rien
connaître au code HTML
L’interface de
gestion
Créer son site internet avec WordPress9
Un site dynamique ?
Un site créé avec WordPress est divisé entre deux parties distinctes :
-  Le site public (aussi appelé frontoffice)st l’ensemble des pages
accessibles à tout visiteur. Il s’agit de l’affichage des articles, pages,
catégories que vous avez publiés, ainsi que les commentaires qui
peuvent y être associés. Il est généré par le thème.
-  L’espace privé (aussi appelé backoffice) est l’espace à accès restreint
dans lequel les administrateurs et rédacteurs peuvent écrire des
articles, des pages, modifier la structure du site, suivre et modérer les
commentaires, etc. Il est nécessaire d’être enregistré pour accéder à
cet espace, c’est-à-dire d’avoir un login et un mot de passe. L’espace
privé est accessible depuis le répertoire "wp-admin" du site WordPress.
Créer son site internet avec WordPress10
Accès à l’espace privé
Pour accéder à l‘espace privé du site, il
vous faudra rajouter /wp-admin à la
fin de l’adresse (l’URL) de votre site.
Vous arriverez alors sur une page de
sécurité qui vous demandera votre
login et votre mot de passe.
Créer son site internet avec WordPress11
Accès à l’espace privé
Sur le site, vous avez la possibilité, une
fois connecté, de basculer facilement
de la partie publique à la partie privée.
Si vous êtes sur la page d'accueil, vous
pouvez aller sur le tableau de bord, la
gestion des commentaires ou la
rédaction d'un nouvel article.
Sur une page ou un article, vous
pouvez aussi basculer directement sur
l'espace de modifications sans être
obligé de passer par le tableau de
bord.
Créer son site internet avec WordPress12
Accès au site public
De même, depuis l'espace privé, vous
pouvez basculer sur la page d'accueil
du site, la page ou l'article
directement soit par la barre de menu
se situant en haut des pages, soit par
les boutons situés près du permalien.
Le lien sous « Modifier la page »
n’apparaît que lorsque la page a été
mise à jour suite à des modifications
par exemple.
wp-admin
Créer son site internet avec WordPress14
Le menu de WordPress
Le tableau de bord affiche un menu à gauche permettant d'accéder
aux différentes fonctionnalités du site et à des aperçus rapides de ce
qui a été fait.
Le module « D’un coup d’œil" vous donne un aperçu rapide des
contenus répertoriés, qu'ils soient ou non publiés.
Le module « Stats du Site" vous indique les périodes d’activités
éditoriales.
Pour l’affichage des statistiques de Google Analytics, il est possible d’avoir
accès à quelques données mensuelles.
Créer son site internet avec WordPress15
Les fonctionnalités présentes dans le menu
§  Articles
Cette partie vous permet de gérer vos
articles, d'en rédiger ou d'en modifier.
Vous pouvez aussi créer des catégories
pour améliorer le classement de ceux-ci.
Les mots clés vous permettent d'ajouter
un moyen supplémentaire de créer du
lien entre vos contenus pour un meilleur
maillage interne.
§  Médias
Gestion et chargement des médias
(images...).
§  Pages
Gestion des pages statiques du site.
§  Commentaires
Espace de modération des
commentaires du site.
§  Contact (option)
Création de formulaire que vous pourrez
ensuite intégrer dans vos pages ou vos
articles.
§  Apparence
Espace qui permet de gérer les menus,
les widgets.
Il existe des fonctionnalités propres à
chaque thème WordPress
§  Utilisateurs
Gestion des utilisateurs du site.
§  Réglages
Accès à des paramètres du site ainsi
qu'à certaines extensions.
§  SEO (option)
Module pour améliorer l'optimisation du
référencement naturel du site.
§  Événements (option)
Module pour créer des événements qui
s’afficheront ensuite dans l’agenda
§  Les modules (options)
Jetpack, ACF, Google Analyics, Outils et
Réglages n’ont pas à être modifié
Créer son site internet avec WordPress16
Les thèmes
La force de WordPress se situe au départ
dans le choix des thèmes.
Sur les quelques thèmes gratuits préinstallés,
il est facilement possible d’en ajouter
d’autres via l’interface qui propose une
présélection de thème mais aussi un moteur
pour en trouver selon certains critères.
Si vous téléchargez un thème gratuit ou que
vous en achetez un via un site extérieur
(méfiez-vous car il existe des thèmes qui
peuvent pirater votre site), vous pourrez
l’ajoutez aussi en cliquant sur Ajouter un
thème>Mettre un thème en ligne.
Le thème devra être compressé en .zip.
Voir :
https://wpformation.com/20-themes-wordpress-
gratuits-2017/
Recherche d’un thème
Téléchargement d’un thème
Créer son site internet avec WordPress19
Les articles
L'espace de gestion des articles affiche
un tableau des derniers articles
(actualités). Il est possible, avec les
filtres, de ne faire apparaître qu'une
partie des articles liés à une catégorie.
Dans la partie "Options de l'écran", vous
pouvez choisir d'afficher ou non certains
critères (auteur, catégories, mots
clefs...).
Les articles génèrent un flux et sont
généralement utilisés pour un blog ou
une rubrique d’actualités.
Créer son site internet avec WordPress20
Les pages
Les pages sont des éléments très
proches des articles mais qui sont
plutôt dédiées aux contenus statiques
du site (présentation, équipe…). Elles
apparaissent généralement dans les
menus principaux ou secondaires du
site.
Créer son site internet avec WordPress21
Création de pages et
d'articles
Pour la création de pages et d'articles, les
champs principaux sont identiques.
Le champ Titre, obligatoire, va définir le titre de
votre page (qui servira aussi au référencement
de celle-ci).
Le champ Texte, quant à lui, accueillera les
textes et les médias de votre page ou de votre
article.
Dans la barre de menu, vous avez des
raccourcis cliquables pour générer des gras, des
italiques...
Pour faire des sous-titres, il faudra cliquer sur
l'icône pour faire apparaître les autres options.
Créer son site internet avec WordPress22
Création de pages et
d'articles
Le permalien
Une fois le titre saisi, vous pouvez
améliorer le permalien de votre page ou
de votre article en ajoutant par exemple
des mots clés qui ne serait pas dans le
titre. Par défaut le permalien reprend les
éléments du titre.
Les permaliens se gèrent aussi dans
les réglages du site pour définir le
format des adresses des différentes
pages du site.
Vérifiez bien que l’hébergeur permette
la réécriture des URLs.
Créer son site internet avec WordPress23
Création de pages et
d'articles
Ajouter un média
Pour ajouter une image dans l'article ou
la page, vous cliquez sur "Ajouter un
média". S'ouvre alors une fenêtre.
Vous avez la possibilité de prendre une
image sur votre ordinateur ou dans votre
bibliothèque.
Vous pouvez aussi, suivant les thèmes,
créer une galerie, mettre une image à la
Une ou insérer une image qui est sur un
autre site internet (attention aux droits).
Créer son site internet avec WordPress24
Création de pages et
d'articles
Spécificités sur l'article
Vous devez spécifiez la catégorie souhaitée pour
votre article. Si vous l’oubliez, l’article sera associé à
la catégorie par défaut.
Les étiquettes ajoutent des mots clés pour lier vos
différents articles ensembles et, même si elles
n’apparaissent pas dans le thème choisi, elles seront
visibles dans le sitemap et aussi dans l’admin pour
filtrer les articles.
Le module discussion permet d’activer ou non les
commentaires sur un article ou une page.
Spécificités sur la page
Les attributs de la page sont spécifiques au thème
choisi qui, généralement, propose des modèles de
page (pour avoir un menu à gauche ou à droite par
exemple).
Le Parent permet de lier une page à une autre
comme sous élément de celle mise en parent.
Cela permet de faire un fil d’Ariane détaillé.
Créer son site internet avec WordPress25
Création de pages
Pour les pages, en fonction du modèle,
les contenus pourront s’organiser
différemment. Il n’y a pas forcément
beaucoup de modèles dans un thème,
cela dépend de ce qui a été fait par les
créateurs du thème.
Créer son site internet avec WordPress26
Gestion des images
Pour insérer une image dans un article ou dans
une page, vous devez d'abord placer le curseur à
l'endroit où devra se placer l'image.
Ensuite, vous cliquez sur "Ajouter un media".
Différentes options vous seront alors
proposées :
§  Insérer un média ;
§  Créer une galerie ;
§  Mettre une image à la Une (attention,
certains thèmes ne pourront pas afficher
ces images) ;
§  Insérer à partir d'une adresse web.
Pour l'insertion d'image à partir de l'adresse web
de celle-ci, il suffit de coller l'URL puis d'insérer
l'image.
Lorsque vous
utilisez des
images provenant
de sites web,
faites attention
aux droits de
reproduction !
Créer son site internet avec WordPress27
Importer une vidéo
Pour insérer une vidéo provenant de
Youtube ou Daylimotion, ou insérer
des documents comme une Google
Map ou un SlideShare, il vous faut
récupérer le code html « iframe » qui
se trouve généralement sur les
boutons « Share » ou « Partager »
suivant les plateformes.
Vous devrez ensuite le coller dans la
zone « texte » et non la zone « visuel »
de votre bloc de texte.
Créer son site internet avec WordPress28
Gestion des menus
Il est possible de modifier les différents
menus actifs sur le site et d’en créer de
nouveaux que vous pourrez afficher dans
des widgets.
Colonne de gauche, vous retrouvez les
principaux accès aux données de votre
site. Si les données souhaitées n’y sont
pas, vous pouvez utilisez « liens
personnalisés ».
Créer son site internet avec WordPress29
Les widgets
Dans Apparence > Widgets, vous pouvez
accéder aux widgets présents sur
certaines page ou en bas de toutes les
pages.
Dans cet exemple :
§  Ma sidebar est affichée sur les
actualités ;
§  Les 3 footers gèrent les modules
sociaux en bas de la page d’accueil ;
§  Page permet de gérer le texte qui
s’affiche par défaut à droite des pages
quand il n’y a pas d’image insérée (voir
gestion des pages page 10)…
Des thèmes payants répondant à
la plupart des besoins
Les thèmes
prenium
Créer son site internet avec WordPress31
L’outil idéal pour les
débutants, il est
traduit plus ou
moins bien en
français.
Epanel
§  Définir logo et
favicon
§  Ajouter vos
profils de
réseaux sociaux
(entête ou pied
de page)
§  …
Divi Builder
Un outil pour gérer
l’affichage des
pages d’une
manière assez
poussée :
§  Multicolonnes
§  Ajouts de widget
ou d’éléments
graphiques plus
complexes
(onglets, menu
accordéon,
compteurs…)
En savoir plus :
https://
wpmarmite.com/
divi/
https://
www.eleganttheme
s.com/gallery/divi/
Prix :
De 69$/an à 249$
(à vie)
Divi – elegant themes
Créer son site internet avec WordPress32
18 démos
proposées pour
tester des
dispositions
différentes.
Une documentation
en ligne très
poussée pour
répondre à toute
vos questions.
Fusion Builder
L’outil de
constructeur de
page maison du
thème pour
découper vos pages
et organiser vos
contenus comme
vous le souhaitez.
Revolution Slider et
LayerSlider
Des outils assez
poussés pour
réaliser des sliders
animés.
En savoir plus :
https://
wpmarmite.com/
avada/
https://
themeforest.net/
item/avada-
responsive-
multipurpose-theme/
2833226
60$
Compatible avec
WooCommerce,
Polylang (gestion site
multilangue…)
Avada – envato market
Créer son site internet avec WordPress33
Thème plutôt bien
fait qui répondra à
la plupart des
besoins de site web.
De nombreuses
démos pour vous
aider à choisir quel
aspect aura votre
site. (voir
http://
winningwp.com/
examples-of-sites-
built-with-the-
wordpress-enfold-
theme-by-kriesi/)
Avia
L’outil de création
de page Avia
propose des options
comme sur les
autres thèmes qui
vous permettront
de personnaliser
vos pages d’une
manière assez
poussée.
Layer Slider
Pour la création de
sliders.
En savoir plus :
https://
wpmarmite.com/
enfold/
https://
themeforest.net/
item/enfold-
responsive-
multipurpose-
theme/4519990
60$
Enfold – envato market
Le petit plus wordpress qui peut
faire la différence
Les extensions
Créer son site internet avec WordPress35
Contact Form 7
Peut-être pas le plus
complet pour générer
des formulaires, mais
un des plus simples.
Par défaut il vous
propose un
formulaire de contact
basé sur l’adresse du
premier
administrateur du
site.
Il est possible d’aller
beaucoup plus loin.
Plus complet :
GravityForms
Yoast SEO
L’extension qui va
booster le
référencement de
votre site. Ce n’est
pas magique
attention mais ça
vous permet de
modifier les
éléments title et
description de
chaque page, ça
propose les bonnes
images pour le
partage sur les
réseaux sociaux…
Polylang
Un des meilleurs
outils pour générer
un site multi langue
et en plus le
développeur est
français !
Il y a sinon WPML
Easy FancyBox pour
mettre en place des
fenêtres modales
sur vos vignettes.
Les extensions plus connues
Créer son site internet avec WordPress36
WooCommerce
L’application pour
ajouter une couche
e-commerce à votre
site. Attention, vous
ne pourrez pas faire
des miracles avec
et, surtout, il existe
des CMS dédiés au
e-commerce
(PrestaShop), mais
pour la vente de
quelques produits,
cela peut suffire.
The Event Calendar
Une extension pour
gérer des
événements avec
agenda et pas mal
d’options. Dans sa
version payante, il est
possible de générer
des événements
récurrents.
Sinon très bien aussi :
Events Manager (qui
supporte Polylang et
propose de la
récurrence).
bbPress
Outil pour mettre en
place un forum sur
votre site.
Askimet
Pour réduire le spam
Google Analytics
Dashboard
Avoir un aperçu des
stats de votre site
Il existe aussi des
options dans
WordPress pour
mettre en place un
multisite assez
efficace.
Et aussi
https://
www.evolyos.com/
plugin-wordpress-
guide-meilleurs-
plugins-wordpress-
gratuits/
Créer son site internet avec WordPress37
JetPack
Un plugin de
wordpress.com qui
vous permet d’avoir
une multitude de
petites fonctions
(certaines sont
payantes) comme
l’ajout d’un
diaporama, des
boutons pour les
partages sur les
réseaux sociaux…
Slideshow, Nivo
Slider ou WP Slider
Plugin pour réaliser
des diaporamas
plus avancés et plus
complets qu’avec
JetPack.
Relevanssi est une
extension qui va
booster votre
moteur de
recherche interne.
WP-Polls pour
réaliser des votes
sur votre site web.
BackWPup ou
Wordpress Backup
to Dropbox pour
sauvegarder les
données de votre
site et pouvoir ainsi
le réinstaller en cas
de problème.
Et aussi
Créer son site internet avec WordPress38
WordPress SEO
Ce module vous permet d'optimiser votre page
pour les moteurs de recherche.
§  Le Titre SEO reprend par défaut votre titre
principal. Si vous le modifier pour élargir vos
mots clés (avec synonymes par exemple), il
vous suffit de le saisir là. En aucun cas il ne
modifiera le titre visible pour les internautes.
Il est cependant important de savoir que ce
titre SEO sera celui utilisé par les moteurs de
recherche.
§  La Meta Description vous permet de
proposer une phrase d'accroche pour les
moteurs de recherche. Ça n'influence pas le
référencement directement mais permet de
convaincre les internautes.
Traitement des images
Pixlr Editor
Créer son site internet avec WordPress40
Pixlr Editor
Opérer à des modifications
des images sur lesquelles vous
avez des droits peut s’avérer
nécessaire pour alléger le site.
Les photographies prises par
un appareil photo ou par un
smartphone sont souvent très
grandes et lourdes par
rapport à internet. Il sera
donc utile de les réduire.
https://pixlr.com/editor/
Pixlr Editor est un outil en
ligne qui permet de travailler
des images. Il nécessite
l’installation de flash sur
l’ordinateur et une connexion
internet.
Il existe aussi des versions
pour les mobiles.
Créer son site internet avec WordPress41
Redimensionner une image
Les images peuvent parfois dépasser
les 3000px de large ou de haut. Pour
internet c’est très grand.
Il est conseiller d’utiliser des images
entre 800 et 2000px.
Les grandes images (2000px) seront
plutôt pour des espaces où l’image
prend tout l’écran (bandeau, image à
la une sur certains thèmes…).
La plupart des sites ne dépassant que
rarement les 1200px de large, cela ne
sert pas à grand chose de mettre de
trop grandes images.
Faites attention de bien conserver les
proportions !
Créer son site internet avec WordPress42
Quelques autres options
La table des couleurs permet de
passer une image en noir et blanc ou
profiter de filtres plus originaux.
Créer son site internet avec WordPress43
Quelques autres options
La luminosité et les contrastes
permettent de modifier en accentuant
ou atténuant des éléments basiques
de l’image.
Créer son site internet avec WordPress44
Les options de sauvegarde
Il existe plusieurs formats
d’enregistrement :
§  Le jpg, un des formats les plus
courants du web, qui permet de
travailler sur le poids et la qualité de
l’image (valeur de 0 à 100) –
généralement il est conseillé de
travailler entre 70 et 90.
§  Le png, qui donne des images de
meilleures qualités mais plus lourdes.
L’avantage du png est qu’il gère les
transparences plus proprement que le
gif.
§  Les bmp et tiff, pas utilisés pour le web
§  Le pxd qui est le format de pixlr editor et
qui permet de sauvegarder les calques.
Notions d’écriture web
Animer un site web
Créer son site internet avec WordPress46
Les bases
Conseils pour la rédaction
1.  J’affirme !
On pose le cœur du
message en avançant une
idée forte.
2.  J’argumente !
Prouver ce qui est affirmé
avec des éléments
factuels.
3.  J’illustre !
Trouver des exemples, des
témoignages, proposer des
liens externes.
§  Écrire pour vos cibles tout
en pensant au
référencement ;
§  Publier régulièrement : vous
avez des choses à dire ;
§  Élargir sa visibilité avec les
réseaux sociaux (blog,
Facebook, Google+…) ;
§  Parler de votre site sur vos
documents et sur vos
courriers ;
§  Varier les contenus :
images, vidéos, sons,
slides… ;
§  Fidéliser par une newsletter.
Créer son site internet avec WordPress47
LES BASES
1.  Publiez régulièrement car vous avez des choses à dire et à partager ;
2.  Écrivez pour vos cibles sans être obsédé par le référencement ;
3.  Variez les contenus : publiez des images, des vidéos, du son, des présentations ;
4.  Élargissez votre visibilité avec les réseaux sociaux : ils sont là pour ça ;
5.  Partagez l'adresse de votre site dans vos mails, sur vos documents, dans vos
courriers, dans vos publicités ;
6.  Fidélisez votre clientèle avec une newsletter, même si elle n'est pas régulière.
Pour rappel, lors de la rédaction d'un texte pour votre site internet, essayez, avant,
de suivre quelques principes assez simples :
1.  J'affirme !
Vous posez le cœur du message en avançant une idée forte ;
2.  J'argumente !
Prouvez ce qui est affirmé avec des éléments factuels ;
3.  J'illustre !
Trouvez des exemples, des témoignages, proposer des liens externes...
Créer son site internet avec WordPress48
POURQUOI ANIMER UN SITE WEB !
Inciter vos clients à venir dans votre boutique avec la
présentation renouvellée de nouveaux produits à découvrir.
Animer votre actualités régulièrement pour montrer de
nouveaux arrivages et amener vos clients à venir regarder
plus souvent votre “vitrine”.
Tester les produits ou les actualités qui accrochent le plus.
Faire vivre le site et l’animer pour que les moteurs de recherche
lui donnent plus de visibilité.
➜ Publiez régulièrement car vous avez des choses à
dire et à partager
Créer son site internet avec WordPress50
QUOI ÉCRIRE ?
Tout est prétexte à écrire
une information sur votre
site !
1.  Les actualités
§  De votre commerce
§  De votre rue
§  De votre quartier
Voir :
http://articledeblog.com/idees-
darticles-blog-entreprise
http://www.sj-rennes.fr/la-premiere-slip-party-mondiale-a-eu-lieu-a-rennes/
Créer son site internet avec WordPress51
http://www.herbeth-immobilier.com/#!blog/chwu
QUOI ÉCRIRE ?
Tout est prétexte à écrire
une information sur votre
site !
1.  Les actualités
§  De votre commerce
§  De votre rue
§  De votre quartier
2.  Les sujets plus
approfondis
Créer son site internet avec WordPress52
http://joelec.fr/les-techniques-de-renovation-electrique/
QUOI ÉCRIRE ?
Tout est prétexte à écrire
une information sur votre
site !
1.  Les actualités
§  De votre commerce
§  De votre rue
§  De votre quartier
2.  Les sujets plus
approfondis
§  Démonstration de
l’utilisation d’un
produit
Créer son site internet avec WordPress53
QUOI ÉCRIRE ?
Tout est prétexte à écrire une
information sur votre site !
1.  Les actualités
§  De votre commerce
§  De votre rue
§  De votre quartier
2.  Les sujets plus
approfondis
§  Démonstration de
l’utilisation d’un produit
§  Recettes pour cuisiner
un produit alimentaire
Pour cela avez-vous un
blog ou un espace pour
publier des actualités ?
http://lelavandier.fr/content/category/7-les-recettes
Créer son site internet avec WordPress54
QUOI ÉCRIRE ?
Tout est prétexte à écrire une
information sur votre site !
1.  Les actualités
§  De votre commerce
§  De votre rue
§  De votre quartier
2.  Les sujets plus
approfondis
§  Démonstration de
l’utilisation d’un produit
§  Recettes pour cuisiner
un produit alimentaire
Pour cela avez-vous un
blog ou un espace pour
publier des actualités ?
Au lieu de créer un site
chacun de votre côté,
pensez éventuellement à
vous regrouper autour
d’une rue ou d’une zone
d’activité et organisez
votre visibilité avec une
plateforme commune
pour réduire les coûts.
Projet En Vitrine pour la rue la rue Pont-aux-Foulons
http://www.rennes.cci.fr/actualite/14927/lancement-de-loperation-en-vitrines-rennes.aspx
Créer son site internet avec WordPress55
CONSEILS
Listez vos domaines d’expertise, dégagez-en les thématiques
principales. Construisez votre planning éditorial.
Identifiez des sujets :
1.  Présentez vos références clients
2.  Présentez des tutoriels et des informations produits
3.  Parlez des annonces à venir
4.  Demandez à vos clients ce qu’ils pensent de vous
5.  Présentez les nouvelles de votre marché
6.  Renseignez vos lecteurs et répondez à leurs questions
http://www.lachaineweb.com/10-idees-de-sujets-pour-votre-blog-
professionnel/
Organisez vos
actualités par
rubrique : ce sont
d’autres entrées
possibles sur votre
site, ce sont des
mots clés
importants !
➜ Écrivez pour vos cibles sans être obsédé par le
référencement
Créer son site internet avec WordPress57
COMMENT ÉCRIRE ?
« Une erreur raisonnée vaut mieux que l’inaction »
Souvent, on oppose l’écriture destinée à nos cibles à l’écriture
destinée aux moteurs de recherche. C’est en partie une erreur !
Ce qui important, c’est le contenu !
Créer son site internet avec WordPress58
Analyser un site
Pour analyser rapidement des
pages d’un site et comprendre ce
qui peut être améliorer, il existe
quelques outils en ligne assez
simple à utiliser :
§  Site analyser
http://www.site-analyser.com/
fr/
§  SEO Grader
http://grader.rezoactif.com/
§  http://www.woorank.com/
§  http://www.seoh.fr/audit-seo
Créer son site internet avec WordPress59
Lecture d’une
page
Comment les internautes lisent
une page web
§  Lecture en 2 étapes :
Scan
Lecture
§  Lecture plus lente de 25%
RAPPELS
Créer son site internet avec WordPress61
Style d’écriture à adopter
En ce qui concerne le style à adopter,
tout le monde doit pouvoir comprendre
votre article :
§  Ecrivez votre article avec des mots
compris par tous (cela facilite
l’accessibilité) ;
§  Evitez les effets littéraires ou un style
trop original (n’oubliez pas que vous
souhaitez faire passer un message) ;
§  Ecrivez concis (n’oubliez pas que les
internautes passent très peu de
temps sur une page) ;
§  Soyez le plus direct possible (ne
tournez pas autour du sujet);
§  Evitez les phrases longues, les mots
de liaisons inutiles.
EXEMPLE :
plutôt que de titrer :
"Séance d'information générale ouverte au
public sur le thème des plantes
transgéniques et de leurs implications
diverses pour les trois régions de Belgique"
...vous titrerez :
"Plantes transgéniques: les enjeux pour la
Belgique (conférence)"
Créer son site internet avec WordPress62
Style d’écriture à adopter
Faites lire votre article à une
personne de votre entourage qui
ne connaît rien à votre activité.
Analysez aussi votre propre
pratique de la lecture en ligne. Si,
dès les dix premières lignes, vous
ne comprenez pas quel sujet est
traité, vous abandonnez.
Il ne s’agit pas forcément de
garder tous les internautes mais
que ceux qui cherchent
l’information que vous développez
ne passent pas à côté.
Quelle est la longueur idéale d'une page
web ?
On s'accorde à dire qu'une page HTML devrait
contenir entre 500 signes (seuil en dessous
duquel l'information n'est pas assez consistante)
et 4000 signes (plafond au-delà duquel la
lecture à l'écran devient très pénible). Mais ce
n'est qu'un ordre de grandeur, à mettre toujours
en liaison avec le contexte.
Quel texte est le plus facile à lire ?
Créer son site internet avec WordPress64
RAPPELS
Pour rappel, lors de la rédaction d'un texte pour votre site internet,
essayez, avant, de suivre quelques principes assez simples :
1.  J'affirme !
Vous posez le cœur du message en avançant une idée forte ;
2.  J'argumente !
Prouvez ce qui est affirmé avec des éléments factuels ;
3.  J'illustre !
Trouvez des exemples, des témoignages, proposez des liens
externes...
Voir aussi :
https://yellowdolphins.com/publications/articles/checklist-pour-bien-ecrire-sur-le-web/
➜ Variez les contenus : publiez des images, des vidéos,
du son, des présentations
Créer son site internet avec WordPress66
LES RÉSEAUX SOCIAUX
Les organisations (entreprises,
commerces…) doivent s’insérer
prudemment dans les médias
sociaux
§  Ces médias sont dit sociaux, non
commerciaux
§  Pas plus d’un message sur quatre
doit avoir une vocation commerciale
§  Ces réseaux sont montés autour de
personnes non d’organisations
Les Community managers sont souvent
mieux identifiés que la marque dans
les communautés
Créer son site internet avec WordPress67
LES RÉSEAUX SOCIAUX
Généralistes
Facebook
Google+
Twitter
Professionnels
LinkedIn
Outils partage documents
Slideshare
Outils partage Vidéos
Youtube
Vimeo
Outils partage sons
Bandcamp
Et aussi
Instagram
Pinterest
Scoopt.it
Outils partage cartographie
Google Maps
➜ Fidélisez votre clientèle avec une newsletter, même
si elle n'est pas régulière
Créer son site internet avec WordPress69
LA NEWSLETTER
Malgré toutes les critiques,
parfois fondées, l’email
d’information reste un des
outils phare de la fidélisation
des clients.
Une lettre d’information
électronique vous permet de
déposer directement des
contenus chez vos cibles.
Plutôt que de concentrer
toutes vos informations sur un
seul courrier, étalez les envois.
Ne postez qu’une grande
information par lettre.
Attention cependant à ne pas
retrouver les messages dans
la catégories des SPAMs.
Créer son site internet avec WordPress70
LA NEWSLETTER
Il existe de nombreux outils
pour gérer et envoyer vos
newsletters avec des offres
gratuites puis très
abordables.
Deux outils qui ne nécessitent
pas de connaissances
particulières en HTML et
bénéficiant de statistiques
assez complètes :
§  Mailjet
§  Jusqu’à 6000 emails par mois,
200 emails par jour pour l’accès
gratuit
§  Outil de mise en page intuitif
§  À partir de 5€49, vous pouvez
envoyer 20 000 emails par mois
sans limite par jour
§  SendInBlue
§  Jusqu’à 6000 emails par mois
pour l’accès gratuit
§  Outil de mise en page intuitif
§  À partir de 5€49, vous pouvez
envoyer 40 000 emails par mois
§  Propose aussi un service payant
pour envoyer des SMS
Exemple de newsletter avec Mailjet
Interface de création avec SendInBlue
Créer son site internet avec WordPress72
QUELQUES LIENS
Outil de publication automatique :
ifttt.com
Outil de gestion et de publication sur
les réseaux sociaux :
www.hootsuite.com
Plateformes pour créer des blogs :
wordpress.com, blogger.com et
tumblr.com
Formateur / Chef de
projet web
06 62 15 11 02
erwan@ticoet.me
@erwan_t @ticoetfr
Erwan Tanguy

Contenu connexe

Tendances

Tendances (20)

Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1Cours Licence Pro (Système de gestion de contenu) Partie 1
Cours Licence Pro (Système de gestion de contenu) Partie 1
 
Conférence SEO & Marketing 2022
Conférence SEO & Marketing 2022Conférence SEO & Marketing 2022
Conférence SEO & Marketing 2022
 
SEO Référencement
SEO RéférencementSEO Référencement
SEO Référencement
 
Formation prospection LinkedIn
Formation prospection LinkedInFormation prospection LinkedIn
Formation prospection LinkedIn
 
Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPress
 
Analyser l'audience de son site Internet
Analyser l'audience de son site InternetAnalyser l'audience de son site Internet
Analyser l'audience de son site Internet
 
Conception d'un site web
Conception d'un site webConception d'un site web
Conception d'un site web
 
02 seo principes - referencement seo
02 seo    principes - referencement seo02 seo    principes - referencement seo
02 seo principes - referencement seo
 
Introduction à la publicité payante (Google Ads et Facebook Ads)
Introduction à la publicité payante (Google Ads et Facebook Ads)Introduction à la publicité payante (Google Ads et Facebook Ads)
Introduction à la publicité payante (Google Ads et Facebook Ads)
 
Les nouveautés dans le SEO e-commerce : études et insights #SMXParis
Les nouveautés dans le SEO e-commerce : études et insights #SMXParisLes nouveautés dans le SEO e-commerce : études et insights #SMXParis
Les nouveautés dans le SEO e-commerce : études et insights #SMXParis
 
Seo strategie
Seo strategieSeo strategie
Seo strategie
 
Initiation au e-commerce !
Initiation au e-commerce !Initiation au e-commerce !
Initiation au e-commerce !
 
WordPress Website Creation Training Course Slides
WordPress Website Creation Training Course SlidesWordPress Website Creation Training Course Slides
WordPress Website Creation Training Course Slides
 
Audit de site web
Audit de site webAudit de site web
Audit de site web
 
Fondamentaux du marketing digital
Fondamentaux du marketing digitalFondamentaux du marketing digital
Fondamentaux du marketing digital
 
MARKETING D'INFLUENCE
MARKETING D'INFLUENCEMARKETING D'INFLUENCE
MARKETING D'INFLUENCE
 
Audit SEO du site Marmiton mars 2020 - Isabelle Piel
Audit SEO du site Marmiton mars 2020 - Isabelle PielAudit SEO du site Marmiton mars 2020 - Isabelle Piel
Audit SEO du site Marmiton mars 2020 - Isabelle Piel
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
 
Audit seo rapport
Audit seo rapportAudit seo rapport
Audit seo rapport
 
Formation Google Analytics
Formation Google AnalyticsFormation Google Analytics
Formation Google Analytics
 

En vedette (6)

1869 rack-brochure medicale-cicatrice
1869 rack-brochure medicale-cicatrice1869 rack-brochure medicale-cicatrice
1869 rack-brochure medicale-cicatrice
 
The Basics of Blogging and Web Site Creation - Part One: Content Is King
The Basics of Blogging and Web Site Creation - Part One: Content Is KingThe Basics of Blogging and Web Site Creation - Part One: Content Is King
The Basics of Blogging and Web Site Creation - Part One: Content Is King
 
Resources and Tools For Website Development
Resources and Tools For Website DevelopmentResources and Tools For Website Development
Resources and Tools For Website Development
 
Fiqih sunah syekh sayid sabiq
Fiqih sunah   syekh sayid sabiqFiqih sunah   syekh sayid sabiq
Fiqih sunah syekh sayid sabiq
 
Slack
SlackSlack
Slack
 
cellu insuffisance veineuse
cellu insuffisance veineusecellu insuffisance veineuse
cellu insuffisance veineuse
 

Similaire à Creer un site internet sous WordPress

Formation Marketing 2.0 - Utilisation Blogger
Formation Marketing 2.0 - Utilisation Blogger Formation Marketing 2.0 - Utilisation Blogger
Formation Marketing 2.0 - Utilisation Blogger
SaaS Guru
 
Hpms Blog Wordpress
Hpms Blog WordpressHpms Blog Wordpress
Hpms Blog Wordpress
Bdx 3
 
Hpms Blog Wordpress
Hpms Blog WordpressHpms Blog Wordpress
Hpms Blog Wordpress
Bdx 3
 

Similaire à Creer un site internet sous WordPress (20)

Wordpress meetup
Wordpress meetupWordpress meetup
Wordpress meetup
 
Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)
 
Formation Joomla - créer son site Web
Formation Joomla - créer son site WebFormation Joomla - créer son site Web
Formation Joomla - créer son site Web
 
Guide de l'administration Wordpress
Guide de l'administration WordpressGuide de l'administration Wordpress
Guide de l'administration Wordpress
 
WordPress Bases e-learning
WordPress Bases e-learningWordPress Bases e-learning
WordPress Bases e-learning
 
Les 3 piliers du référencement sur wordpress
Les 3 piliers du référencement sur wordpress Les 3 piliers du référencement sur wordpress
Les 3 piliers du référencement sur wordpress
 
Formation Marketing 2.0 - Utilisation Blogger
Formation Marketing 2.0 - Utilisation Blogger Formation Marketing 2.0 - Utilisation Blogger
Formation Marketing 2.0 - Utilisation Blogger
 
Wordpress notes de cours
Wordpress notes de coursWordpress notes de cours
Wordpress notes de cours
 
Hpms Blog Wordpress
Hpms Blog WordpressHpms Blog Wordpress
Hpms Blog Wordpress
 
Hpms Blog Wordpress
Hpms Blog WordpressHpms Blog Wordpress
Hpms Blog Wordpress
 
WordPress : optimisation pour le référencement
WordPress : optimisation pour le référencement WordPress : optimisation pour le référencement
WordPress : optimisation pour le référencement
 
Formation wordpress partie1
Formation wordpress partie1Formation wordpress partie1
Formation wordpress partie1
 
Blog
BlogBlog
Blog
 
Wordpress et référencement naturel
Wordpress et référencement naturelWordpress et référencement naturel
Wordpress et référencement naturel
 
Le blogging en_3_etapes
Le blogging en_3_etapesLe blogging en_3_etapes
Le blogging en_3_etapes
 
Créer du trafic sur son site
Créer du trafic sur son siteCréer du trafic sur son site
Créer du trafic sur son site
 
Créer un blog sous Wordpress.com
Créer un blog sous Wordpress.comCréer un blog sous Wordpress.com
Créer un blog sous Wordpress.com
 
SEO Referencement naturel gratuit Google
 SEO Referencement naturel gratuit Google SEO Referencement naturel gratuit Google
SEO Referencement naturel gratuit Google
 
Manuel wordpress ad avenue
Manuel wordpress   ad avenueManuel wordpress   ad avenue
Manuel wordpress ad avenue
 
Comment générer un sitemap.xml sur wordpress ?
Comment générer un sitemap.xml sur wordpress ?Comment générer un sitemap.xml sur wordpress ?
Comment générer un sitemap.xml sur wordpress ?
 

Plus de Erwan Tanguy

Plus de Erwan Tanguy (20)

Sendinblue freelance fair tour
Sendinblue freelance fair tourSendinblue freelance fair tour
Sendinblue freelance fair tour
 
Sendinblue : la plateforme française pour l'emailing et la newsletter
Sendinblue : la plateforme française pour l'emailing et la newsletterSendinblue : la plateforme française pour l'emailing et la newsletter
Sendinblue : la plateforme française pour l'emailing et la newsletter
 
Outils collaboratifs en formation
Outils collaboratifs en formationOutils collaboratifs en formation
Outils collaboratifs en formation
 
Automation et réseaux sociaux
Automation et réseaux sociauxAutomation et réseaux sociaux
Automation et réseaux sociaux
 
Meetup cssflip : shapes et clip-path
Meetup cssflip : shapes et clip-pathMeetup cssflip : shapes et clip-path
Meetup cssflip : shapes et clip-path
 
Automation : publier sur les réseaux sociaux quand on a pas le temps
Automation : publier sur les réseaux sociaux quand on a pas le tempsAutomation : publier sur les réseaux sociaux quand on a pas le temps
Automation : publier sur les réseaux sociaux quand on a pas le temps
 
Organiser une veille digitale
Organiser une veille digitaleOrganiser une veille digitale
Organiser une veille digitale
 
Diigo – social bookmarking
Diigo – social bookmarkingDiigo – social bookmarking
Diigo – social bookmarking
 
Video social marketing et cv - les bases
Video social marketing et cv - les basesVideo social marketing et cv - les bases
Video social marketing et cv - les bases
 
Référencement naturel (SEO) - les bases
Référencement naturel (SEO) - les basesRéférencement naturel (SEO) - les bases
Référencement naturel (SEO) - les bases
 
Les base du Html5
Les base du Html5Les base du Html5
Les base du Html5
 
Newsletters rwd
Newsletters rwdNewsletters rwd
Newsletters rwd
 
Les bases du CSS3
Les bases du CSS3Les bases du CSS3
Les bases du CSS3
 
Extraire et trier des données en ligne 2015
Extraire et trier des données en ligne 2015Extraire et trier des données en ligne 2015
Extraire et trier des données en ligne 2015
 
Sociallymap didacticiel
Sociallymap   didacticielSociallymap   didacticiel
Sociallymap didacticiel
 
Animer un site web - web café
Animer un site web - web caféAnimer un site web - web café
Animer un site web - web café
 
Stratégie et veille : Extraire et trier des données en ligne
Stratégie et veille : Extraire et trier des données en ligneStratégie et veille : Extraire et trier des données en ligne
Stratégie et veille : Extraire et trier des données en ligne
 
Twitter
TwitterTwitter
Twitter
 
Google+ - présentation du média social
Google+ - présentation du média socialGoogle+ - présentation du média social
Google+ - présentation du média social
 
Gérer un fan page facebook
Gérer un fan page facebookGérer un fan page facebook
Gérer un fan page facebook
 

Dernier

Dernier (15)

Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciation
 
rapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfrapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdf
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"
 
Quitter la nuit. pptx
Quitter          la        nuit.    pptxQuitter          la        nuit.    pptx
Quitter la nuit. pptx
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
 
Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigées
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbaines
 
Exemple de grille d'audit 5S, check liste Audit
Exemple de grille d'audit 5S, check liste AuditExemple de grille d'audit 5S, check liste Audit
Exemple de grille d'audit 5S, check liste Audit
 
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre française
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en France
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
 
Quitter la nuit. pptx
Quitter        la             nuit.   pptxQuitter        la             nuit.   pptx
Quitter la nuit. pptx
 
PowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdfPowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdf
 

Creer un site internet sous WordPress

  • 1. Créer un site web hébergement et NDD
  • 2. Créer son site internet avec WordPress2 Avant de se lancer La création d’un site internet implique une réflexion en amont sur les objectifs, les cibles et les besoins d’une structure à développer une communication sur cet espace. Il est nécessaire aussi de réfléchir à l’hébergement et au nom de domaine qui va être associé au site : Vérifier que le nom de domaine du nom de votre entreprise est bien disponible en .fr, en .com ou en .bzh. Le nom de domaine peut reprendre le nom de votre marque, le nom de votre entreprise ou même le nom d’un produit ou d’un service, en fonction de vos objectifs et donc de votre stratégie. Pour la création du site, nous allons prendre un abonnement chez un hébergeur payant, OVH, qui garantit un minimum de services. https://www.ovh.com/fr/hebergement-web/ Les offres d’OVH vont de 1,79€/mois à 9,99€/ mois, ce qui, dans l’hébergement payant, est plutôt attractif. Sauf si vous avez des besoins assez faibles ou plus important, nous allons nous orienter vers l’offre « Perso » à 3,59€/mois. Il est toujours possible de changer d’offre si elle s’avère pas assez puissante par rapport à vos besoins. Offre Perso : §  1 nom de domaine §  100Go d’espace disque §  10 adresses emails §  Traffic illimité §  Préinstallation de Wordpress
  • 3. Réservez votre nom de domaine
  • 8. Administrer votre site sans rien connaître au code HTML L’interface de gestion
  • 9. Créer son site internet avec WordPress9 Un site dynamique ? Un site créé avec WordPress est divisé entre deux parties distinctes : -  Le site public (aussi appelé frontoffice)st l’ensemble des pages accessibles à tout visiteur. Il s’agit de l’affichage des articles, pages, catégories que vous avez publiés, ainsi que les commentaires qui peuvent y être associés. Il est généré par le thème. -  L’espace privé (aussi appelé backoffice) est l’espace à accès restreint dans lequel les administrateurs et rédacteurs peuvent écrire des articles, des pages, modifier la structure du site, suivre et modérer les commentaires, etc. Il est nécessaire d’être enregistré pour accéder à cet espace, c’est-à-dire d’avoir un login et un mot de passe. L’espace privé est accessible depuis le répertoire "wp-admin" du site WordPress.
  • 10. Créer son site internet avec WordPress10 Accès à l’espace privé Pour accéder à l‘espace privé du site, il vous faudra rajouter /wp-admin à la fin de l’adresse (l’URL) de votre site. Vous arriverez alors sur une page de sécurité qui vous demandera votre login et votre mot de passe.
  • 11. Créer son site internet avec WordPress11 Accès à l’espace privé Sur le site, vous avez la possibilité, une fois connecté, de basculer facilement de la partie publique à la partie privée. Si vous êtes sur la page d'accueil, vous pouvez aller sur le tableau de bord, la gestion des commentaires ou la rédaction d'un nouvel article. Sur une page ou un article, vous pouvez aussi basculer directement sur l'espace de modifications sans être obligé de passer par le tableau de bord.
  • 12. Créer son site internet avec WordPress12 Accès au site public De même, depuis l'espace privé, vous pouvez basculer sur la page d'accueil du site, la page ou l'article directement soit par la barre de menu se situant en haut des pages, soit par les boutons situés près du permalien. Le lien sous « Modifier la page » n’apparaît que lorsque la page a été mise à jour suite à des modifications par exemple.
  • 14. Créer son site internet avec WordPress14 Le menu de WordPress Le tableau de bord affiche un menu à gauche permettant d'accéder aux différentes fonctionnalités du site et à des aperçus rapides de ce qui a été fait. Le module « D’un coup d’œil" vous donne un aperçu rapide des contenus répertoriés, qu'ils soient ou non publiés. Le module « Stats du Site" vous indique les périodes d’activités éditoriales. Pour l’affichage des statistiques de Google Analytics, il est possible d’avoir accès à quelques données mensuelles.
  • 15. Créer son site internet avec WordPress15 Les fonctionnalités présentes dans le menu §  Articles Cette partie vous permet de gérer vos articles, d'en rédiger ou d'en modifier. Vous pouvez aussi créer des catégories pour améliorer le classement de ceux-ci. Les mots clés vous permettent d'ajouter un moyen supplémentaire de créer du lien entre vos contenus pour un meilleur maillage interne. §  Médias Gestion et chargement des médias (images...). §  Pages Gestion des pages statiques du site. §  Commentaires Espace de modération des commentaires du site. §  Contact (option) Création de formulaire que vous pourrez ensuite intégrer dans vos pages ou vos articles. §  Apparence Espace qui permet de gérer les menus, les widgets. Il existe des fonctionnalités propres à chaque thème WordPress §  Utilisateurs Gestion des utilisateurs du site. §  Réglages Accès à des paramètres du site ainsi qu'à certaines extensions. §  SEO (option) Module pour améliorer l'optimisation du référencement naturel du site. §  Événements (option) Module pour créer des événements qui s’afficheront ensuite dans l’agenda §  Les modules (options) Jetpack, ACF, Google Analyics, Outils et Réglages n’ont pas à être modifié
  • 16. Créer son site internet avec WordPress16 Les thèmes La force de WordPress se situe au départ dans le choix des thèmes. Sur les quelques thèmes gratuits préinstallés, il est facilement possible d’en ajouter d’autres via l’interface qui propose une présélection de thème mais aussi un moteur pour en trouver selon certains critères. Si vous téléchargez un thème gratuit ou que vous en achetez un via un site extérieur (méfiez-vous car il existe des thèmes qui peuvent pirater votre site), vous pourrez l’ajoutez aussi en cliquant sur Ajouter un thème>Mettre un thème en ligne. Le thème devra être compressé en .zip. Voir : https://wpformation.com/20-themes-wordpress- gratuits-2017/
  • 19. Créer son site internet avec WordPress19 Les articles L'espace de gestion des articles affiche un tableau des derniers articles (actualités). Il est possible, avec les filtres, de ne faire apparaître qu'une partie des articles liés à une catégorie. Dans la partie "Options de l'écran", vous pouvez choisir d'afficher ou non certains critères (auteur, catégories, mots clefs...). Les articles génèrent un flux et sont généralement utilisés pour un blog ou une rubrique d’actualités.
  • 20. Créer son site internet avec WordPress20 Les pages Les pages sont des éléments très proches des articles mais qui sont plutôt dédiées aux contenus statiques du site (présentation, équipe…). Elles apparaissent généralement dans les menus principaux ou secondaires du site.
  • 21. Créer son site internet avec WordPress21 Création de pages et d'articles Pour la création de pages et d'articles, les champs principaux sont identiques. Le champ Titre, obligatoire, va définir le titre de votre page (qui servira aussi au référencement de celle-ci). Le champ Texte, quant à lui, accueillera les textes et les médias de votre page ou de votre article. Dans la barre de menu, vous avez des raccourcis cliquables pour générer des gras, des italiques... Pour faire des sous-titres, il faudra cliquer sur l'icône pour faire apparaître les autres options.
  • 22. Créer son site internet avec WordPress22 Création de pages et d'articles Le permalien Une fois le titre saisi, vous pouvez améliorer le permalien de votre page ou de votre article en ajoutant par exemple des mots clés qui ne serait pas dans le titre. Par défaut le permalien reprend les éléments du titre. Les permaliens se gèrent aussi dans les réglages du site pour définir le format des adresses des différentes pages du site. Vérifiez bien que l’hébergeur permette la réécriture des URLs.
  • 23. Créer son site internet avec WordPress23 Création de pages et d'articles Ajouter un média Pour ajouter une image dans l'article ou la page, vous cliquez sur "Ajouter un média". S'ouvre alors une fenêtre. Vous avez la possibilité de prendre une image sur votre ordinateur ou dans votre bibliothèque. Vous pouvez aussi, suivant les thèmes, créer une galerie, mettre une image à la Une ou insérer une image qui est sur un autre site internet (attention aux droits).
  • 24. Créer son site internet avec WordPress24 Création de pages et d'articles Spécificités sur l'article Vous devez spécifiez la catégorie souhaitée pour votre article. Si vous l’oubliez, l’article sera associé à la catégorie par défaut. Les étiquettes ajoutent des mots clés pour lier vos différents articles ensembles et, même si elles n’apparaissent pas dans le thème choisi, elles seront visibles dans le sitemap et aussi dans l’admin pour filtrer les articles. Le module discussion permet d’activer ou non les commentaires sur un article ou une page. Spécificités sur la page Les attributs de la page sont spécifiques au thème choisi qui, généralement, propose des modèles de page (pour avoir un menu à gauche ou à droite par exemple). Le Parent permet de lier une page à une autre comme sous élément de celle mise en parent. Cela permet de faire un fil d’Ariane détaillé.
  • 25. Créer son site internet avec WordPress25 Création de pages Pour les pages, en fonction du modèle, les contenus pourront s’organiser différemment. Il n’y a pas forcément beaucoup de modèles dans un thème, cela dépend de ce qui a été fait par les créateurs du thème.
  • 26. Créer son site internet avec WordPress26 Gestion des images Pour insérer une image dans un article ou dans une page, vous devez d'abord placer le curseur à l'endroit où devra se placer l'image. Ensuite, vous cliquez sur "Ajouter un media". Différentes options vous seront alors proposées : §  Insérer un média ; §  Créer une galerie ; §  Mettre une image à la Une (attention, certains thèmes ne pourront pas afficher ces images) ; §  Insérer à partir d'une adresse web. Pour l'insertion d'image à partir de l'adresse web de celle-ci, il suffit de coller l'URL puis d'insérer l'image. Lorsque vous utilisez des images provenant de sites web, faites attention aux droits de reproduction !
  • 27. Créer son site internet avec WordPress27 Importer une vidéo Pour insérer une vidéo provenant de Youtube ou Daylimotion, ou insérer des documents comme une Google Map ou un SlideShare, il vous faut récupérer le code html « iframe » qui se trouve généralement sur les boutons « Share » ou « Partager » suivant les plateformes. Vous devrez ensuite le coller dans la zone « texte » et non la zone « visuel » de votre bloc de texte.
  • 28. Créer son site internet avec WordPress28 Gestion des menus Il est possible de modifier les différents menus actifs sur le site et d’en créer de nouveaux que vous pourrez afficher dans des widgets. Colonne de gauche, vous retrouvez les principaux accès aux données de votre site. Si les données souhaitées n’y sont pas, vous pouvez utilisez « liens personnalisés ».
  • 29. Créer son site internet avec WordPress29 Les widgets Dans Apparence > Widgets, vous pouvez accéder aux widgets présents sur certaines page ou en bas de toutes les pages. Dans cet exemple : §  Ma sidebar est affichée sur les actualités ; §  Les 3 footers gèrent les modules sociaux en bas de la page d’accueil ; §  Page permet de gérer le texte qui s’affiche par défaut à droite des pages quand il n’y a pas d’image insérée (voir gestion des pages page 10)…
  • 30. Des thèmes payants répondant à la plupart des besoins Les thèmes prenium
  • 31. Créer son site internet avec WordPress31 L’outil idéal pour les débutants, il est traduit plus ou moins bien en français. Epanel §  Définir logo et favicon §  Ajouter vos profils de réseaux sociaux (entête ou pied de page) §  … Divi Builder Un outil pour gérer l’affichage des pages d’une manière assez poussée : §  Multicolonnes §  Ajouts de widget ou d’éléments graphiques plus complexes (onglets, menu accordéon, compteurs…) En savoir plus : https:// wpmarmite.com/ divi/ https:// www.eleganttheme s.com/gallery/divi/ Prix : De 69$/an à 249$ (à vie) Divi – elegant themes
  • 32. Créer son site internet avec WordPress32 18 démos proposées pour tester des dispositions différentes. Une documentation en ligne très poussée pour répondre à toute vos questions. Fusion Builder L’outil de constructeur de page maison du thème pour découper vos pages et organiser vos contenus comme vous le souhaitez. Revolution Slider et LayerSlider Des outils assez poussés pour réaliser des sliders animés. En savoir plus : https:// wpmarmite.com/ avada/ https:// themeforest.net/ item/avada- responsive- multipurpose-theme/ 2833226 60$ Compatible avec WooCommerce, Polylang (gestion site multilangue…) Avada – envato market
  • 33. Créer son site internet avec WordPress33 Thème plutôt bien fait qui répondra à la plupart des besoins de site web. De nombreuses démos pour vous aider à choisir quel aspect aura votre site. (voir http:// winningwp.com/ examples-of-sites- built-with-the- wordpress-enfold- theme-by-kriesi/) Avia L’outil de création de page Avia propose des options comme sur les autres thèmes qui vous permettront de personnaliser vos pages d’une manière assez poussée. Layer Slider Pour la création de sliders. En savoir plus : https:// wpmarmite.com/ enfold/ https:// themeforest.net/ item/enfold- responsive- multipurpose- theme/4519990 60$ Enfold – envato market
  • 34. Le petit plus wordpress qui peut faire la différence Les extensions
  • 35. Créer son site internet avec WordPress35 Contact Form 7 Peut-être pas le plus complet pour générer des formulaires, mais un des plus simples. Par défaut il vous propose un formulaire de contact basé sur l’adresse du premier administrateur du site. Il est possible d’aller beaucoup plus loin. Plus complet : GravityForms Yoast SEO L’extension qui va booster le référencement de votre site. Ce n’est pas magique attention mais ça vous permet de modifier les éléments title et description de chaque page, ça propose les bonnes images pour le partage sur les réseaux sociaux… Polylang Un des meilleurs outils pour générer un site multi langue et en plus le développeur est français ! Il y a sinon WPML Easy FancyBox pour mettre en place des fenêtres modales sur vos vignettes. Les extensions plus connues
  • 36. Créer son site internet avec WordPress36 WooCommerce L’application pour ajouter une couche e-commerce à votre site. Attention, vous ne pourrez pas faire des miracles avec et, surtout, il existe des CMS dédiés au e-commerce (PrestaShop), mais pour la vente de quelques produits, cela peut suffire. The Event Calendar Une extension pour gérer des événements avec agenda et pas mal d’options. Dans sa version payante, il est possible de générer des événements récurrents. Sinon très bien aussi : Events Manager (qui supporte Polylang et propose de la récurrence). bbPress Outil pour mettre en place un forum sur votre site. Askimet Pour réduire le spam Google Analytics Dashboard Avoir un aperçu des stats de votre site Il existe aussi des options dans WordPress pour mettre en place un multisite assez efficace. Et aussi https:// www.evolyos.com/ plugin-wordpress- guide-meilleurs- plugins-wordpress- gratuits/
  • 37. Créer son site internet avec WordPress37 JetPack Un plugin de wordpress.com qui vous permet d’avoir une multitude de petites fonctions (certaines sont payantes) comme l’ajout d’un diaporama, des boutons pour les partages sur les réseaux sociaux… Slideshow, Nivo Slider ou WP Slider Plugin pour réaliser des diaporamas plus avancés et plus complets qu’avec JetPack. Relevanssi est une extension qui va booster votre moteur de recherche interne. WP-Polls pour réaliser des votes sur votre site web. BackWPup ou Wordpress Backup to Dropbox pour sauvegarder les données de votre site et pouvoir ainsi le réinstaller en cas de problème. Et aussi
  • 38. Créer son site internet avec WordPress38 WordPress SEO Ce module vous permet d'optimiser votre page pour les moteurs de recherche. §  Le Titre SEO reprend par défaut votre titre principal. Si vous le modifier pour élargir vos mots clés (avec synonymes par exemple), il vous suffit de le saisir là. En aucun cas il ne modifiera le titre visible pour les internautes. Il est cependant important de savoir que ce titre SEO sera celui utilisé par les moteurs de recherche. §  La Meta Description vous permet de proposer une phrase d'accroche pour les moteurs de recherche. Ça n'influence pas le référencement directement mais permet de convaincre les internautes.
  • 40. Créer son site internet avec WordPress40 Pixlr Editor Opérer à des modifications des images sur lesquelles vous avez des droits peut s’avérer nécessaire pour alléger le site. Les photographies prises par un appareil photo ou par un smartphone sont souvent très grandes et lourdes par rapport à internet. Il sera donc utile de les réduire. https://pixlr.com/editor/ Pixlr Editor est un outil en ligne qui permet de travailler des images. Il nécessite l’installation de flash sur l’ordinateur et une connexion internet. Il existe aussi des versions pour les mobiles.
  • 41. Créer son site internet avec WordPress41 Redimensionner une image Les images peuvent parfois dépasser les 3000px de large ou de haut. Pour internet c’est très grand. Il est conseiller d’utiliser des images entre 800 et 2000px. Les grandes images (2000px) seront plutôt pour des espaces où l’image prend tout l’écran (bandeau, image à la une sur certains thèmes…). La plupart des sites ne dépassant que rarement les 1200px de large, cela ne sert pas à grand chose de mettre de trop grandes images. Faites attention de bien conserver les proportions !
  • 42. Créer son site internet avec WordPress42 Quelques autres options La table des couleurs permet de passer une image en noir et blanc ou profiter de filtres plus originaux.
  • 43. Créer son site internet avec WordPress43 Quelques autres options La luminosité et les contrastes permettent de modifier en accentuant ou atténuant des éléments basiques de l’image.
  • 44. Créer son site internet avec WordPress44 Les options de sauvegarde Il existe plusieurs formats d’enregistrement : §  Le jpg, un des formats les plus courants du web, qui permet de travailler sur le poids et la qualité de l’image (valeur de 0 à 100) – généralement il est conseillé de travailler entre 70 et 90. §  Le png, qui donne des images de meilleures qualités mais plus lourdes. L’avantage du png est qu’il gère les transparences plus proprement que le gif. §  Les bmp et tiff, pas utilisés pour le web §  Le pxd qui est le format de pixlr editor et qui permet de sauvegarder les calques.
  • 46. Créer son site internet avec WordPress46 Les bases Conseils pour la rédaction 1.  J’affirme ! On pose le cœur du message en avançant une idée forte. 2.  J’argumente ! Prouver ce qui est affirmé avec des éléments factuels. 3.  J’illustre ! Trouver des exemples, des témoignages, proposer des liens externes. §  Écrire pour vos cibles tout en pensant au référencement ; §  Publier régulièrement : vous avez des choses à dire ; §  Élargir sa visibilité avec les réseaux sociaux (blog, Facebook, Google+…) ; §  Parler de votre site sur vos documents et sur vos courriers ; §  Varier les contenus : images, vidéos, sons, slides… ; §  Fidéliser par une newsletter.
  • 47. Créer son site internet avec WordPress47 LES BASES 1.  Publiez régulièrement car vous avez des choses à dire et à partager ; 2.  Écrivez pour vos cibles sans être obsédé par le référencement ; 3.  Variez les contenus : publiez des images, des vidéos, du son, des présentations ; 4.  Élargissez votre visibilité avec les réseaux sociaux : ils sont là pour ça ; 5.  Partagez l'adresse de votre site dans vos mails, sur vos documents, dans vos courriers, dans vos publicités ; 6.  Fidélisez votre clientèle avec une newsletter, même si elle n'est pas régulière. Pour rappel, lors de la rédaction d'un texte pour votre site internet, essayez, avant, de suivre quelques principes assez simples : 1.  J'affirme ! Vous posez le cœur du message en avançant une idée forte ; 2.  J'argumente ! Prouvez ce qui est affirmé avec des éléments factuels ; 3.  J'illustre ! Trouvez des exemples, des témoignages, proposer des liens externes...
  • 48. Créer son site internet avec WordPress48 POURQUOI ANIMER UN SITE WEB ! Inciter vos clients à venir dans votre boutique avec la présentation renouvellée de nouveaux produits à découvrir. Animer votre actualités régulièrement pour montrer de nouveaux arrivages et amener vos clients à venir regarder plus souvent votre “vitrine”. Tester les produits ou les actualités qui accrochent le plus. Faire vivre le site et l’animer pour que les moteurs de recherche lui donnent plus de visibilité.
  • 49. ➜ Publiez régulièrement car vous avez des choses à dire et à partager
  • 50. Créer son site internet avec WordPress50 QUOI ÉCRIRE ? Tout est prétexte à écrire une information sur votre site ! 1.  Les actualités §  De votre commerce §  De votre rue §  De votre quartier Voir : http://articledeblog.com/idees- darticles-blog-entreprise http://www.sj-rennes.fr/la-premiere-slip-party-mondiale-a-eu-lieu-a-rennes/
  • 51. Créer son site internet avec WordPress51 http://www.herbeth-immobilier.com/#!blog/chwu QUOI ÉCRIRE ? Tout est prétexte à écrire une information sur votre site ! 1.  Les actualités §  De votre commerce §  De votre rue §  De votre quartier 2.  Les sujets plus approfondis
  • 52. Créer son site internet avec WordPress52 http://joelec.fr/les-techniques-de-renovation-electrique/ QUOI ÉCRIRE ? Tout est prétexte à écrire une information sur votre site ! 1.  Les actualités §  De votre commerce §  De votre rue §  De votre quartier 2.  Les sujets plus approfondis §  Démonstration de l’utilisation d’un produit
  • 53. Créer son site internet avec WordPress53 QUOI ÉCRIRE ? Tout est prétexte à écrire une information sur votre site ! 1.  Les actualités §  De votre commerce §  De votre rue §  De votre quartier 2.  Les sujets plus approfondis §  Démonstration de l’utilisation d’un produit §  Recettes pour cuisiner un produit alimentaire Pour cela avez-vous un blog ou un espace pour publier des actualités ? http://lelavandier.fr/content/category/7-les-recettes
  • 54. Créer son site internet avec WordPress54 QUOI ÉCRIRE ? Tout est prétexte à écrire une information sur votre site ! 1.  Les actualités §  De votre commerce §  De votre rue §  De votre quartier 2.  Les sujets plus approfondis §  Démonstration de l’utilisation d’un produit §  Recettes pour cuisiner un produit alimentaire Pour cela avez-vous un blog ou un espace pour publier des actualités ? Au lieu de créer un site chacun de votre côté, pensez éventuellement à vous regrouper autour d’une rue ou d’une zone d’activité et organisez votre visibilité avec une plateforme commune pour réduire les coûts. Projet En Vitrine pour la rue la rue Pont-aux-Foulons http://www.rennes.cci.fr/actualite/14927/lancement-de-loperation-en-vitrines-rennes.aspx
  • 55. Créer son site internet avec WordPress55 CONSEILS Listez vos domaines d’expertise, dégagez-en les thématiques principales. Construisez votre planning éditorial. Identifiez des sujets : 1.  Présentez vos références clients 2.  Présentez des tutoriels et des informations produits 3.  Parlez des annonces à venir 4.  Demandez à vos clients ce qu’ils pensent de vous 5.  Présentez les nouvelles de votre marché 6.  Renseignez vos lecteurs et répondez à leurs questions http://www.lachaineweb.com/10-idees-de-sujets-pour-votre-blog- professionnel/ Organisez vos actualités par rubrique : ce sont d’autres entrées possibles sur votre site, ce sont des mots clés importants !
  • 56. ➜ Écrivez pour vos cibles sans être obsédé par le référencement
  • 57. Créer son site internet avec WordPress57 COMMENT ÉCRIRE ? « Une erreur raisonnée vaut mieux que l’inaction » Souvent, on oppose l’écriture destinée à nos cibles à l’écriture destinée aux moteurs de recherche. C’est en partie une erreur ! Ce qui important, c’est le contenu !
  • 58. Créer son site internet avec WordPress58 Analyser un site Pour analyser rapidement des pages d’un site et comprendre ce qui peut être améliorer, il existe quelques outils en ligne assez simple à utiliser : §  Site analyser http://www.site-analyser.com/ fr/ §  SEO Grader http://grader.rezoactif.com/ §  http://www.woorank.com/ §  http://www.seoh.fr/audit-seo
  • 59. Créer son site internet avec WordPress59 Lecture d’une page Comment les internautes lisent une page web §  Lecture en 2 étapes : Scan Lecture §  Lecture plus lente de 25%
  • 61. Créer son site internet avec WordPress61 Style d’écriture à adopter En ce qui concerne le style à adopter, tout le monde doit pouvoir comprendre votre article : §  Ecrivez votre article avec des mots compris par tous (cela facilite l’accessibilité) ; §  Evitez les effets littéraires ou un style trop original (n’oubliez pas que vous souhaitez faire passer un message) ; §  Ecrivez concis (n’oubliez pas que les internautes passent très peu de temps sur une page) ; §  Soyez le plus direct possible (ne tournez pas autour du sujet); §  Evitez les phrases longues, les mots de liaisons inutiles. EXEMPLE : plutôt que de titrer : "Séance d'information générale ouverte au public sur le thème des plantes transgéniques et de leurs implications diverses pour les trois régions de Belgique" ...vous titrerez : "Plantes transgéniques: les enjeux pour la Belgique (conférence)"
  • 62. Créer son site internet avec WordPress62 Style d’écriture à adopter Faites lire votre article à une personne de votre entourage qui ne connaît rien à votre activité. Analysez aussi votre propre pratique de la lecture en ligne. Si, dès les dix premières lignes, vous ne comprenez pas quel sujet est traité, vous abandonnez. Il ne s’agit pas forcément de garder tous les internautes mais que ceux qui cherchent l’information que vous développez ne passent pas à côté. Quelle est la longueur idéale d'une page web ? On s'accorde à dire qu'une page HTML devrait contenir entre 500 signes (seuil en dessous duquel l'information n'est pas assez consistante) et 4000 signes (plafond au-delà duquel la lecture à l'écran devient très pénible). Mais ce n'est qu'un ordre de grandeur, à mettre toujours en liaison avec le contexte.
  • 63. Quel texte est le plus facile à lire ?
  • 64. Créer son site internet avec WordPress64 RAPPELS Pour rappel, lors de la rédaction d'un texte pour votre site internet, essayez, avant, de suivre quelques principes assez simples : 1.  J'affirme ! Vous posez le cœur du message en avançant une idée forte ; 2.  J'argumente ! Prouvez ce qui est affirmé avec des éléments factuels ; 3.  J'illustre ! Trouvez des exemples, des témoignages, proposez des liens externes... Voir aussi : https://yellowdolphins.com/publications/articles/checklist-pour-bien-ecrire-sur-le-web/
  • 65. ➜ Variez les contenus : publiez des images, des vidéos, du son, des présentations
  • 66. Créer son site internet avec WordPress66 LES RÉSEAUX SOCIAUX Les organisations (entreprises, commerces…) doivent s’insérer prudemment dans les médias sociaux §  Ces médias sont dit sociaux, non commerciaux §  Pas plus d’un message sur quatre doit avoir une vocation commerciale §  Ces réseaux sont montés autour de personnes non d’organisations Les Community managers sont souvent mieux identifiés que la marque dans les communautés
  • 67. Créer son site internet avec WordPress67 LES RÉSEAUX SOCIAUX Généralistes Facebook Google+ Twitter Professionnels LinkedIn Outils partage documents Slideshare Outils partage Vidéos Youtube Vimeo Outils partage sons Bandcamp Et aussi Instagram Pinterest Scoopt.it Outils partage cartographie Google Maps
  • 68. ➜ Fidélisez votre clientèle avec une newsletter, même si elle n'est pas régulière
  • 69. Créer son site internet avec WordPress69 LA NEWSLETTER Malgré toutes les critiques, parfois fondées, l’email d’information reste un des outils phare de la fidélisation des clients. Une lettre d’information électronique vous permet de déposer directement des contenus chez vos cibles. Plutôt que de concentrer toutes vos informations sur un seul courrier, étalez les envois. Ne postez qu’une grande information par lettre. Attention cependant à ne pas retrouver les messages dans la catégories des SPAMs.
  • 70. Créer son site internet avec WordPress70 LA NEWSLETTER Il existe de nombreux outils pour gérer et envoyer vos newsletters avec des offres gratuites puis très abordables. Deux outils qui ne nécessitent pas de connaissances particulières en HTML et bénéficiant de statistiques assez complètes : §  Mailjet §  Jusqu’à 6000 emails par mois, 200 emails par jour pour l’accès gratuit §  Outil de mise en page intuitif §  À partir de 5€49, vous pouvez envoyer 20 000 emails par mois sans limite par jour §  SendInBlue §  Jusqu’à 6000 emails par mois pour l’accès gratuit §  Outil de mise en page intuitif §  À partir de 5€49, vous pouvez envoyer 40 000 emails par mois §  Propose aussi un service payant pour envoyer des SMS Exemple de newsletter avec Mailjet
  • 71. Interface de création avec SendInBlue
  • 72. Créer son site internet avec WordPress72 QUELQUES LIENS Outil de publication automatique : ifttt.com Outil de gestion et de publication sur les réseaux sociaux : www.hootsuite.com Plateformes pour créer des blogs : wordpress.com, blogger.com et tumblr.com
  • 73. Formateur / Chef de projet web 06 62 15 11 02 erwan@ticoet.me @erwan_t @ticoetfr Erwan Tanguy