# data[].attributes.attachment_link.description
Version virtuelle d’un escape game réel sur le milieu de l’entreprise. Utilisation possible en fin d’année pour réviser ses cours d’Éco-droit.

# data[].attributes.attachment_link.readable_text
Cette année, nous participons aux TraAM (travaux académiques mutualisés) sur le thème " Les outils numériques au service de la différenciation pédagogique des enseignements".

Les TraAM ont pour objectif d'aider et d'accompagner le développement du numérique en mutualisant les expériences.

Pour en savoir plus : le site eduscol.

Une équipe a été constituée avec les collègues suivants :

- Hélène Dullin et Isabelle Jacquier, professeures en STS MUC au lycée ND du Grandchamp ;
- Anne Dominici, professeure en STS CG au lycée JB Poquelin de St Germain en Laye et formatrice académique sur la rénovation STS CG ;
- Edwige Pandolfi, professeure de spécialité en terminale mercatique au lycée Einstein de Sainte- Geneviève-des-Bois et formatrice économie et gestion à l'ESPE de Versailles ;
- Michaël Honvault, professeur en Informatique et Systèmes d'information au lycée du Parc de Vilgénis à Massy.

# data[].attributes.attachment_link.title
Plateforme d'e-éducation en économie gestion - Cette plateforme est destinée à l'expérimentation de parcours en ligne à destination des élèves. Elle propose aux enseignants et leurs classes des séquences se déroulant à la fois en distanciel et en présentiel.

# data[].attributes.attachment_link.description
Cette année, nous participons aux TraAM (travaux académiques mutualisés) sur le thème " Les outils numériques au service de la différenciation pédagogique des enseignements". Les TraAM ont pour objectif d'aider et d'accompagner le développement du numérique en mutualisant les expériences. Pour en savoir plus : le site eduscol.

# data[].attributes.attachment_link.readable_text
Cartel Euros 3000, un jeu de simulation d'entreprise
... un vrai simulateur d'affaire !

Devenez un manager d'entreprise ! Cartel Euro 3000 est un jeu d'entreprise pour ceux veulent s'amuser à diriger une société avec des paramètres réalistes. Ce logiciel s'appuie sur une véritable simulation économique du fonctionnement d'une entreprise.

Apprendre la gestion et le management dans un jeu amusant est un principe essentiel de ce serious game, programme est à la fois ludique et éducatif! Avec Cartel Euros 3000, vous embauchez, vous achetez, vous fabriquez, vous stockez, vous vendez, vous placez et vous gérez toutes les fonctions vitales d'une entreprise! Vous pourrez démontrer vos talents de manager et réussir à racheter l'un de vos concurrents!

Le logiciel Cartel Euros 3000 conjugue à la fois l'apprentissage des fonctions économiques de l'entreprise et l'aspect ludique du jeu. Considéré comme un serious game éducatif, ce jeu d'entreprise est aujourd'hui apprécié par de nombreux joueurs, étudiants et professeurs d'école. Plusieurs écoles de commerce utilisent ce logiciel pour des travaux dirigés.

Les fonctions systèmes ( Sauvegarde, ... , Quitter , etc. ) sont accessibles en appuyant sur le bouton [MENU]. Cela fait apparaître cette barre d'outils.

Simulation de l'entreprise

Tous les paramètres de fonctionnement de votre entreprise sont calculés par un moteur expert de simulation. Tous ces paramètres sont interactifs. Comme dans la réalité, avec Cartel Euro 3000, la chance existe mais elle n'a pas de rôle prépondérant. Si votre entreprise vend mal, c'est parce que vous avez créé les conditions pour vendre mal, etc.

Dans Cartel Euros 3000, vous êtes le manager Directeur Général, d'un établissement industriel qui assemble des ordinateurs PC.

Vos concurrents sont 3 autres compagnies simulées par le programme :
Star 2000, OrdiBell & Azer Computer.

Objectifs du jeu dans Cartel Euros 3000

Le premier objectif est de gérer correctement votre entreprise de manière à éviter une faillite.

La simulation se fonde sur un aspect ludique. Pour gagner, il faut détenir au moins 60% des parts de marché face à vos concurrents.

Il est très difficile de prendre seul les 60% du marché. Il sera certainement nécessaire de racheter un de vos concurrents afin de consolider les chiffres d'affaire des deux entreprises ( voir OPA).

Cycles de fonctionnement de la simulation

Chaque cycle représente 1 mois de la vie de votre entreprise.

Les 6 étapes de chaque cycle sont toujours :

1 - Embauche
2 - Achats
3 - Production
4 - Ventes
5 - Fin de mois
6 - Conjoncture

Les 5 premières étapes sont déclenchées par clic de souris sur les boutons qui déclenchent chacune d'entre elles :

La première étape est l'embauche de vos ressources humaines ...

La 2ème étape est l'achat des composants nécessaires à la fabrications des produits finis ...

Lorsque vous avez acheté suffisamment de composants et grâce à vos ouvriers,
vous pouvez lancer la production de votre atelier industriel !

A ce stade, vous atteignez la phase de commercialisation de vos produits fabriqués.
Ainsi, il vous est possible d'acheter une campagne publicitaire !

Il est enfin possible de gagner de l'argent pour votre entreprise.
Le simulateur du Bureau des Ventes vous permet de réaliser du business profitable...

En plus de ces étapes obligatoires, il est toujours possible d'emprunter
à la banque Cartel-Finance, ...

... de placer son argent à la BOURSE
et ainsi réaliser des opérations financières spéculatives ...

Cette étape déclenche plusieurs processus :

· livraison des clients
· gestion des contrats
· encaissement
· comptabilité de fin de mois

Tout cela est automatique !

Ensuite, vous verrez apparaître votre compte de résultats, votre chiffre d'affaire et les parts de marché détenus par chaque constructeur de PC dont vous-même. Si vous formez un groupe (rachat d'un concurrent) vos chiffres de ventes du groupe seront indiqués.

Bien que simplifié dans cette simulation d'entreprise, l'ensemble de ces informations de fin de mois constitue ce que l'on nomme les tableaux de bord du Chef d'Entreprise.

Il est conseillé d'analyser attentivement toutes les données pour prendre les bonnes décisions :

· Compte de résultats
· Tableau et graphique des ventes ( y compris concurrence)
· Indicateurs de stock (pièces et produits finis)
· Coûts de fabrication
· Marge nette sur le prix de vente
· Trésorerie (compta et trésor)
· Investissement boursier et valeur du portefeuille
· etc.

En fin de mois, le cylcle arrive à son terme, vous découvez le compte d'exploitation de l'entreprise, ses résultats, ainsi que les tableaux de bord ....

Toutes ces informations et bien plus sont détaillées dans un rapport d'audit avec de nombreux ratios et graphes de gestion! Pour cela, il suffit d'appuyer sur le bouton[AUDIT] pour faire apparaître 6 onglets affichant les rapports suivants:

[RH] [Production] [Affaires] [Gestion] [Placements] [Conseil]

Deupis la version 6, le dernier onglet[Conseil] va analyser votre situation avec tous les paramétres de l'entreprise et vous prodiguer de précieuses recommandations !

(grâce à un programme systeme-expert intégré dans le logiciel Cartel)

En fin de mois, vous consultez la presse au travers d'un mensuel intitulé LA CONJONCTURE. Chaque mois, un évènement important est relaté et va impacté le déroulement du jeu; c'est la surprise du mois !

Toute l'actualité du mois ...

Il suffit de lire attentivement l'article de presse qui vous est présenté dans LA CONJONCTURE. Vous pourrez lire aussi un article détaillé sur le climat économique et l'évolution de La Bourse .../...

Cette brève présentation ne peut dévoiler toutes les fonctionnalités et les détails de cette simulation d'entreprise.

La meilleure façon de juger ce logiciel est de l'essayer !

Cliquer ci-dessous pour télécharger le jeu :

# data[].attributes.attachment_link.title
Le jeu Cartel Euros 3000: manager une entreprise !

# data[].attributes.attachment_link.description
Creatiel Editions présente Cartel Euros 3000, le logiciel simulateur d'entreprise, élu 2008 meilleur jeu de gestion.

# data[].attributes.attachment_link.readable_text
2011

Série documentaire

Existe-t-il une voie permettant à tous de profiter des richesses de notre planète sans compromettre les ressources des générations futures? La réponse à cette question se trouve aux quatre coins du globe, auprès d'hommes et de femmes qui ont réussi à créer de nouveaux modèles de développement économique. Innovateurs, ils ont décidé d'emprunter une nouvelle voie pour une croissance durable et soutenable, pour l'homme comme pour la planète. Ils sont agriculteurs, chimistes ou architectes, médecins, commerçants ou banquiers... Loin de tout militantisme écologique ou politique, ils sont avant tout des entrepreneurs.

Artisans du Changement est une collection documentaire qui propose d'aller à la rencontre de ces pionniers d'un genre nouveau. Ils croient en un capitalisme créateur de richesses sociales, économiques et environnementales. Ils ne sont heureusement pas les seuls à promouvoir de telles idées, mais ils nous apportent la preuve, au quotidien, à leur échelle, que c'est possible.

Format(s)

30 X 30 minutes 30 X 60 minutes

Diffuseur(s)

RDI, TFO, Ushuaïa TV, France 5, 8 Mont Blanc, ICI Explora

Réalisateur(s)

Jean Bourbonnais, Sylvain Braun, Laurent Lutaud, Carlos Ferrand, Karina Marceau, Luc Cyr, Linda Tardif

Distributeur(s)

Ciné-Fête, Poorhouse int., Terranoa

Média numérique

Le site Internet d' Artisans du Changement présente le parcours de l'ensemble de ces individus hors de l'ordinaire présentés dans la série documentaire. Par le biais de biographies et d'informations sur leurs initiatives, il permet de se familiariser avec le concept du développement durable. On y retrouve également un jeu de simulation, des petites animations éducatives qui vulgarisent des concepts complexes et des études de cas interactives.

Télévision interactive

Le site illico Artisans du Changement offre des capsules informatives, des jeux, une vidéo interactive et des questionnaires. Les abonnés de la télévision interactive peuvent également accéder à un film inédit à la télévision illico sur demande, Minuit moins une, qui met en vedette Réal Bossé.

Prix et distinctions

2012

27 ième Gala des Prix Gémeaux

Gagnant

Meilleure série documentaire

2010

Nomination

Meilleur site Web pour une émission ou série

siège social

296, rue Saint-Pierre Matane (Québec) CANADA G4W 2B9

heures d'ouverture

Du lundi au vendredi de 8H30 à 17H00 (HNE)

contactez-nous

Téléphone: 1 877 320-2040

Télécopieur: 418 562-4643

info@pvp.ca

# data[].attributes.attachment_link.description
2011 Existe-t-il une voie permettant à tous de profiter des richesses de notre planète sans compromettre les ressources des générations futures? La réponse à cette question se trouve aux quatre coins du globe, auprès d'hommes et de femmes qui ont réussi à créer de nouveaux modèles de développement économique.

# data[].attributes.attachment_link.description
La Banque centrale européenne (BCE) est la banque centrale des dix-neuf pays de l’Union européenne qui ont adopté l’euro. Notre principale mission consiste à maintenir la stabilité des prix dans la zone euro et à préserver ainsi le pouvoir d’achat de la monnaie unique.

# data[].attributes.attachment_link.readable_text
Radar (Représentation ajustable de données agrégées et référencées)

Retour aux paramètres

Exporter format PNG

Liste des indicateurs disponibles

Choisissez les indicateurs que vous souhaitez retenir pour le calcul de votre indice et sa représentation graphique

Valider la sélection

# data[].attributes.attachment_link.title
Les Sciences Économiques et Sociales dans l'Académie de Versailles - Radar

# data[].attributes.attachment_link.description
Radar (Représentation ajustable de données agrégées et référencées) Retour aux paramètres Exporter format PNG Liste des indicateurs disponibles Choisissez les indicateurs que vous souhaitez retenir pour le calcul de votre indice et sa représentation graphique Valider la sélection

# data[].attributes.attachment_link.description
Leader européen dans la création de serious games

# data[].attributes.attachment_link.readable_text
Publicités et Actualités : Double-cliquez sur cette barre pour consulter et proposer les news !

AXA : Dividendes de 100% des bénéfices versés cette semaine aux actionnaires

Bourse : Cours du lingot: 249€/lingot.

Banque du Parc des Loges : Avis aux professeurs : Si vous souhaitez inscrire vos classes nommez votre entreprise "Banque de" suivi du nom de votre lycée.

Electricité : 157 Watt/panneaux ce jour

Sable : Baisse du cours de 7.7%

Cuivre : Hausse du cours de 1.8%

Pétrole : Hausse du cours de 1.7%

Or : Hausse du cours de 0.7%

# data[].attributes.attachment_link.description
Publicités et Actualités : Double-cliquez sur cette barre pour consulter et proposer les news ! AXA : Dividendes de 100% des bénéfices versés cette semaine aux actionnaires Bourse : Cours du lingot: 249€/lingot. Banque du Parc des Loges : Avis aux professeurs : Si vous souhaitez inscrire vos classes nommez votre entreprise "Banque de" suivi du nom de votre lycée.

# data[].attributes.headline
Carrés de KALDOR : conjoncture économique

# data[].attributes.subject
Carrés de KALDOR : conjoncture économique

# data[].attributes.attachment_link.title
Les Sciences Économiques et Sociales dans l'Académie de Versailles - Générateur de Carrés Magiques de Kaldor

# data[].attributes.attachment_link.description
Accueil > Applications > Présentation du générateur de carrés magiques > Générateur de carrés magiques de Nicholas Kaldor

# data[].attributes.attachment_link.title
Le simulateur du budget des finances publiques - Le Figaro

# data[].attributes.attachment_link.description
Jouez le rôle du Ministre de l'Action et des comptes publics (Gérald Darmanin) et amusez-vous à élaborer et simuler le budget de l'Etat pour 2018!

# data[].attributes.attachment_link.provider_name
ECOVILLE - Jeu de simulation et ressources pédagogiques

# data[].attributes.attachment_link.description
MEET is one of the Leonardo Da Vinci - Transfer Of Innovation projects selected by the Italian National Agency in 2009 in order to implement an innovative training tool (the Business Game) and transfer it from higher education to VET (EQF level 4-5).

# data[].attributes.attachment_link.readable_text
Les Balises h1 à h6, qu'est ce que c'est ?

Dans une page web, les titres introduisant le contenu dans l'HTML sont signalés par les balises h1, h2, h3, h4, h5 et h6 (h pour "heading" en anglais) et ont deux principales vocations :

préparer la lecture du paragraphe que ces titres précèdent en résumant son contenu. Ils aident ainsi les lecteurs à mieux comprendre ce qu'ils vont lire.

indiquer aux moteurs de recherche les informations les plus importantes que comportent votre page (l'algorithme de Google accorderait plus de poids aux mots clés et expressions que contiennent les titres qu'au reste du contenu)

Par ailleurs, concernant l'écriture des titres dans une page web, la norme HTML 4.01 nous dit que :

chaque document HTML peut contenir un ou plusieurs titres h1 à h6

chaque titre h1 à h6 nécessite obligatoirement une balise ouvrante <hn> et une balise fermante </hn>

il existe 6 niveaux de titrage possibles : h1, h2, h3, h4, h5 et h6. h1 étant un titre de premier niveau, h2 un titre de second niveau, h3, un titre de troisième niveau etc...

Les règles d'utilisation des balises h1 à h6.

Les pratiques autorisées :

Voici deux exemples d'utilisation des éléments h1, h2, h3, h4, h5, h6. Dans ces exemples, les balises sont correctement formées et seront bien interprétées par les moteurs de recherche.

Exemple 1 : Titre parfaitement hiérarchisé.

<body>
<h1>Optimiser la balise meta description pour le SEO</h1>
Ici le contenu du paragraphe...
<h2>Quelles sont les balises essentielles pour le référencement?</h2>
Ici le contenu du paragraphe...
<h3>Qu'est ce que la balise méta description ?</h3>
Ici le contenu du paragraphe...
<h4>Quelles sont les règles de rédaction de la balise méta </h4>
Ici le contenu du paragraphe...
<h5>Quelles sont les erreurs à éviter ?</h5>
Ici le contenu du paragraphe...
<h6>La balise meta keyword est elle importante ?</h6>
Ici le contenu du paragraphe...
</body>

La page contient un titre principal (h1 et des sous titres moins importantes h2, h3, h4, h5 et h6). Cette utilisation n'est possible que si vous avez des contenu qui se hiérarchisent ainsi (titre, sous titre, sous-sous titre...).

Si le contenu de la page ne se hiérarchise pas ainsi, ne forcez pas car vous risqueriez de nuire à la lisibilité de votre contenu.

Si le contenu de votre page web ne permet pas une utilisation hiérarchique des titre h1, h2, h3, h4, h5, h6 optez plutôt pour l'exemple suivant.

Exemple 2 : Un Titre h1 et plusieurs sous titres de même importance (h2)

<body>
<h1>Optimiser la balise méta description pour le SEO</h1>
Ici le contenu du paragraphe...
<h2>Quelles sont les balises essentielles pour le référencement?</h2>
Ici le contenu du paragraphe...
<h2>Qu'est ce que la balise méta description ?</h2>
Ici le contenu du paragraphe...
<h2>Quelles sont les règles de rédaction de la balise méta</h2>
Ici le contenu du paragraphe...
<h2>Quelles sont les erreurs à éviter ?</h2>
Ici le contenu du paragraphe...
<h2>La balise meta keyword est elle importante ?</h2>
Ici le contenu du paragraphe...
</body>

Dans ce cas, il y a un titre principal (h1) et 5 sous titres de même importance (h2). Cette utilisation permet d'une part d'indiquer aux moteurs de recherche que les 5 sous-titres ont le même poids et d'autre part cela permet de conserver une bonne lisibilité de votre contenu.

La pratique pénalisante :

Voici maintenant un exemple d'utilisation des titres h1 à h6 qui risquerait de pénaliser votre site. Dans ce cas, on passe de la balise h1 à h3 puis h2 et à nouveau h3. Cette ordre de présentation n'est pas logique (on ne doit pas ouvrir un sous-sous chapitre avant d'avoir ouvert le sous-chapitre parent)

<body>
<h1>Optimiser la balise méta description pour le SEO</h1>
Ici le contenu du paragraphe...
<h3> Quelles sont les balises essentielles pour le référencement?</h3>
Ici le contenu du paragraphe...
<h2> Qu'est ce que la balise méta description ?</h2>
Ici le contenu du paragraphe...
<h3> Quelles sont les règles de rédaction de la balise méta</h3>
</body>

Notez que le niveau d'importance de la balise ouvrante doit être strictement le même que celui de la balise fermante. Voici un exemple de titre valide :

<h1>Les castors lapons</h1>

Le titre suivant n'est pas valide et risque même de déstructurer toute la mise en page du document html :

<h1>Les castors lapons</h2>

Les balises h1 à h6 sont-elles importantes ?

D'un point de vue référencement naturel, après la balise title, ce sont les balises h1 à h6 qui sont probablement les plus importantes de l'ensemble du contenu d'une page web. Lorsqu'elles sont bien rédigées, les titres h1 à h6 introduisent le contenu qui les suit. Ils fournissent donc les termes les plus pertinents pour identifier le contenu du paragraphe qui les suit.

Les balises h1 à h6 entre elles

Pour les moteurs de recherche (google, yahoo, bing), les balises H1 à H6 n'ont pas toutes le même poids.

D'un point de vue référencement, la balise h1 est la plus importante parmi tous les autres titres. Plus on augmente de niveau de titre (h2, h3, h4, h5 et h6), moins son contenu sera considéré comme important par les moteurs de recherche.

Le contenu d'une balise h1 sera donc plus important que celui d'une balise h2, lui-même plus important qu'une balise h3 et ainsi de suite jusqu'à h6. Les efforts d'optimisation devront donc se concentrer en priorité sur les titres en h1, puis en h2, etc.

Les balises h1 à h6 et les autres balises & tags HTML

Pour les moteurs de recherche, après la balise TITLE d'une page web (titre de la fenêtre du navigateur), les balises h1 à h6 (titres et sous-titres du texte de la page) sont probablement les balises HTML les plus importantes. Elles sont donc incontournables dans l'optimisation d'une page web pour un meilleur référencement naturel.

Voici un exemple de Balises h1 à h6 mal optimisées :

<h1>Le sport</h1>
...
<h2>Quel sport ?</h2>
...
<h3>Où ?</h3>
...

Il faut choisir avec soin les mots-clés à partir desquels les utilisateurs peuvent trouver la page web.

<h1>L'importance de la pratique du sport </h1>
...
<h2>Quelle activité sportive choisir ?</h2>
...
<h3>Où pratiquer une activité sportive ?</h3>
...

Quelles sont les règles de rédaction des balises h1 à h6 ?

Le mot d'ordre : trouver le bon compromis entre le référencement naturel et les internautes :

Pour un bon référencement naturel, un titre doit contenir des mots-clés stratégiques sur lesquels vous souhaitez vous positionner dans les pages de résultats.

Mais il ne faut pas privilégier le référencent au détriment des internautes. Quel est l'utilité d'une page bien référence si les internautes n'y comprennent rien et la quittent aussi tôt arrivé ?

Il faut donc trouver le meilleur compromis entre un titre à destination des internautes et un titre à destination des moteurs de recherche. L'exercice est difficile. Il faut être fin rédacteur pour placer les bons mots-clés dans les titres.

Par exemple, le titre, " Découvrez les règles d'optimisation des balises h1 à h6 " peut convenir aux internautes et aux moteurs de recherche. Alors que si on souhaite un titre destinée uniquement aux moteurs de recherche, le titre suivant serait préférable : " Optimiser les balises h1, h2, h3, h4, h5 et h6 "

Quelle longueur pour les balises h1 à h6 ?

Il n'y a pas de règle pour la longueur des titres. Ils peuvent aussi bien être courts que longs. Il faut néanmoins surveiller la densité des mots-clés dans les titres. C'est un critère important. Cela peut justifier l'emploi plus récurrent de titres courts ou de longueur moyenne.

Dans l'exemple suivant, "Tout ce qu'il faut retenir sur les principes du référencement naturel et les éléments associés" la densité du mot-clé "Référencement naturel" est diluée par le nombre total de mots. On préférera donc le titre suivant, "Le référencement naturel, principes et définitions"

L'outil gratuit Yakaferci pour analyser les balises h1, h2, h3... de vos pages

Pour lancer l'analyse Yakaferci, il vous suffit de saisir le lien vers votre page dans la zone ci-dessus et de cliquer sur le bouton Analyser. Vous pourrez alors accéder aux différentes pages du rapport, en particulier celle sur le PageRank.

Pour en savoir plus...

D'autres articles de Yakaferci dans la rubrique Référencement peuvent vous être utiles.

# data[].attributes.attachment_link.title
Conseils d'optimisation des balises d'en-tête h1 h2 h3 h4... en SEO (Yakaferci)

# data[].attributes.attachment_link.description
Dans une page web, les titres introduisant le contenu dans l'HTML sont signalés par les balises h1, h2, h3, h4, h5 et h6 (h pour "heading" en anglais) et ont deux principales vocations : préparer la lecture du paragraphe que ces titres précèdent en résumant son contenu.

# data[].attributes.attachment_link.title
Adding Keywords (Search Phrases) | Help Center | Wix.com

# data[].attributes.attachment_link.description
Keywords and search phrases are words, or groups of words, that a user enters into search engines in order to be matched with relevant content. Smart SEO is all

# data[].attributes.attachment_link.readable_text
Je suis certaine que vous avez déjà visité des sites Internet d'entreprise où quelque chose ne collait pas.

Vous n'étiez pas rassuré sur le site... C'est souvent la charte graphique du site Web qui est incriminée.

Mathieu, de l'équipe #audreytips, est féru de sciences. Il m'a tenu ce matin le discours suivant :

Pourquoi investir dans la charte graphique d'un site Web ? Parce que nos nos cerveaux réagissent en quelques fractions de secondes aux stimuli visuels, souvent de manière inconsciente. Alors pour conquérir davantage de clients, travailler avec soin sa charte graphique est vital. C'est l'un des premiers aspects que l'on découvre sur un site Web !

2 définitions importantes : police de caractère et style graphique

Tout d'abord vous devez comprendre 2 aspects importants :

Les polices de caractères,

Et le style graphique.

En effet, le choix des polices de caractère, des couleurs, de la mise en page... définit le style graphique de votre marque et donc de votre site Web.

Qu'est-ce qu'une police de caractère ?

Les non experts en graphisme confondent souvent la police de caractère et la fonte.

D'une part, la police de caractère est l'ensemble des représentations visuelles d'une même famille de caractères comprenant l'alphabet, les chiffres et les caractères spéciaux.

Un exemple populaire de police est Arial.

D'autre part, la fonte est constituée de 2 éléments :

La taille des caractères,

Et la graisse (gras, italique) qu'on choisit de lui appliquer.

Voici un exemple de fonte : Arial avec une taille de 20 points et une graisse en italique.

La police de caractère sur #audreytips est Roboto.

Voici toutes les fontes que nous aurions pu choisir. D'abord, selon la graisse :

Ensuite selon la taille :
La graisse et la taille sont 2 critères définissant la fonte aussi importants l'un que l'autre.
Trop petit et fin : votre marque apparaît visuellement comme une entreprise peu "sûre" d'elle.

Trop gros et gras : vous êtes "too much", limite amateur, alors faites attention !

Sur#audreytips, notre police de caractère est Roboto, la fonte est Roboto Bold non italique avec une taille de 30pt.

Avec cette police simple et cette taille modeste, notre volonté est d'être présent sur la page d'accueil, mais pas trop.

Pourquoi ?

Afin de mettre l'accent sur notre contenu et l'article à la une. Toutefois, le choix de la graisse Bold (ou gras) permet d'être visible juste ce qu'il faut.

5 différents types de polices de caractère

Certaines polices existent depuis les débuts du "personal computer".

C'est le cas de la police Courier, imitant les lettres d'imprimerie.

D'autres sont créées tous les jours par des graphistes. Une police peut définir à elle seule le style de votre logo, sans avoir besoin d'ajouter autre chose.

Regardez cette exemple :

Cette police au doux nom de Angeline Vintage, est l'une des très nombreuses polices accessibles pour une utilisation personnelle sur le site 1001freefonts.

Par contre, vous devrez payer 14 dollars pour une utilisation commerciale.

Petit bémol au sujet de ces polices séduisantes : elles sont souvent créées aux Etats-Unis, et par conséquent, les caractères spéciaux et les accents ne sont souvent pas pris en compte !

Ce n'est pas le cas avec Angeline Vintage :

Il est possible de classer les polices de caractère en 5 familles principales :

Ce sont toutes les polices à empattement comme par exemple :

L'empattement est ces petites fioritures que vous retrouvez au pied ou à la tête des lettres.

Vous pensez que c'est un détail ?

Mais pourtant, en choisissant un type d'empattement (ou pas d'empattement du tout), vous donnez déjà un style à votre marque, et oui !

Ce sont les polices sans empattement comme :

Ce sont les polices simulant l'écriture à la main par exemple

Lucida Handwriting,

Brush Script,

Commercial Script...

Ce sont les polices plus décoratives comme Angeline Vintage, justement, mais il y en beaucoup, beaucoup d'autres.

Là, on parle des polices à chasse fixe.

Cela veut dire que chaque caractère a la même largeur. Par exemple :

La choix de la famille de police dépendra de votre charte graphique, dont nous allons parler.
Mais n'oubliez pas que "less is more" : ne mélangez pas trop de polices à fort "caractère" !

Qu'est-ce qu'une charte graphique ?

Pour exprimer l'ensemble de l'identité visuelle d'un site Web ou d'une marque, la charte graphique (ou style graphique) est l'ensemble des éléments visuels ainsi que les règles qui les définissent :

Cela regroupe donc les polices, le ou les logos, les couleurs...
Pourquoi définir un style, puis une charte graphique pour votre site web ?
Tout simplement parce que c'est un gage de professionnalisme.

L'utilisateur a besoin d'être rassuré. Et inconsciemment, il l'est en naviguant sur un site Web homogène. N'oubliez pas que la première impression compte aussi sur Internet.
L'homogénéité rend aussi la navigation plus aisée. En conséquence, vos visiteurs restent plus longtemps sur votre site Web.
Note : le style de votre site Web est étroitement corrélé au style de votre marque évidemment !

L'exercice commence donc par identifier votre cible, en déterminant, par exemple, le profil type de votre clientèle, votre persona.
Ensuite, mettez-vous à la place de votre persona pour définir le style qu'il aime.
Vous trouverez quelques articles sur le net qui traitent de ce sujet, notamment le mien sur le choix des couleurs d'une marque, selon sa cible.

Saviez-vous qu'en moyenne, le violet est une couleur très appréciée des femmes, et détestée des hommes ? Pas anodin du tout, selon la clientèle ciblée ! Et il en est de même selon l'âge de la personne...

Qu'est-ce qui constitue la charte graphique de votre site Web ?

Voici les 5 principaux éléments qui composent la charte graphique de votre site Web :

Les couleurs

Généralement, il est conseillé de ne pas dépasser 2 couleurs principales.

La charte graphique donne les références en hexadécimal (#xxxxx) des différentes couleurs utilisées.

Sur #audreytips, le rouge est référencé par #e53b2c.

Mon astuce : pour connaître la référence d'une couleur, je vous conseille d'installer l'extension ColorZilla sur votre navigateur Chrome.

La typographie

Là encore, il est généralement conseillé de ne pas dépasser 2 polices, une pour le corps du texte et une autre pour les titres.

La typographie donnent les polices utilisées, avec la taille et les couleurs pour chaque niveau de titre.

Le logo

Votre logo est tout simplement l'image de votre marque.

C'est pourquoi il doit intégrer tous les messages que vous souhaitez véhiculer avec le bon choix de :

Si vous êtes en panne d'inspiration, voici 7 sites en ligne qui vous proposent de nombreuses variantes pour votre logo.

Les icônes

Si vous utilisez des icônes, faites attention !

En effet, ils doivent être parfaitement harmonieux avec les mêmes couleurs et dans un même style.

Il est généralement conseillé d'utiliser des icônes provenant d'un set complet. Vous en trouvez sur Dryicons, par exemple.

Les boutons et CTA

Toujours la même règle : pas plus de 2 ou 3 déclinaisons de boutons avec une attention particulière vos boutons d'appel à l'action (call to action ou CTA).

Vu l'importance des CTA sur le taux de conversion, chez #audreytips, nous préconisons toujours de réaliser un A/B testing sur ces boutons de vos pages de destination ( landing page).

Ainsi, vous testez plusieurs couleurs ou polices pour connaître qu'elle est version la plus génératrice de clics.

C'est toujours étonnant comme des différences parfois minimes obtiennent des résultats si différents !

6 exemples de styles graphiques

Coca Cola fait parti des marques dont le logo perdurent depuis des décennies sans avoir à modifier leur charte graphique (ou si peu).

La police (certes travaillée) et la couleur n'ont pas bougé depuis 1886 !

Pour l'anecdote, ce logo a été créé par le comptable de John Pemberton, le célèbre pharmacien créateur de la boisson.

Evidemment avec une boisson connue et reconnue mondialement, depuis plus de 100 ans, il devient impensable de changer de charte graphique !

Voilà pourquoi ce logo nous semble indémodable : il est entré dans notre histoire !

Aujourd'hui, nous vivons dans une autre époque.

Les entreprises sont pléthores, la concurrence est rude...
Pour tirer votre épingle du jeu, vous devez faire preuve de créativité !
Ensuite, la charte graphique de votre site Web est la déclinaison du style choisi pour votre logo.

Déblayons un peu le travail en définissant quelques styles graphiques de logos en vogue :

Le style classique

Pour obtenir un style classique, partez sur un style simple, une police bien trouvée, pas trop chargée, et une seule couleur. Et c'est tout !

L'association de la police et de la couleur sera le juste nécessaire pour interpeller vos clients.

Regardez les 2 marques ci-dessus, le choix de la police et de la couleur à elles-seules représentent bien leur marque.

Tropicana est vert comme le vert des feuilles d'oranger, et sa police est souple, organique.

Canon est beaucoup plus angulaire, comme le travail précis d'une imprimante.

Le style rétro

Le style rétro est en vogue en ce moment.

Pour cela, travaillez un blason avec une juxtaposition de formes, et choisissez une police de caractère des années 70.

Le style rétro s'accorde parfaitement avec les produits vintage comme un barbier, un salon de coiffure, une marque de café à l'ancienne...

Ce style évoque un retour à la simplicité des relations humaines, comme elles étaient à l'époque.

Le style fait maison, fait à la main

Il s'agit de donner un style "fait à la minute" faussement "parfait du premier coup", en imitant une écriture à la craie ou calligraphique.

Le style "fait maison" est un très bon choix pour révéler l'aspect artisanal de ses produits.

Par contre, il est fortement déconseillé aux entreprises qui sont présentes uniquement sur le web, par manque de visibilité.

Le style minimaliste

Pour obtenir un style minimaliste, retenez une police simple (sans serif, c'est-à-dire sans empattement), un logo épuré sans effet particulier.

Avec une telle base, votre logo peut être plus facilement évolué au cours du temps, à l'instar d'Apple par exemple.

Le style flat design

Géant Casino, Google et Bouygues Telecom ont adopté le Flat design.

Le flat design est simple, épuré, coloré et moderne et donne un esprit similaire au style minimaliste.

Ce style Flat est apparu avec le succès des smartphones. En effet, pour être bien visible sur des petits écrans et en extérieur, il est nécessaire d'être simple, sans trop de jeux de relief.

Le style pop

Coloré, avec du relief et des polices très expressives, le style Pop se prête très bien aux produits destinés aux plus jeunes.

En choisissant un style comme celui-ci, votre cible s'attend à du contenu Marketing en adéquation avec le style (drôle, punchy, innovant), donc prudence !

Mon conseil : le style pop est à utiliser avec précaution, car il peut apparaître comme un peu fou-fou 🙂

Etablir votre style et l'exprimer sous forme de charte graphique nécessite de bien connaître l'identité de votre marque.

C'est même primordial et le premier travail à réaliser.

Brainstorming en équipe

Il y a 4 éléments-clés à réfléchir pour définir votre image de marque :

Votre mission et vision : pourquoi votre entreprise a-t-elle été créée, vers quoi tend-elle ?

Le persona : quel est votre client cible ? A quoi ressemble-t-il ? Pourquoi achètent-ils vos produits et/ou services ?

Votre personnalité : En quoi vous démarquez-vous de vos concurrents ? Etes-vous plus tendance qu'eux, ou au contraire plus traditionnel ?

Vos valeurs : c'est le message le plus compliqué à faire passer. Car, pour fédérer vos équipes et vos clients, vos valeurs doivent être faciles à exprimer avec peu de mots.

En répondant à ces 4 questions, faites ressortir 5 ou 6 adjectifs qui définissent votre entreprise. Ainsi, vous définissez votre identité visuelle mais aussi le ton donné à vos textes.

Mon conseil : attention toutefois à ne pas tomber dans le formalisme et dans la réunionite aiguë pour la création de votre identité visuelle ! Parfois, une simple intuition suffit si elle est partagée par la majorité du groupe.

Par exemple, savez-vous comment le choix de la pomme s'est fait pour la marque Apple ? Steve Jobs a laissé planer le mystère jusqu'au bout.

Toutefois, le co-fondateur Steve Wozniak émet les hypothèses suivantes :

Steve Jobs passait la moitié de son temps dans une ferme fruitière aux débuts de l'entreprise,

Et leur concurrent direct était Atari. Et qui se trouve juste devant Atari dans l'annuaire (alphabétiquement) ? Apple ! CQFD !

Rédiger sa bible graphique et s'y tenir

La charte graphique, concrètement, est un document de quelques pages qui répertorie toutes les règles nécessaires à la publication de TOUTES vos contenus :

Que ce soit sur Internet : réseaux sociaux, site web, newsletter...

En papier : flyers, brochures, totem de stands...

Tout contenu doit être estampillé aux couleurs et au style de votre marque.

C'est un gage de professionnalisme, tout simplement.

Bien sûr, la charte graphique ne fait pas tout.

L'image de votre marque doit se retrouver également dans :

Le style de photos que vous utilisez

Le ton que vous donnez à vos textes,

l'accroche narrative ou l'histoire que vous racontez. Les perts en Marketing Digital parlent de storytelling.

L'identité de votre marque est un tout homgène :

Voici un extrait de la charte graphique de la French Tech, par exemple :

Dans cet exemple, vous voyez que rien n'est laissé au hasard avec même un logo particulier, plus fade, destiné aux sites Web qui affichent leur soutien à la French Tech sans en faire partie.

Un autre exemple est Skype avec une façon très ludique de présenter sa charte graphique.

Bien sûr, l'établissement de ce catalogue est un travail à part entière. Un graphiste peut s'occuper de cela pour vous et c'est même recommandé !

Il existe toutefois des sites en ligne pour créer votre charte graphique.

@coreight en a testé quelques-uns, comme Frontify ou Stylify Me qui génère la charte graphique à partir de l' URL d'un site Web.

Pour conclure sur la réalisation de la charte graphique de votre marque et de votre site Web

Nous l'avons vu, construire un style graphique adapté et performant pour votre entreprise est un gage de confiance pour vos prospects.

Les internautes sont tout simplement à l'aise lorsqu'ils visitent votre site, votre page Facebook, ou regardent votre signature d'email.

Mais surtout, ils vont se souvenir de votre entreprise plus facilement, si vous utilisez toujours le même langage graphique.

Pensez à eux lorsque vous construisez votre style graphique.

Ensuite, appliquez les bonnes pratiques que vous ai proposées :

Définissez votre identité de marque, en groupe, en choisissant 5 ou 6 adjectifs qui la qualifient,

Rédigez ou faîtes rédiger le catalogue de votre expression graphique,

Tenez-vous à ce catalogue pour TOUTES vos publications web et papier, sans y déroger.

Une bonne façon de poursuivre votre lecture ? En consultant mon article vous proposant 7 services en ligne pour créer votre logo facilement.
Et vous, qu'en pensez-vous ? Avez-vous appliqué ces recommandations lorsque vous avez créé votre style graphique ?
Also published on Medium.

# data[].attributes.attachment_link.title
Comment choisir la charte graphique de votre Site Web ?

# data[].attributes.attachment_link.description
Je suis certaine que vous avez déjà visité des sites Internet d'entreprise où quelque chose ne collait pas. Vous n'étiez pas rassuré sur le site... C'est souvent la charte graphique du site Web qui est incriminée. Mathieu, de l'équipe #audreytips, est féru de sciences.

# data[].attributes.attachment_link.readable_text
Ecrit par B.Bathelot, mis à jour le .
Glossaires : Algos & indexation | Le SEO en 50 déf. | Netlinking-Backlinking | Référencement naturel / SEO | SEO on-site / on-page

Les Guidelines Google, ou Conseils aux webmasters, sont un ensemble de recommandation faites par Google aux responsables des sites web sur leurs contenus, leurs choix de conception, les techniques de référencement utilisées et la qualité du site web.

Se conformer aux recommandations de Google favorise généralement le référencement naturel et réduit les chances d'être pénalisé, blacklisté dans les pages de résultats ou de ne pas être indexé.

En ce qui concerne le SEO, les consignes de Google mentionnent notamment un ensemble de techniques déconseillées concernant l'optimisation on-page / on-site et les stratégies de netlinking. Ces pratiques peuvent éventuellement entraîner des pénalités lorsqu'elles sont détectées et délimitent en quelque sorte les frontières entre SEO white hat et SEO black hat.

Un exemples des pratiques déconseillées par Google :

# data[].attributes.attachment_link.description
Ecrit par B.Bathelot, mis à jour le . Glossaires : Algos & indexation | Le SEO en 50 déf. | Netlinking-Backlinking | Référencement naturel / SEO | SEO on-site / on-page Les Guidelines Google, ou Conseils aux webmasters, sont un ensemble de recommandation faites par Google aux responsables des sites web sur leurs contenus, leurs choix de conception, les techniques de référencement utilisées et la qualité du site web.

# data[].attributes.body
introduction

# data[].attributes.body
Vidéo

# data[].attributes.attachment_link.title
OnCrawl webinar - Les 10 erreurs SEO à ne pas commettre en 2017

# data[].attributes.attachment_link.readable_text
Je me pose souvent cette question : quelles sont les conséquences si je fais telle modification plutôt qu'une autre ? Quel serait le résultat ?

Par exemple :

Comment vont réagir les internautes si j'agrandis un peu mon logo ?

Est-ce préférable de proposer de vous inscrire à ma newsletter en début d'article ? à la fin ? dans la sidebar ?

Faut-il mieux insérer une vidéo dans un article pour diminuer le taux de rebond ?

L'AB Testing semble être la réponse...

J'ai posé à Laurent : Je ne sais vraiment pas si je dois mettre un lien inscription newsletter en début d'article ou plutôt à la fin."

Rechercher sur le Web pour obtenir des retours d'expérience d'autres blogueurs. Mais en général, cela dépend des personas ciblés. Alors, autant faire tourner une campagne d'AB Testing sur ton site pour recueillir et analyser le comportement de tes internautes.

Je ne connais mal le concept d'AB Testing, mais cela m'a paru intéressant à creuser, si la promesse de Laurent se confirmait.

J'ai donc poursuivi l'échange avec Laurent puis fait des recherches de mon côté.

Voici le résultat dans cet article.

La question est donc : comment prendre la décision au sujet d'une modification sur votre site, blog, ou autre activité sur le Web ?

Avant l'AB Testing, j'utilisais l'intuition

Jusqu'à maintenant, je décidais dans le cadre de mon activité professionnelle et dans ma vie en général, en fonction de mon intuition.

Tout d'abord, j'y réfléchis, j'analyse le pour et le contre, puis je me laisse guider par mon intuition.

Par exemple, pour savoir s'il faut proposer un lien d'inscription à ma newsletter au début ou à la fin de mes articles, j'aurais procédé comme ceci :

Est-ce pas trop tôt de le mettre au début ?

N'allez-vous pas "zapper" le lien si je le mets à la fin ?

Est-ce qu'il est préférable de créer un formulaire d'inscription qui s'intègre bien dans le contenu...

Toutes ces questions sont toujours valables : l'AB Testing ne remplace pas cet exercice !

L'AB Testing vient en complément d'une réflexion en amont.

Je retiens que l'AB Testing n'empêche pas de réfléchir !

Faire des recherches pour confirmer son intuition

Dans mon mode de fonctionnement habituel, j'aurais poursuivi ma réflexion en allant sur Google. Ou encore dans un dictionnaire ou des livres (à l'ancienne :)), pour trouver des informations sur le sujet qui m'intéresse.

Pour l'exemple du lien d'inscription, j'aurais tapé la question dans Google : "Où faut-il mettre un lien d'inscription newsletter dans un article de blog ?" et les résultats m'auraient certainement donné des bonnes indications pour compléter la réflexion.

A nouveau, l'AB Testing ne doit pas vous arrêter de procéder ainsi, c'est à nouveau un complément à la réflexion, l'intuition et la validation des intuitions par la vérification et la recherche.

Donc, ce n'est pas parce qu'on fait de l'AB Testing qu'on doit oublier son cerveau 🙂

Aller plus loin avec l'AB Testing

L'AB Testing - une définition

OK, mais admettons maintenant que la réflexion et les informations trouvées sur différentes sources du Web ne donnent pas une réponse complète ou assez précise.

Dans ce cas, je peux trancher, mais sans être certaine que ma décision est la bonne.

C'est là qu'intervient l'outil AB Testing.

L'AB Testing est une technique utilisée en Marketing Digital pour faire varier un élément (une variable) d'un système à la fois, et (normalement) seulement un seul, afin de constater l'effet (positif ou négatif) de cette variation sur les résultats marketing obtenus (source wikipedia).

L'AB Testing est aussi un jeu de statistiques

Dans mon exemple, fil conducteur de cet article, je peux décider que la variable est la suivante : l'emplacement du lien d'inscription newsletter dans chaque article (au début ou à la fin, ou maintenant que j'y pense au milieu !).

Pour que l'AB Testing soit efficace, il faut naturellement qu'il soit possible de le mettre en place.

En particulier, avec trop peu de visiteurs, les résultats risquent de ne pas être statistiquement représentatifs.

Il faut au minimum quelques centaines de visites pour tirer des conclusions significatives et trouver de nouvelles opportunité de croissance.

L'AB Testing - les variables à tester

Il est nécessaire aussi que la variable à tester soit " testable " relativement facilement.

Par exemple, rien n'est plus simple d'insérer un lien d'inscription :

Au début d'un article pour mes 5 prochains articles,

Puis, ensuite en fin de l'article pour les 5 suivants.

Je peux ensuite analyser le meilleur taux de conversion si vous les suivez dans Google Analytics.

Attention : pour qu'un test A/B soit pertinent, analysez les pourcentages de conversion, plutôt que les conversions en valeur absolue.

Je m'explique.

Dans mon exemple, une conversion correspond à un visiteur qui s'est inscrit à ma newsletter.

Si je mesure sur l'article A (avec un lien au début) et ensuite sur l'article B (avec un lien à la fin), le nombre de conversions (= d'inscriptions à la newsletter), d'autres facteurs peuvent venir perturber les résultats.

En effet, si l'article A est 10 fois plus intéressant que l'article B, il va recevoir plus de visiteurs et donc peut obtenir plus de conversions même si l'emplacement du lien d'inscriptions est moins performant.

C'est donc bien le pourcentage de conversion qu'il faut analyser. C'est-à-dire comparer le pourcentage des visiteurs inscrits entre la version A et la version B.

Avertissement : l'AB Testing demande des efforts !

Comme vous l'aurez probablement compris, l'AB Testing est très utile pour analyser réellement vos modifications afin de prendre la bonne décision tout en prenant plaisir dans votre travail.

Mais je ne veux pas vous donner l'impression que c'est forcément facile.

Cela nécessite de bien s'organiser et faire preuve d'un esprit analytique.

Enfin, c'est une technique très largement utilisée par les grands acteurs du Web, Facebook, Google...

En effet, ils utilisent l'AB Testing pour tester des milliers de paramètres et de variables dans leurs sites et leurs outils en ligne au quotidien.

Les outils de l'AB Testing : AB Tasty !

Pour finir, sachez aussi qu'il existe des outils pour simplifier la mise en place de l'AB Testing.

Mathieu m'a spontanément parlé de AB Tasty.

En effet, il connaît depuis plusieurs années les fondateurs (Alix et Rémi).

AB Testy est tout simplement LA solution d' AB Testing et d'optimisation de site Web. Ils sont français, (jeunes, beaux, intelligents), et leur solution d'AB testing remporte tous les concours et prix imaginables.

Mathieu me l'a dit sans détours : "C'est des très très bons, tu peux utiliser leur outil les yeux fermés ! ".

J'ai donc consulté leur site pour trouver leurs tarifs.

L'abonnement commence à partir de 29 Euros par mois. C'est pas très cher pour les services rendus.

En parcourant le site, j'ai mieux compris le fonctionnement de l'AB testing.

Vous installez la solution AB Tasty sur le site Web de votre entreprise. Puis vous faites tourner des variations pour voir les résultats de manière très simple, avec des éditeurs de pages...
Que pensez-vous de l'AB Testing ? Avez-vous déjà pratiqué ?
Also published on Medium.

# data[].attributes.attachment_link.title
L'AB Testing ou Comment Tester ses Actions en Marketing !

# data[].attributes.attachment_link.description
Je me pose souvent cette question : quelles sont les conséquences si je fais telle modification plutôt qu'une autre ? Quel serait le résultat ? Par exemple : Comment vont réagir les internautes si j'agrandis un peu mon logo ? Est-ce préférable de proposer de vous inscrire à ma newsletter en début d'article ?

# data[].attributes.attachment_link.provider_name
Comment créer un site internet | Guide complet | Wix.com

# data[].attributes.attachment_link.title
Comment créer un site internet | Guide complet | Wix.com

# data[].attributes.attachment_link.description
Découvrez comment créer un site internet gratuit avec Wix. Suivez notre guide pour faire un site en 4 étapes simples.

# data[].attributes.attachment_link.title
Wix.com | Créez votre propre site internet avec l'éditeur Wix

# data[].attributes.attachment_link.title
Wix Pro Gallery | Affichez vos photographies sur le Web en qualité professionnelle

# data[].attributes.attachment_link.title
Wix.com | Structurez parfaitement votre design grâce aux Colonnes

# data[].attributes.body
Ranking sur Google

# data[].attributes.attachment_link.title
Wix SEO Wiz | Améliorez votre classement sur Google