Construire son site

Tu souhaites créer ton site sous WordPress ou opérer des changements majeurs ?

Pour ne pas travailler directement sur la version en ligne de ton site, tu vas installer une version virtuelle et locale de WordPress qui te laissera le champ libre pour expérimenter.

DesktopServer est un logiciel gratuit et puissant pour créer ton site WordPress en local.

Duplicator va réaliser une copie fidèle pour tester les changements avant de les réaliser sur ton site.

Tu n’as pas forcement besoin d’installer une version locale complexe de ton site pour expérimenter. Tu vas découvrir comment disposer d’un WordPress de test en 5 minutes.

T Ton site s’affiche lentement. Je te montre concrètement comment j’ai réduit mon temps de chargement.

Google se base désormais sur la version mobile pour évaluer un site. Celle-ci est beaucoup plus exigeante techniquement.

Tu vas accélérer ton site, économiser de précieuses secondes et rendre le sourire à tes visiteurs et à Google.

Si tu es allergique à la technique, je te présente 7 extensions faciles à utiliser qui vont travailler à ta place.

Utilisé par plus de 5 millions de sites, Contact Form 7 est l’extension gratuite de WordPress idéale pour créer ton formulaire de contact.

Je t’accompagne pas à pas dans ce tutoriel. Chaque étape est illustrée.

Tu intègres facilement ton formulaire où tu le souhaites :

• ta page de contact
• ta page d’accueil
• ton pied de page…

Cela ne prends que quelques minutes pour un formulaire simple. Tu n’auras qu’à réaliser un copier-coller.

Honnêtement, la version standard est moche et encombrante. Je te dévoile comment disposer d’une version esthétique avec des astuces de personnalisation.

Je suis passé de ce formulaire qui faisait le travail

à celui-ci que je te propose d’intégrer sur ton site.

Nous verrons également comment le protéger du spam qui sinon représente une vraie plaie.

Si tu es client Mailchimp, je te montre comment connecter facilement ton formulaire.

A Assurer la sécurité de ton site WordPress est une priorité.

Tu ne peux pas prendre le risque qu’un pirate prenne le contrôle de ton site pour diriger tes visiteurs vers des sites frauduleux.

Heureusement sur WordPress, des extensions s’occupent de tout pour toi. Cela ne prend que quelques minutes pour les paramétrer à l’aide de ce tutoriel détaillé.

Les plugins que je te présente sont gratuits. Ne perd plus une minute et protège ton site WordPress.

S Si tu personnalises ton thème au-delà des fonctionnalités de l’éditeur, tu installes un thème enfant.

L’autre option est de ne jamais mettre à jour ton thème et d’ouvrir tes portes en grand aux pirates.

Cela ne prend que quelques minutes et t’évitera de perdre des heures de travail à la prochaine mise à jour.

Je te présente également des alternatives pour personnaliser ton thème en toute sérénité.

T Twenty Seventeen n’est plus le thème par défaut de WordPress. Il conserve cependant toute sa popularité : plus d’un million de sites l’utilisent aujourd’hui.

Ce thème entièrement gratuit est idéal pour les débutants qui souhaitent un site pour promouvoir leur activité.

C’est le seul des thèmes développés par les équipes de WordPress qui soit orienté entreprise contrairement aux autres plus axés sur le blogging.

Nous allons voir ensemble comment le personnaliser dans ce tutoriel pas à pas.

Tu vas commencer par modifier l’aspect de ton site avec l’éditeur du thème puis tu pourras approfondir avec trois extensions voire quelques CSS pour les plus audacieux.

Tu as créé l’adresse e-mail au nom de ton site.
C’est une excellente idée.

Je te propose d’utiliser Gmail pour gérer ton compte.

Tu vas voir ce n’est pas sorcier. Cela va te prendre environ 5 minutes.

Cet article prend environ 20 minutes à lire. Si tu n’as pas le temps, tu peux l’épingler sur Pinterest pour le lire plus tard.

J’ai sélectionné 18 améliorations qui apportent de la crédibilité et de l’autorité à ton site.

Ce sont souvent des points de détail négligés qui, cumulés, laissent une impression d’amateurisme.

Je suis persuadé que de nombreuses propositions vont te sembler évidentes mais que tu trouveras des idées à piocher.

J’ai invité un spécialiste de WordPress, Pascal Cescato du site Tout sur WordPress, à enrichir l’article de ses précieux conseils. Ses interventions seront matérialisées par un encadré de couleur en pointillés.

Cet article prend environ 10 minutes à lire. Si tu n’as pas le temps, tu peux l’épingler sur Pinterest pour le lire plus tard.

83 % des lecteurs qui commencent un de mes articles abandonnent en cours de chemin.

Je suis persuadé que tu constates le même phénomène sur ton site.

Comment rendre la lecture plus plaisante et fluide pour éviter le décrochage ?

Gutenberg facilite énormément la tâche. En 2 clics, tu ajoutes un bloc qui donne du relief à tes écrits.

Aujourd’hui, les blocs de base sont axés sur la mise en page. Deux extensions vont enrichir ta panoplie de blocs attractifs qui vont donner du relief à tes écrits.

Tu découvriras également deux autres extensions pour les temps de lecture, les clics to tweet et comment réaliser facilement une bannière avec Canva.

La mise en page sur WordPress est rapide à assimiler. Tu retrouveras des similitudes avec un traitement de texte classique.

D’autres notions sont propres à la publication sur internet. L‘éditeur de texte Gutenberg offre de nouvelles possibilités de mise en page.

Tu vas créer une version allégée de ton site spécifique pour les mobiles.

Ton site va se charger en un clin d’œil pour le plus grand bonheur de tes lecteurs.

• Les avantages
  • Une vitesse de chargement inégalée
    (plus de 2 fois plus rapide)
  • Un taux de rebond plus faible
• Les inconvénients
  • La disparition de l’habillage du site
    
  • La perte des pop-ups et boutons de partage des images
  • Peu adapté pour les sites d’e-commerce
  • Le HTPPS est nécessaire
  • Seuls certains réseaux publicitaires sont compatibles

Pour visualiser le rendu, voici la version AMP de cet article.

Les mockups sous photoshop apporteraient une touche pro à ton site ou tes réseaux sociaux.

Cependant, quand tu as découvert le tarif de 36 € par mois pour utiliser Photoshop, tu as trouvé (à juste titre) que cela revenait très cher le visuel.

Les visuels réalisés sont impressionnants.

Je suis toujours admiratif de la qualité du travail effectué par les graphistes pour te simplifier la vie.

Il en existe pour de nombreuses utilisations : ordinateurs, livres, objets, affiches…

Avec Photopea, tu vas modifier gratuitement les mockups photoshop en toute légalité.

Je te communique également des visuels testés et des sites qui fournissent des mockups gratuits de qualité.

Limite : Photopea gère parfaitement les fichiers Photoshop comme tu vas le constater avec cependant une contrainte sur la taille du fichier.

Je te recommande de n’utiliser que les fichiers de moins de 80 mo. Au delà, tu risques de te retrouver avec un navigateur figé.

Tu prépares ton site et tu n’as aucune envie que tes visiteurs te surprennent en plein travaux avec le tas de gravats au milieu du salon ?

Tu vas créer ta page de lancement qui annoncera l’arrivée prochaine de ton site.

Personnaliser ton site et préparer une belle page d’accueil prend du temps. Tu t’assures que tout est parfait avant de lancer ton site.

L’extension Minimal Coming Soon & Maintenance Mode possède un nom trompeur. Elle est complète et possède, en version gratuite, de nombreuses possibilités de personnalisation.

De plus, tu peux collecter des e-mails et t’assurer des lecteurs dès la publication de ton premier article.

Les avantages de l’extension :

• Une page personnalisée aux couleurs de ta marque
• La collecte d’e-mail avec la version gratuite (ce qui est rarissime)
• Une interface simple à utiliser

Les inconvénients

• Seul MailChimp est proposé pour collecter des e-mails
• L’interface est en anglais ce qui impose de traduire les messages

Tout site commence par la page d’accueil.

Elle requière toute ton attention car c’est la page qui, en général, récolte le plus de vues.

Par où commencer ?

Je te présente les éléments incontournables accompagnés de nombreux exemples pour t’aider à trouver l’inspiration.

Tu as supprimé une page ou modifié l’URL. Tes visiteurs arrivent désormais sur une page d’erreur.

Tes lecteurs et Google sont d’accords sur ce point : les pages d’erreurs 404 sont une catastrophe pour ton site.

La solution : tu rediriges tes visiteurs vers une nouvelle page.

Avec 1 million d’utilisateurs, l’extension Redirection corrige ce problème en moins de 5 minutes.

Les images constituent le facteur de séduction incontournable de ton site. Il ne faut surtout pas les négliger.

Tu vas découvrir comment créer de belles images pour ton site même si tu es un parfait débutant.

Les mockups sont des visuels photoréalistes de mise en scène de produits ou de sites.

Tu vas les utiliser pour illustrer ton site, tes articles et tes publications sur les réseaux sociaux.

Voici trois exemples de ce que tu vas réaliser en 3 minutes :

Je trouve le résultat attractif et toi ?

Les outils en ligne que je te présente sont entièrement gratuits ou possèdent de nombreux modèles offerts. De plus, ce sont des services en ligne qui ne nécessitent aucune installation de logiciel.

J’ai réalisé pour toi une sélection des générateurs les plus performants et te présente les modèles les plus souvent utilisés ou ceux qui sortent du lot.

Les tutoriels détaillent toutes les étapes pour produire tes visuels.

Pourquoi ne pas faciliter la tâche des lecteurs qui brulent d’impatience de partager tes articles sur les réseaux sociaux ?

Sumo te permet d’ajouter automatiquement des boutons de partage sur tout ton site.

L’outil est gratuit et ne prend qu’une poignée de minutes à installer.

SiteOrigin CSS est une extension gratuite pour personnaliser ton site en effectuant facilement des modifications sur les CSS.

Les extensions te permettent d’intégrer facilement de nouvelles fonctionnalités à ton site WordPress.

Ton site peut ainsi évoluer en fil de tes besoins.

Tu vas voir c’est un jeu d’enfant.

C’est le moment où nous allons nous poser une question en apparence simple mais qui mérite d’y consacrer quelques minutes :
Je mets quoi exactement dans mon site ?
avec la question subsidiaire : Et je le range comment ?

Un site bien structuré est un point crucial pour le référencement dans les moteurs de recherche.

C’est exactement comme à la maison. Si tu ranges tes chaussettes dans le frigo, personne d’autre que toi n’ira les chercher à cet emplacement.

Tu veux lancer ton site mais tu ne possèdes aucune connaissance technique ?

Je te guide de A à Z dans l’hébergement de ton site et la réservation de ton nom de domaine chez O2Switch mon hébergeur. J’en suis très satisfait.

Il cumule l’avantage d’être abordable (72 € par an) et d’être en France avec un service client réactif et attentif.

L’hébergeur stocke ton site sur un serveur et permet son accès à l’ensemble de tes visiteurs.

Tu vas découvrir les principales fonctionnalités de l’interface de WordPress.

Nous allons également en profiter pour faire quelques réglages et un peu de nettoyage.