Le contenu de ta page d’accueil

Tu vas rédiger le contenu de la page la plus vue de ton site : la page d’accueil.

Je te propose de reprendre les composantes les plus courantes une à une avec de nombreux exemples.

Ce que tu vas apprendre :

Tu vas rédiger ton introduction directement sur la page d’accueil puis les autres rubriques dans des pages séparées que tu “emboiteras” à la suite pour bénéficier de l’effet parallaxe de Twenty Seventeen. Tu retrouves le détail dans l’article sur la personnalisation du thème.

La mise en page et la publication

Page > Ajouter

wordpress ajouter une nouvelle page

  • Ajouter un nom à la page
  • Le permalien en dessous est l’adresse internet de ta page
    Tu peux le modifier en cliquant Bouton Modifier.wordpress modifier le nom d'une page

Tu trouves dans la barre haute les fonctionnalités de mise en page.

barre mise en page

J’ai indiqué en bleu celles qui changent par rapport à un traitement de texte usuel.

  • Paragraphe  Le menu déroulant paragraphe renseigne la hiérarchisation du texte
    • Titre 1 : est automatiquement attribué au nom de l’article. Il n’y a qu’un seul titre principal par page.
    • Titre 2 à Titre 6 : les différents niveaux de titres
    • Paragraphe : texte standard

Tu sélectionnes le texte puis choisis dans le menu déroulant le niveau de hiérarchie à appliquer. Par défaut, paragraphe sera appliqué.

Cela donne en pratique :

  • Introduction (Paragraphe)
  • Mon premier sujet (Titre 2)
    • Ma section 1.1 (Titre 3)
      • Ma sous-section 1.1.1 (Titre 4)
        • Texte (Paragraphe )
      • Ma sous-section 1.1.2 (Titre 4)
        • Texte (Paragraphe )
    • Ma section 1.2 (Titre 3)
      • Ma sous-section 1.2.1 (Titre 4)
        • Texte (Paragraphe )
      • Ma sous-section 1.2.2 (Titre 4)
        • Texte (Paragraphe )
  • Mon deuxième sujet (Titre 2)
    • Ma section 2.1 (Titre 3)
      • Ma sous-section 2.2.1 (Titre 4)
        • Texte (Paragraphe )
  • …..
  • Conclusion (Paragraphe)

A moins de rédiger une thèse, il est rarissime d’utiliser les titres au-delà de Titre 4.

Chaque niveau de titre applique une mise en page spécifique au texte, déterminée dans la feuille de style CSS. Attention, cette fonctionnalité ne doit pas être utilisée pour la mise en page. Google s’en sert pour déterminer le contenu de l’article.

  • gras  mettre en gras
  • italique italique
  • listes  listes
  • listes numérotées  listes numérotées
  • citations  citations
  • alignement du texte
    • alignement gauche gauche
    • centré centré
    • droite droite
  • lien insérer un lien vers un autre article
    • sélectionner le texte qui servira de lien
    • copier l’url de destination (avec HTTPS si possible)
    • valider en cliquant sur la flèche

inserer un lien

  • ouvrir dans une nouvelle fenêtre est une option située dans l’onglet symbolisé par la roue crantée

lien nouvelle fenetre

  • enlever le lien enlever le lien
  • balise lire la suite insérer la balise lire la suite : Quand l’article sera affiché, seul le texte au dessus de cette ligne sera visible. Le reste sera accessible en cliquant sur Lire la suite.
  • texte barré texte barré
  • séparateur séparateur
  • couleur de texte couleur de texte
  • coller en texte coller en texte : indispensable pour intégrer du texte en provenance de Word.  Des éléments intégrés au sein du texte perturbent le bon fonctionnement de la mise en page.
  • nettoyer le formatage nettoyer le formatage (utiliser plutôt coller en texte)
  • caractère spécial caractère spécial
  • retrait du texte retrait du texte
  • suppression du retrait suppression du retrait
  • annuler la dernière action annuler la dernière action
  • rétablir la dernière action après annulation
  • L’onglet Texte vous permet de voir le code HTML de la page.

onglet Texte

  • Bouton Ajouter un média pour intégrer des visuels dans la page

ajouter media

La marche à suivre pour ajouter un média (photo, vidéo, audio, PDF…) :

  • Bouton Ajouter un media (ou glisser directement dans l’article)
  • Onglet Envoyer des fichiers

  • Bouton Choisir des fichiers

chargement logo

 

  • Choisir ton fichier

Dans le menu de droite.

  • Compléter le texte alternatif. ce texte s’affiche en attente du chargement de la photo et est utilisé par Google pour comprendre le sujet de la photo. C’est franchement pénible mais le remplir favorise ton site.
  • Alignement : aucun
  • Lier à : aucun
  • Taille : taille originale

chargement image details

  • Bouton Sélectionner

bibliothèque selectionner

Les outils de la colonne de droite

Publier

 

options de publication

  • Tu peux Publier directement ou Enregistrer en brouillon.
  • L’aperçu permet de visualiser la version sauvegardée
  • Publier permet de programmer une publication ultérieure de l’article
  • Révisions apparaîtra à la première sauvegarde et permet de rétablir une version antérieure

Note : sur WordPress une page ou un article peut être révisé quand tu le souhaites. Tu réalises le changement et la valides avec Mettre à jour qui remplace Publier.

Catégories

 

Catégories

Permet d’attribuer une catégorie. Nous verrons ce point en niveau Intermédiaire.

image mise en avant

  • Définir une image d’en-tête pour illustrer l’article (pour rappel 1 200 px de largeur)
  • La procédure est identique à celle pour intégrer un média dans l’article

L’introduction

Pour capter directement l’attention des visiteurs, le plus simple est de commencer par une accroche et de présenter ensuite sa proposition unique de vente. Dans l’idéal, elle répond à la question suivante : Pourquoi devrais-je acheter chez vous plutôt que chez l’ensemble de vos concurrents ?

Voici 3 schémas d’accroches :

Proposition d’accroche 1 :

Vous êtes un {Décrivez votre cible client} qui rêve de {résultat attendu} sans {Quelle est la plus grande difficulté ou frustration rencontrée par tes clients ?}.

Exemples :

  • Vous êtes un chômeur qui rêve de créer son entreprise sans crouler sous la paperasse ?
  • Vous êtes une mère de jeunes enfants. Comment se détendre quand on n’a jamais une heure à soi ?
  • Vous êtes un bricoleur de génie qui rêve de construire sa maison sans déposer de permis de construire ?
  • Vous êtes un jeune retraité qui rêve de voyager en Asie mais qui déteste les voyages en groupes ?

Proposition d’accroche 2 :

Pour les {cible client} qui aimeraient {Quel résultat obtient-on en utilisant ton produit / service ?}.

Exemples :

  • Pour les enfants qui aimeraient devenir sportifs professionnels.
  • Pour les parents qui rêvent de voir la moyenne de leurs enfants grimper de 5 points.
  • Plombiers,  vous aimeriez gagner 2 heures, chaque semaine, sur votre facturation.
  • Étudiants, trouvez vos futurs colocataires en un clic.

Proposition d’accroche 3 :

Vous rêvez de {résultat attendu} mais vous vous sentez bloqué par {Quelle est la plus grande difficulté ou frustration rencontrée par tes clients ?} ?

Exemples :

  • Vivre dans une maison sans pollution est un luxe inaccessible ? Le tarif prohibitif des épurateurs d’air vous freine ?
  • Votre allergie du solfège vous empêche d’apprendre à jouer du piano comme vous en rêvez ?
  • Vous rêvez de visiter New-york mais votre peur de prendre l’avion vous cloue au sol ?
  • Vous rêvez de quitter Paris mais les opportunités de trouver un nouveau travail en région ne courent pas les rues ?

Exemple réel :

Archer
Vous avez des question, sans aucun doute.
Peut être avez-vous commencé à vous demander si votre agence digitale était le meilleur choix pour vous. Peut être êtes vous en train de vous demander si vous ne pourriez pas obtenir plus de vos dépenses en digital. Peut-être réfléchissez-vous aux défis techniques de demain et au fait que vous pourriez bénéficier d’une opinion éclairée sur la question.

Notre mission ?
Nous construisons des expériences significatives qui inspire l’action.

Comme dans cet exemple, tu enchaines avec pourquoi ton offre est la  solution au problème exposé.

Ta proposition de vente unique

Une proposition puissante répond aux questions suivantes :

  • Que fais-tu ?
    S’assurer d’être concret et compréhensible. Par exemple :

    • Vendre des articles de cuisine
    • Peindre des tableaux réalistes
    • Donner des cours de théâtre aux enfants
    • Le problème résolu pour tes clients
  • Quelle est la promesse faite au client ? Est-elle :
    • Pertinente : issue du problème exact que tu résous
    • Spécifique : des résultats mesurables dans un temps donné
    • Unique : se différentier des propositions des concurrents
  • Quels  sont les bénéfices émotionnels ? Par exemple :
    • Confiance en soi
    • Liberté
    • Tranquillité d’esprit…

La version la plus simple de la proposition se présente ainsi :

{Ton produit/service} réalise {Ton résultat} pour les {clients} . Il {promesse}.

Une variante :

Nous {ce que tu fais} pour les {cible clients} pour les aider à {problème à résoudre}.

Exemples :

  • Clean Papito réalise le ménage des particuliers exigeants sur Marni la Coquette et les environs. Nous utilisons uniquement des produits d’entretiens écologiques.
  • La compagnie Rigoleau de pluie réalise des gouters d’anniversaire pour les enfants de 4 à 12 ans. 4 heures de bonheur avec le celèbre Bozitalino le clown farceur.
  • Fleur de Tanzanie réalise des bijoux pour les femmes en recherche d’exception. Nos diamants roses pales viennent exclusivement de Tanzanie du Sud.
  • Robineto réalise la douche à l’italienne des marseillais. 5 jours après le début des travaux, vous profitez des 5 jets massants et de la pomme de douche XXL.
  • Nous transportons les personnes à mobilité réduite pour les aider dans leurs trajets quotidiens quand les transports en communs ne sont pas adaptés.

Exemples réels :

Airbnb
Réservez des logements uniques et vivez là-bas comme des locaux.

CPJ
Pressés à froid, pour les pressés par le temps
Jus frais livrés quotidiennement

David Grégoire
Transformer un magasin en e-commerce en 24h

Ecover
Un monde en bonne santé commence chez vous

Enékia
Jouer avec les mots est un métier sérieux
Votre agence spécialisée en création de marque

Ful
La réponse à votre besoin de production et de productivité végétale

Glowee
c’est la mer qui vous éclaire

Hello Alfred
Votre maison en autopilote
Alfred vient chaque semaine faire vos corvées

Meetic
A l’origine de plus de 6 millions de couples

Obaku
Obaku est une collection de montres de designers Danois, inspirée par le classique. La tradition du design Danoise combinée avec la philosophie asiatique zen.

Outlines
Des voyages au delà de la carte

PayPal
Le paiement en ligne, simple et sécurisé.

Protos
Le casque de protection des conditions extrêmes.

Steve Axentios
A court de mots ? Faites signe à un rédacteur pro !

Wiithaa
Innovation + Économie Circulaire
Nous travaillons avec les entreprises pour concilier leur développement économique avec la société et la nature

La présentation de la mission

Kathryn Aragon suggère de combiner un énoncé de mission avec la proposition de valeur unique pour renforcer l’image de marque.
Tu énonce de manière claire et concise (1 ou 2 phrases) ce qui compte pour toi, ce qui te caractérise et te différentie.

Schématiquement cela donne :

Notre mission est de {résultat attendu} pour les {cible clients}. Nous le réalisons en {ce que tu fais}.

Exemples :

Notre mission est de fournir des petits pois sains et nutritifs aux enfants des cantines scolaires. Pour cela, nous avons mis en place un circuit d’approvisionnement auprès d’agriculteurs biologiques et congelons nos produits dans les 24 heures suivant la récolte.

Notre mission est de faire gagner la cagnotte de l’Euromillions aux habitants de Chafoin sur Loire en 2018. Nous allons jouer l’ensemble des combinaisons à l’aide d’un robot qui complète 2 000 grilles à l’heure.

Notre mission : vous emmener sur Mars en 2033. Nous collaborons avec les équipes de la Nasa et de Space X sur des propulseurs à ions négatifs.

Kevin Rogers de Copy Chief donne dans l’épisode 2 de son podcast : How To Tell Your Story In Two Sentences une forme de présentation intéressante pour ceux qui ont créé leur entreprise suite à une frustration personnelle.

Mon nom est XXX. J’aime XXX mais je n’en pouvais plus de XXX. J’ai donc créé XXX qui XXX.

Il illustre avec l’exemple de Virgin.
Mon nom est Richard. J’aime voyager mais je n’en pouvais plus des compagnies miteuses, hors de prix qui arrivent en retard. J’ai donc créé Virgin, une compagnie aérienne à tarifs abordables qui arrive à l’heure et traite tous ses passagers avec une service de première classe.

Elle doit respecter les 4 principes suivants :

  • Centrée sur le client
  • Alignée avec les intérêts et valeurs du client
  • S’accorder avec tes produits / services
  • Refléter la personnalité de ta marque

Exemples réels :

Weleda
Weleda œuvre au rapprochement avec la nature. Cette mission n’est d’ailleurs pas neuve : depuis 1921, nous faisons tout pour mieux la comprendre et en tirer le meilleur. Afin de développer des produits composés exclusivement d’ingrédients naturels, qui prennent soin de vous à l’intérieur comme à l’extérieur.

Laiterie de Verneuil
Valoriser durablement le lait de nos coopérateurs, en garantissant à nos consommateurs, le plaisir de produits laitiers de qualité, authentiques et utiles à notre territoire

L’Oréal
L’Oréal s’est donné pour mission d’offrir à toutes les femmes et tous les hommes de la planète le meilleur de l’innovation cosmétique en termes de qualité, d’efficacité et de sécurité. En répondant à l’infinie diversité des besoins et des envies de beauté à travers le monde.

Atlantic
Transformer les énergies disponibles en bien-être durable, par la création de solutions de confort thermique éco-performantes, accessibles à tous et adaptées à chacun

Pepsi
Chez PepsiCo, nous sommes convaincus que nous avons une responsabilité importante envers la société et nos collaborateurs. Seul un esprit d’entreprise durable tenant compte de l’environnement, de la société dans laquelle nous évoluons, de la santé et du développement personnel de nos collaborateurs nous permettra de maintenir tant notre position sur le marché que notre popularité.

Axa
Notre mission est d’aider nos clients particuliers à vivre plus sereinement chaque étape de leur vie, d’aider les entreprises et les professionnels à entreprendre plus sereinement.

Microsoft
Donner à chaque individu et chaque organisation les moyens de réaliser ses ambitions

Radio métal
Et pourquoi qu’on pourrait pas écouter notre style musical préféré à la radio ? Tout le monde peut le faire, sauf nous. C’est quand même pas bien normal…

Digital Marketer
Nous sommes Digital Marketer et notre mission est de DOUBLER la taille de 10 000 entreprises au cours des 5 prochaines années.

Toms Shoes
Pour chaque produit acheté, TOMS aidera une personne dans le besoin

Starbucks
Proposition : Dire que Starbucks achète et torréfie des grains de café entiers de haute qualité est vrai. C’est l’essence de ce que nous faisons – mais cela n’est qu’une partie de l’histoire.
Mission : Chaque jour, nous partons travailler en espérant réaliser deux choses : partager un excellent café avec nos amis et aider à rendre le monde un peu meilleur. C’était déjà vrai lors de l’ouverture du premier Starbucks en 1971, et c’est tout aussi vrai aujourd’hui.

Harley Davidson
Nous réalisons les rêves engendrés par les routes du monde entier en proposant à nos clients des motos et des activités sensationnelles. Nous nourrissons leur passion pour la liberté afin qu’ils expriment leur personnalité.

Crayola
Nous croyons en l’imagination sans limites, la puissance du jeu et la magie des rêves.
Crayola. Réalisez tous vos rêves !
Vous cherchez un lieu où il serait possible de voir des maisons qui flottent ou encore des voitures qui volent ? Un univers, où il suffirait de grimper sur une échelle pour atteindre les étoiles ?
Cet endroit existe déjà … dans le monde imaginaire, unique et merveilleux des enfants ! Ils pourront donner vie à leur créativité haute en couleur et laisser libre cours à leur imagination et ce, sans limites !

Ressource en anglais

How to Craft a Value Proposition that Makes People Love You de Kathryn Aragon

La présentation synthétique de l’entreprise et des produits / services

C’est un aperçu de ce que propose ton entreprise pour susciter l’envie d’en savoir plus. Les visuels sont particulièrement appréciés pour aller rapidement à l’essentiel avec, par exemple, des photos du point de vente ou de la gamme complète.

Il ne s’agit pas de déballer 1 par 1 tous tes produits ou services mais de présenter l’étendue de ton savoir-faire et de diriger le visiteur vers les informations qu’il recherche.

Le plus aisé est de partir des problèmes rencontrés par tes clients et de présenter les solutions que tu apportes sous forme de bénéfices.

L’Exemple de la page d’accueil de Neil Patel

page accueil neilpatel.com

  • Comment générer 195 013 visiteurs par mois sans dépenser un dollar en pub
  • Une vidéo avec à l’écran Générer plus de trafic et de ventes aujourd’hui !
  • Bouton : oui, je veux que Neil m’apprenne à développer mon entreprise
  • Courte biographie
  • Bouton Oui, je réserve mon siège
  • Prêt à commencer l’apprentissage du marketing ? Suis juste les 4 étapes suivantes…
  • Étape #1 : Si tu n’as pas de site, lit ce tutoriel étape par étape sur comment débuter (si tu as un site, passe cette étape)
  • Étape #2 : Si tu ne l’as pas encore fais, assure toi de participer au prochain séminaire. Le prochain débute dans XX min
  • Étape #3 : Améliore tes connaissances en lisant le blog.
  • Étape #4 : S’inscrire à l’école du marketing

Le plus : la page est centrée sur un seul but – que tu regardes la vidéo de présentation du site – et dirige vers le contenu de manière très concise.

Les témoignages et la réassurance

Si tes visiteurs n’ont pas encore cliqué à ce stade, c’est souvent parce qu’ils s’interrogent sur la capacité de ton entreprise à honorer sa promesse. L’expérience de clients permet de rassurer le visiteur.

Les témoignages

Il s’agit de propos tenus par des vrais clients satisfaits. Le schéma avant/après est souvent le plus parlant.

Exemples :

Mes orchidées dépérissaient à vue d’œil. Les conseils précieux de M. Delbranchu me permettent désormais de m’en occuper seule et depuis elles sont resplendissantes.
Germaine-Sophie Dupéril – St Bernard du Retrou

Je ne m’en sortais plus avec ma comptabilité. Comptatis me facilite la vie et me permet de me consacrer uniquement à la création.
Hippolyte-Gérard Chanfon – Artiste peintre à Nantes

Les meilleures gagnoufettes de la région. Je retrouve enfin le goût de celles que me préparait ma grand-mère au petit déjeuner.
Emilie-Chantal – Grand Fournand sur Yvette

Tu connais certainement des clients qui recommandent déjà ton entreprise (si tu débutes, tu reviendras sur ce point ultérieurement).

  • Étape 1 : Tu les contactes en leur demandant s’ils ont le temps pour 2 questions rapides :
    • Qu’elle était la principale  difficulté rencontrée avant d’utiliser mes produits / mes services ?
    • Que préférez-vous aujourd’hui dans mes produits / mes services ?
  • Étape 2 : Tu rédiges le texte du témoignage.
  • Étape 3 : Tu les contactes à nouveau et demandes si tu peux l’utiliser sur ton site internet et s’ils auraient la gentillesse de te fournir une photo.
  • Étape 4 : Tu leur soumets avant la publication la version mise en page et requières leur autorisation écrite.
  • Étape 5 : Tu remercies avec un petit cadeau ces clients fantastiques.

Les entreprises clientes

Si tu travailles avec des entreprises, il est rassurant pour ton visiteur de voir que d’autres te font déjà confiance. La présentation de 10 logos d’entreprises représentatives de ta clientèle sera un vrai plus.

Les certificats et récompenses

Dans certains métiers les certifications sont indispensables pour exercer ou mettent en valeur une expertise pointue. Les récompenses dans l’agroalimentaire,par exemple, poussent à l’achat. Ne pas hésiter à les présenter même si cela semble une évidence.

Les chiffres

Il ne faut pas hésiter à donner des chiffres s’ils permettent de rassurer le visiteur : le nombre de projets menés, de clients, les visiteurs du site, les abonnés à la page Facebook…

La section à propos

Internet est un outil formidable mais il frustre les êtres humains par son coté impersonnel. Nous ne voulons pas avoir affaire à des machines. La présentation de l’équipe (souvent juste toi)  et de leurs compétences humanise la relation.

Les bons ingrédients :

  • une jolie photo
  • pourquoi as-tu créé ton entreprise (quels problèmes résous-tu ?)
  • ce que tu peux accomplir pour tes clients
  • ce que tu aimes faire et des exemples de réalisations
  • un résumé des grandes étapes de ton entreprise
  • les valeurs que tu défends

Il ne s’agit pas de faire l’éloge verbeux de l’entrée d’un académicien au Panthéon mais de donner envie de te rencontrer. Cela doit rester simple et être plaisant à lire.

Des exemples de pages à propos :

Je commence par la page de Poc Sculpture. Son portrait met en valeur sa passion et transmet ses valeurs écologiques.

Le plus : la citation qui clôture le portrait

poc sculpture citation


Comme un camion nous livre l’histoire du blog, nous donne quelques chiffres puis présente l’équipe.

Le plus : les portraits très vivants avec la double photo

commeuncamion a propos


Mixd débute par une phrase d’accroche

Notre succès n’est pas seulement dû à la qualité de notre travail. C’est le résultat d’une attitude, de notre approche et de la manière dont nous traitons nos clients.

Ils présentent ensuite 4 valeurs de l’entreprise et concluent par les portraits.

Le plus : les valeurs présentées : focus, passion, empathie et travail d’équipe

mixd benefices


La présentation de l’agence 6tematik commence par les références clients, poursuit avec 3 qualités : expérience, souplesse et fiabilité, la présentation de l’équipe, les projets de mécénat et conclut par le nombre de tasses de cafés consommées.

Le plus : le design de la page et les associations soutenues

6termatik sponsor


EB Pearls présente sur sa page une introduction de 2 lignes, 4 chiffres clés (nombre de projets, employés, bureaux et clients heureux), l’approche client, l’histoire de l’entreprise, l’équipe, un témoignage client puis 2 blocs  liés au processus de création et aux compétences.

Le plus : la citation de Gandhi pour expliquer leur approche client :

Un client est le visiteur le plus important dans nos locaux, il ne dépend pas de nous. Nous dépendons de lui. Il n’interrompt pas notre travail. Il en est l’objet. Il n’est pas un étranger dans notre entreprise. Il en fait partie. Nous ne lui faisons pas une faveur en le servant. Il nous fait une faveur en nous donnant l’occasion de le faire.

ebpearls approche client


EHD va droit au but : une phrase d’introduction

Nous sommes EHD, un studio créatif qui aime apprendre, collaborer et créer.

suivi d’une photo, du texte de présentation de l’équipe et de 2 blocs avec des liens vers le processus de création et le portefolio.

Le plus : la phrase d’introduction limpide et la présentation de l’équipe dynamique et passionnée

Salut ! Nous sommes Nathan Strandberg and Katie Kirk, deux individus avec une passion pour la créativité – la créativité nous rend heureux. Nous croyons profondément dans le pouvoir de transformation de l’illustration et du design et à leur capacité à simplifier la communication, améliorer l’expérience client, créer de l’engagement et inspirer les personnes en tout lieu. Bon design et bonnes relations viennent de la collaboration. Nous sommes excités de débuter un dialogue visuel, apprendre sur vous, et faire quelque chose de beau ensemble.

eighthourday page à propos


DOTP L’introduction est immédiatement suivie de la présentation du designer et de 3 témoignages.

Le plus : le design de la page et l’introduction

Quelque chose de vieux, quelque chose de neuf, quelque chose d’emprunté, quelque chose de bleu.
Empruntant aux techniques de modelage du bois qu’ils développèrent sur les plateaux de cinéma, les designers légendaires Charles et Ray Eames créent une chaise moderne et iconique à partir d’un ancien matériel – le contreplaqué. Le contreplaqué sculpté élime le besoin de coussins rendant la chaise Eames confortable, accessible et parfaitement adaptée aux habitats et entreprises.

dotp introduction


Hello Alfred inaugure sa page par la photo des fondatrices et l’utilisation de leur propre service, suivi par la raison de la création de l’entreprise

Le temps ne devrait pas être un luxe
Nous avons créé Alfred pour trouver le temps de faire ce que nous aimons. Avec Alfred, nous pouvons fondamentalement changer la manière dont les personnes s’entraident et font les choses.

et de leur deux signatures. Viennent ensuite 3 bénéfices (espace mental libéré – un espace physique propre – doux avec le portefeuille) puis la présentation du profil des employés, les tarifs et un bloc Débuter le service.

Le plus : l’indication de l’utilisation de leur propre service par les fondatrices en surimpression de leur photo. Les signatures apportent de la crédibilité à leur promesse.

helloalfred-signature


UG Monk présente l’histoire de l’entreprise en détail puis conclut très rapidement sur le fondateur en 5 questions.

Le plus : la capacité à nous associer à l’entreprise et à sa philosophie : le rêve – je décide de continuer – passer à temps plein – c’est plus que des t-shirts, c’est un état d’esprit – nous expédions dans 67 pays à travers le monde – donner en retour – une affaire familiale – le futur

ugmonk page à propos


Mailchimp est une grande entreprise mais sa présentation est bien structurée : histoire, financements des projets de la communauté, équipe d’encadrement, employés, culture et communauté.

Le plus : le paragraphe sur la culture d’entreprise qui donne un aperçu du travail dans cette entreprise

Nous aidons nos employés à grandir dans leurs rôles et leurs rêves d’avenir. Les employés sont encouragés à participer à des événements, partager leurs connaissances et prendre du temps pour du bénévolat ou apprendre de nouvelles compétences…

mailchimp culture


Pour aller plus loin :

Christelle Bres-Bourgeois de Calliframe a rédigé un excellent guide pas à pas pour rédiger sa page à propos.

André Dubois de Trafic Mania donne 15 exemples de belles pages à propos.

Les coordonnées et la rubrique Contactez-nous

Tu as convaincu ton visiteur de prendre contact.
Excellente nouvelle.

Tu vas lui faciliter le travail et fournir tous les moyens possibles et imaginables de prendre contact avec toi y compris le pigeon voyageur, s’il le faut. Cette information peut être dupliquée en plusieurs endroits du site : en pied de page, en évidence en haut à droite, sur la barre latérale…

Il s’agit de faire classique : une adresse, un numéro de téléphone, un e-mail (en prenant soin de mettre l’@ entre parenthèse pour éviter le spam) et une carte.

Comment intégrer une Google Maps sans extension supplémentaire

Tu vas voir. Ce n’est pas sorcier.

Google maps

  • Compléter son adresse
  • Valider avec la loupe
  • Cliquer sur le menu

Google maps compléter adresse

  • Sélectionner Partager ou intégrer la carte dans le menu

Google maps partager

  • Copier le code et le conserver

Google maps lien

  • Faire un Imprim écran (touche du même nom en haut de ton clavier)
  • Tu ouvres Paint (compris avec Windows)
  • Bouton coller ou CTRL+V

paint coller

paint rogner

  • Fichier > Enregistrer

 

  • Passer l’image dans Tiny PNG
  • Media > ajouter dans le menu WordPress

media ajouter

  • Charger la carte
  • Copier l’adresse de la carte et la conserver

adresse url d'un media

L’intégrer dans un article :

  • Insérer l’image
  • Sélectionner l’image
  • Lier l’image avec le code Google Maps (ouvrir dans une autre fenêtre)

image d'une Google maps

C’est un petit peu moins interactif mais cela évite une extension qui ralentit le site pour une utilisation rarissime.

Dans la barre latérale

Apparence > Widgets

  • Bouton Texte
  • Sélectionner l’emplacement Colonne latérale
  • Bouton Ajouter le Widget

widget texte

  • Compléter le titre par ex : Nous contacter :
  • Intégrer le texte suivant en remplaçant les éléments en bleu

Widget texte completer

Tél : 01 01 01 02 03
E-mail : hadouken (@) bouledefeu (. )com

M Ken Hadouken
40 rue de Honda
93250 Yssy les Morniffles

Carte :

<a href=”adresse Google Maps” target=”_blank” rel=”nofollow noopener noreferrer”><img class=”size-full wp-image-1159 aligncenter” src=”adresse de l’image” alt=”image d’une Google maps” width=”240″/></a>

  • Cocher Créer automatiquement les paragraphes
  • Bouton enregistrer

Cela donne le résultat suivant :

aspect Google maps dans la barre latérale

Dans le pied de page

Apparence > Widgets

  • Bouton Texte
  • Sélectionner l’emplacement pied de page 1 (ou 2 si tu as déjà quelque chose comme dans l’exemple ci-dessous)
  • Bouton Ajouter le Widget

widget texte

  • Compléter le titre par ex : Nous contacter :
  • Intégrer le texte suivant en remplaçant les éléments en bleu

Widget texte completer

Tél : 01 01 01 02 03
E-mail : hadouken (@) bouledefeu (. )com

M Ken Hadouken
40 rue de Honda
93250 Yssy les Morniffles

Carte :

<a href=”adresse Google Maps” target=”_blank” rel=”nofollow noopener noreferrer”><img class=”size-full wp-image-1159 alignleft” src=”adresse de l’image” alt=”image d’une Google maps” width=”240″/></a>

  • Cocher Créer automatiquement les paragraphes
  • Bouton enregistrer

Cela donne le résultat suivant :

aspect Google maps dans pied de page

Conclusion

Es-tu fier de ta réalisation ? Je te propose de me communiquer l’adresse de ton site. Je suis curieux d’admirer le résultat.

Ce n’est que le début de l’aventure mais cela vaut la peine de se retourner pour admirer le chemin parcouru. Mes félicitations. Tu disposes désormais d’un site qui permettra à ton entreprise de se faire connaître.

Si tu as aimé la méthode pour construire un site, veux-tu, s’il te plaît, partager ton expérience avec un ami ou un confrère qui souhaite réaliser son site web. Le bouche à oreille est la meilleure des publicités. Il faut avouer qu’un petit coup de pouce sur les réseaux sociaux ne peut pas faire de mal non plus.

Il serait dommage de s’arrêter à cette étape. Je te propose deux options pour poursuivre ta route : tu peux continuer à affiner ton site à l’aide du niveau intermédiaire de la construction de site ou passer à une question primordiale : comment attirer ses premiers visiteurs.

Les articles qui peuvent t’intéresser :

Créer les images de ton site
Personnaliser le thème Twenty Seventeen
Assurer la sécurité de ton site
Structurer le contenu de ton site

bannière de la newsletter pour pas un rond

page accueil visuel pinteret

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *