Construire son site

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 6 minutes à lire. Si tu n’as pas le temps, tu peux l’épingler sur Pinterest pour le lire plus tard.

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 de ton site pour les petites expérimentations.
Tu vas découvrir comment disposer d’un WordPress de test en 10 secondes.

Je te jure qu’un caca dansant (oui tu as bien lu) va devenir ton meilleur ami.

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.

Tu fais fuir tes visiteurs si ton site se charge lentement. C’est rédhibitoire sur mobile.

Je te rassure les actions que je te présente sont concrètes sans aucun aspect technique.

Accélère, dès aujourd’hui, ton site avec ces 4 extensions spécialisées dans l’optimisation des sites WordPress.

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.

Nous allons créer un formulaire de contact simple mais qui fait parfaitement son travail avec Contact Form 7.

Cela ne prends que quelques minutes.

Contact Form 7 une valeur sûre avec plus de 5 millions de sites qui utilisent cette extension.

Le résultat obtenu sur pour pas un rond

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.

Un thème enfant est nécessaire lorsque tu souhaites personnaliser un thème WordPress.

Sans cela, tu vas perdre tout ton travail à la prochaine mise à jour de ton site. Cela serait un drame de voir des heures passées à améliorer ton site parties en fumée.

L’extension que je te présente simplifie énormément le travail. Désormais, disposer d’un thème enfant est accessible à tous.

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.

Nous allons aborder un point crucial de ton site : sa sécurité.

Assurer la sécurité de son site est accessible à tous à l’aide de seulement 4 extensions performantes.
Pour le paramétrage, il suffit de suivre les instructions détaillées comme une recette de cuisine.

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.

Avec plus d’un million de sites utilisant Twenty Seventeen, ce thème s’est imposé pour ceux qui veulent créer un site site simple et efficace.

Il est parfait pour présenter son entreprise et s’affiche sur tous les écrans quelles que soient leurs tailles.

Nous allons le relooker pour qu’il reflète parfaitement ta marque.

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.