[vc_row][vc_column][vc_column_text]

Comment rédiger un article sur France Racing

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/2"][vc_column_text]

Prérequis

 
[/vc_column_text][/vc_column][vc_column width="1/2"][vc_message]Pour plus de pratique, ajoutez ces liens dans vos favoris :
Le premier est le lien de connexion au panneau d'administration de France Racing
Le second est le lien direct pour rédiger un article[/vc_message][vc_btn title="Connexion à l'administration" style="flat" shape="square" color="sky" size="sm" i_icon_fontawesome="fa fa-sign-in" add_icon="true" link="url:https%3A%2F%2Ffranceracing.fr%2Fwp-login.php||target:%20_blank|"][vc_btn title="Rédiger un article" style="flat" shape="square" color="green" size="sm" i_icon_fontawesome="fa fa-pencil" add_icon="true" link="url:https%3A%2F%2Ffranceracing.fr%2Fwp-admin%2Fpost-new.php||target:%20_blank|"][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" accent_color="#03a9f4"][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Préparation de l'outil de rédaction

Avant de rédiger votre article, je vous propose de préparer au mieux votre outil.
Pour cela rendez vous donc sur la page de rédaction de l'article (voir chapitre précédent)
En haut à droite on clique sur  , un menu s'ouvre, on y trouve les blocs activés et désactivés, on va donc changer les paramètres comme ceci :

Une fois ces paramètres réglés on ferme les options, on peut moduler la page de rédaction en déplaçant les blocs, je conseille de mettre dans la plus grosse colonne le bloc des catégorie, à mon avis un poil trop restreint dans la colonne de droite.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" accent_color="#03a9f4"][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Rédaction de l'article


Dans le bloc titre on insère donc le titre de l'article, une fois le titre définis le Permalien s'affiche, c'est le futur lien de votre article[/vc_column_text][vc_message color="warning" message_box_color="warning" icon_fontawesome="fa fa-exclamation-triangle"]Attention : Ceci est le Permalien temporaire, en effet il contient l'adresse du site + / catégorie de l'article / + nom de l'article
Mais pour le moment on constate que la catégorie est "non-classe" car l'article n'a pas encore été catégorisé
Nous obtiendrons donc le Permalien final après publication de l'article[/vc_message][vc_column_text]

Rédaction du corps de l'article avec le builder "classic"


C'est le builder qu'on utilise le plus souvent, rapide et simple c'est la solution standard.
La barre d'outil est complète comme votre traitement de texte traditionnel
Petites astuces :

[/vc_column_text][vc_message]Petit point information :
Le "Chapeau" est un texte court situé avant le début de l'article, son but est d'encourager le lecteur à lire l'article, il est généralement pas plus long que 3/4 lignes maxi, chez nous le chapeau est en  caractère gras et  alignement justifié[/vc_message][vc_column_text]En mode "Texte" (le switch Visuel / Texte se trouve en haut à droite du bloc) permet d'afficher le corps de l'article en "brut"

Ce mode permet parfois de résoudre quelques problèmes ou d'insérer du code ou d'intervenir sur les balises.[/vc_column_text][vc_column_text]

Insérer un lien

Grace à l'outil Insérer un lien on peut donc décider de lier à une autre page, une partie du texte écrit au préalable, on sélectionne le texte à lier puis on clique sur , une boite s'affiche :  on clique sur la roue dentée pour ouvrir la boite avancée :

Adresse web : pour saisir un lien externe, bien saisir l'adresse en entière avec les "http://"
Texte du lien : le texte du lien comme son nom l'indique
Ouvrir le lien dans un nouvel onglet : à cocher si c'est un lien externe pour éviter que le lecteur sorte du site, en l'ouvrant dans un nouvel onglet le lecteur laisse ouvert l'article.
Si c'est un lien interne, c'est à dire un lien vers une page du site ou un autre article utiliser la recherche pour trouver le lien.

 
[/vc_column_text][vc_column_text]

Insérer une image

Pour insérer une image dans l'article on utilise l'outil : , ne boite s'ouvre et dans l'onglet "Envoyer des fichiers" on charge l'image :

Une fois chargée, on applique les paramètres :

Image filter : on peut ajouter un filtre sur l'image pour appliquer un style
Adresse web : c'est l'adresse de l'image pour information
Titre :titre de l'image
Légende : légende de l'image
Texte alternatif : c'est le texte qui apparait si jamais l'image ne peut être chargée
Description : description de l'image
Alignement : alignement de l'image
Lier à : on peut lier l'image à un lien
Taille : taille de l'image

[/vc_column_text][vc_message color="warning" message_box_color="warning" icon_fontawesome="fa fa-exclamation-triangle"]Les paramètres Titre, légende, texte alternatif et description sont obligatoirement renseignés, ces paramètres contribue largement au bon référencement de l'image, de l'article et du site.[/vc_message][vc_message color="danger" message_box_color="danger" icon_fontawesome="fa fa-times"]Merci de bien contrôler vos médias avant de les insérer dans un article, par exemple pas la peine de charger une image de 4000 pixels si dans l'article elle sera insérer à 800 pixels. Il est indispensable d'optimiser vos médias avant insertion.
Concernant la taille, d'une manière générale il ne faut pas dépasser 150 KB par image[/vc_message][vc_column_text]

Rédiger un article avec le builder Visual Composer

Pour accéder au builder, on clic sur , cet outils permet d'insérer des modules, vous avez une boite à outil de 80 modules à dispositions, je vous laisse découvrir, pour savoir comment utiliser ce builder, voici une vidéo tuto :
Cette page est rédigé avec Visual Composer[/vc_column_text][vc_video link="https://youtu.be/uCg0r3Pdqp8?t=1m53s" el_width="70" align="center"][vc_column_text]

Sous titres dans les articles

On peut mettre des sous titres dans l'article pour le fractionner ou donner un titre un paragraphe suivant, pour cela on clic sur Paragraphe et l'outil s'ouvre :

On formate donc notre sous titre en "Titre 2"
On peut mettre en place des sous titre de sous titre en "Titre 3"
Chaque type de titre correspond à ce qu'on appel les balises <h> (titre 1 = h1, titre 2 = h2.....) et l'article doit respecter une hiérarchie bien précise
Précision : Le titre de l'article est une balise h1 et il y a 6 niveaux de balise <h>[/vc_column_text][vc_row_inner][vc_column_inner width="1/4"][vc_message color="danger" message_box_color="danger" icon_fontawesome="fa fa-times"]<h1> Titre de l'article
<h1> sous titre
<h1> sous titre[/vc_message][/vc_column_inner][vc_column_inner width="1/4"][vc_message color="danger" message_box_color="danger" icon_fontawesome="fa fa-times"]<h1> Titre de l'article
- <h2> sous titre
<h1> sous titre
- <h2> sous titre[/vc_message][/vc_column_inner][vc_column_inner width="1/4"][vc_message color="danger" message_box_color="danger" icon_fontawesome="fa fa-times"]<h1> Titre de l'article
- - <h3> sous titre
- <h2> sous titre
- - <h3> sous titre[/vc_message][/vc_column_inner][vc_column_inner width="1/4"][vc_message color="success" message_box_color="success" icon_fontawesome="fa fa-check"]<h1> Titre de l'article
- <h2> sous titre
- <h2> sous titre
- - <h3> sous titre
- - - <h4> sous titre
- <h2> sous titre
- - <h3> sous titre[/vc_message][/vc_column_inner][/vc_row_inner][vc_column_text]Votre premier sous titre sera donc une balise <h2> bravo ! on avance ....[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" accent_color="#03a9f4"][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Extrait de l'article

Dans ce bloc on rédige un extrait de l'article, en général on insère le chapeau
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" accent_color="#03a9f4"][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Image à la une

On défini dans ce bloc l'image à la une de l'article, utilisé en en-tête de l'article mais aussi en miniature sur les homepage du site
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" accent_color="#03a9f4"][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Catégorie de l'article

On définie dans ce bloc la catégorisation de l'article, c'est un point important ce paramètre va définir l'endroit ou se placera l'article, on sélectionne donc les catégories concernées
[/vc_column_text][vc_message color="info"]Il y a des règles à respecter :
On attribue la discipline comme catégorie principale puis sa sous catégorie
exemple : un article d'actualité de F1 : on catégorise l'article comme ceci : Formule 1 + Actualité F1 avec comme catégorie principale Formule 1
Pour définir la catégorie principale, on clic sur  à droite de la catégorie (cela apparait en passant la souris sur la catégorie) et la catégorie en question passe en gras
Les articles dans les catégories "A la une..." apparait sur la homepage dans la partie "A la une"[/vc_message][vc_message color="warning" message_box_color="warning" icon_fontawesome="fa fa-exclamation-triangle"]Il est interdit de laisser un article dans la catégorie "Non classé"[/vc_message][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" accent_color="#03a9f4"][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Le module SEO by Yoast !

Ce module va gérer le référencement de l'article, c'est un point très important

 
Voici l'aperçu du résultat dans Google.
Première chose à faire : définir le mot clé principal, c'est le mot clé référencé et le mot clé sur lequel le module va travailler
Une fois fait, le module va vous indiquer ce qu'il faut améliorer dans la partie analyse pour optimiser le référencement de votre article.

à priori sur et article, il y a des choses à améliorer...
En appuyant sur le bouton  on peut modifier les balises pour Google, attention il y a un nombre maximum de caractère à respecter :

Normalement le titre SEO de la page, c'est à dire le titre qui apparait dans Google et le titre de l'onglet est : Nom de l'article + - France Racing, mais on peut le modifier ici, moi par exemple je rajoute "l'actu de la Formule 1" après France Racing, cela appuis bien le thème et référence la discipline.
On ne touche pas à Identifiant de la page
Et en description ou coupe le chapeau pour entrer sous le nombre de caractère maxi
On peut affiner la Lisibilité de l'article grace à l'onglet  :

Ensuite on passe au référencement des réseaux sociaux (Facebook & Twitter) dans l'onglet :

On met le même titre que le titre SEO précédemment spécifié.
La même description
Pour l'image, on met la même image que l'image à la une en vérifiant les dimensions (pour Facebook : minimum 1200x630, Twitter : mini 1024x512)[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" accent_color="#03a9f4"][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Etiquettes

Ici on définie les mots clés de l'article, on appel de module les méta Tags également, il faut y entrer quelques mots en relation avec l'article, comme par exemple la discipline, le championnat ou les pilotes concernés...
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" accent_color="#03a9f4"][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Fusion Page

On se sert rarement de ce module, mais il permet de personnaliser l'aspect de l'article

grace au module on peut :

Mais on utilise ces personnalisation seulement dans des articles spéciaux.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" accent_color="#03a9f4"][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Module de publication

Ici c'est la dernier module, il apporte des info et on peut paramétrer sa publication :

Etat : Publié ou en brouillon ou en attente de relecture
Brouillon : attend une modification de vous même
en relecture : attend une lecture d'un autre rédacteurVisibilité : on laisse en PublicRévisions : affiche les versions précédentes de l'articlePublié le : ici on peut antidater un article (très peu serviable), ou publier imédiatement
ou programmer la publication de l'articleLisibilité : rappel de l'état de lisibilité de l'articleSEO : rappel de l'état du SEO de l'articleévidement la lisibilité et le SEO doit être le plus vert possible

 

C'est bon ! On peut publier l'article !!

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color="custom" accent_color="#03a9f4"][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

YourLS ShortLink

Une fois publié, le module ShortLink va généré une url courte de l'article

Avant d'utiliser le ShortLink pour le partager sur Facebook ou Twitter, on test l'url pour savoir si le lien va bien se partager, pour cela on utilise l'outil OpenGraph de Facebook, on y colle l'url courte et on "scappe" l'url :

On check le résultat :

On s'assure de la présence du titre, de la description et de l'image définis dans le module SEO onglet Partage / Facebook
Le nom de l'auteur est défini par la meta og:author, elle est précisé dans votre profil dans le champ : url du profil facebook
Si il manque des éléments on "Re-collecte" en cliquant sur "Re-collecter" 2 ou 3 fois, si c'est toujours pas le cas, rendez-vous dans le module SEO pour vérifier vos erreurs.
 
Pour Twitter l'outil est Card Validator, on fait les mêmes vérifications avant de partager sur le réseau social[/vc_column_text][vc_btn title="Open Graph" style="flat" shape="square" color="primary" size="sm" i_icon_fontawesome="fa fa-facebook-square" add_icon="true" link="url:https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fdebug%2Fsharing%2F||target:%20_blank|"][vc_btn title="Card Validator" style="flat" shape="square" size="sm" i_icon_fontawesome="fa fa-twitter-square" add_icon="true" link="url:https%3A%2F%2Fcards-dev.twitter.com%2Fvalidator||target:%20_blank|"][/vc_column][/vc_row]