SlideShare une entreprise Scribd logo
1  sur  22
- Principes HTML et fonctionnement général du contenu web
- Comportements en ligne des utilisateurs
- Modèle, structure et règles rédactionnelles à suivre
- Techniques SEO et outils (mots-clefs, mise en page etc.)
- Adaptation et exercices pratiques sur base de contenu existant
MODULE 1 - COPIE WEB OPTIMISÉE
Publication: décembre 2013
1. Principes HTML et de fonctionnement général du contenu web
> Le web parle l’HTML
HyperText Markup Language
 pas un langage de programmation, mais de marquage, de formatage
 texte à adresser à l’internaute + instructions destinées à formater le texte
 Les instructions sont différenciées du texte par des balises ouvrantes et
fermantes
<p> ici vient du texte <p/>
 langage de balisage simple à comprendre et à utiliser
 Comme dans toute codification, la rigueur est nécessaire
> Les balises ou « tags »
 Indique une action au navigateur
 Interprétation différente entre les navigateurs (I.E., Firefox, Chrome etc.)
 Pouvant entraîner un affichage différent !
Reco :
Lors de l’ajout de texte dans le code, toujours éviter de « copier-coller »
directement depuis Word dans le code (ou via un CMS) car du code hérité du
traitement de texte vient souvent polluer l’HTML
Le copier transitoirement dans un éditeur de texte simple de type « bloc-
note » (Notepad)
>bouton Windows>Tous le programmes>accessoires>bloc notes
[démo]
> CSS
Cascading Style Sheets  feuilles de style
 Gestion différenciée de la structure HTML et de la présentation de la page
 En raison de la multiplicité de supports et de formats pour afficher le contenu (ex.
: version print, mobile etc.), il a été nécessaire d’abandonner les instructions de
mise en page directement dans le code pour l’extraire dans un fichier séparé : la
feuille de style
 Il est désormais possible d’appliquer différents formatage au même contenu
HTML source en utilisant différentes feuilles de style pour le même contenu.
>CCL : le HTML est le langage de base du web. Il a bien entendu beaucoup évolué
(XML) et de nombreux scripts viennent l’enrichir (javascript).
Nous en sommes à la version HTML 5 qui permet d’intégrer du contenu vidéo
directement dans le code, sans devoir l’héberger sur un serveur.
Le site référence pout toutetes questions HTML : http://www.alsacreations.com/
Reco. :
 Il est toujours important de considérer les différents supports
qui présenteront votre contenu et les spécificités d’utilisation de
chaque.
 Penser à suivre les résultats d’étude quantitatives et qualitatives
des comportements en ligne .
Un peu de pratique :
Exploration d’un site en utilisant la fonction « inspecter l’élément » du navigateur
Chrome
 Dans Chrome > clic droit > « inspecter l’’élémént »
2. Comportements en ligne des utilisateurs
 Comportement très versatile
 Convaincre en une demi-seconde
 Être conscient que souvent les utilisateurs ne rentrent pas par la grande
porte (page d’accueil sur leur desktop) mais souvent par les fenêtres
(article partagé sur les réseaux sociaux sur mobile)
 Que leur activité est souvent hiératique par rapport aux différents
scénarios
 Souvent perdu à la moindre petite contrariété (mauvais fonctionnement
ou compréhension)
Ce qu’ils aiment :
 Social media
 Divertissement
 Infotainment
 Accès souvent mobile
Contenu utile Contenu divertissant
Source : http://services.google.com/fh/files/blogs/our_mobile_planet_belgium_en.pdf
3. Modèle, structure et règles rédactionnelles à suivre
Content is KING ♛ But now CONTEXT rules!
 Le contenu web est flexible et quantifiable en temps réel ;
 Adapter l e contenu en fonction des résultats
 Étayer ce qui a plu
 Varier en fonctions des canaux
 Créer un contenu synergique adapté au canal/contexte (ex.
mobile) et éviter la redondance sur l’ensemble des canaux
 Multimédia : variétés de formats
 Texte
 Photo, illustration, infographie, Gif’s animés
 Vidéo
 Diapositive / Diaporama
 3 C : clair cohérent captivant
 Clair : d’un coup d’œil l’internaute doit comprendre que c’est le
contenu qui l’intéresse ou qu’il recherche et dont il a besoin
 Cohérent : le contenu doit être à la hauteur et complètement en
ligne avec ses attentes et la teneur qu’il en a perçu
 Captivant : l’attention est tenue de bout en bout
Attention
Intérêt
Désir
Action
Relation directe 121  Modèle marketing AIDA
Le modèle AIDA appliqué aux contenus web de type édito
Attention Titre accrocheur qui attire l’attention
Intérêt Chapeau ou intro qui indique clairement la teneur du sujet et
qui incite à poursuivre la découverte
Désir Un corps de texte attrayant et facile à lire
Accorder lui de l’espace !
Interlignes en suffisance
Listes à puce
Attention à la longueur de phrase.
Action Toujours inviter l’internaute à une action
(s’inscrire, inviter, s’abonner, participer, consulter, “Liker” etc.)
Reco : souvent inviter l’internaute à découvrir un autre
article ou partie du site fonctionne très bien. Cela augmente la
durée de visite sur le site.
Exemples de Call To Action
[CTA]
Reco
Une bonne structure va permettre un meilleur partage de votre contenu
sur les réseaux sociaux :
-Titre pas trop longs (Pour Google :max 60-65 caractères espaces compris)
-Chapeau max. (Pour Google : 160-165 caractères espaces compris)
Pour l’écriture
 Une écriture active et vivante, directe et simple, mais non simpliste
 Toujours établir un « tone of voice » pour l’unité de ton
 Différencier le contenu de « consommation » rapide ou lente, varier la
longueur (brèves vs articles)
 Varier les formats : texte, image et vidéo, de qualité et cohérents
 Faire des listes, structurer le contenu pour faciliter la lecture
 Les listes dans le titre fonctionnent toujours très bien
 « 5 silhouettes pour la rentrée »
 « Beauté : 3 rituels pour rajeunir »
 Privilégiez les liens internes
 Comme toujours, soyez « catchy » mais surtout ne survendez pas.
N’induisez pas l’internaute en erreur sur la teneur de votre contenu. Ce qui
déçoit le plus, c’est quand le résultat ne correspond pas aux attentes.
« Les internautes se comportent toujours un peu
comme des enfants dans un magasin de bonbon »
De belles images colorées et une présentation
soignée fonctionnent toujours.
MAIS il faut soutenir l’expérience de bout en
bout, les sucreries se doivent d’être délicieuses.
 Et si le gâteau et trop gros, découpez le en
tranches, n’oubliez pas de donner de petits bouts
à savourer pour les plus pressés (cake pops) et
leur donner l’envie de revenir.
Image source : http://www.fitnessgurusam.com/foods-that-turn-to-fat/
4. Techniques SEO et outils (mots-clefs, mise en page etc.)
Search Engine Optimisation
 Optimisation du référencement de votre contenu
L’essentiel est invisible : la balise <head> et les méta-données
 Titre, description du site le caractérisant uniquement destinés au robots
Techniques SEO
 Utilisation de mots-clefs
 les définir avant la rédaction
 Utilisation stratégique des mots-clefs
les placer judicieusement dans le texte. Au plus haut au plus important
 Plus les phrases sont long, plus le résultat SEO sur le mot-clef est dilué
 Le mot-clef référent en premier dans le titre
 Ex :
Lisez notre newsletter pour découvrir toutes les nouveautés NUXE
NUXE : 10 nouveautés en 5 minutes max!
 Les zones à privilégier
 Titre (balise <h1>)
 URL (l’adresse)
 Chapeau (introduction, accroche d’un article),
 les sous-titres (balises <h2>, <h3>, etc.)
 Le nom des images et la balise « ALT »
 Mise en page
Les appuyer grâce au formatage du texte
 Mise en gras des mots-clefs dans le corps du texte.
NON !
 Reco
 Mettez-vous à la place de l’internaute ; quels mots-clefs utiliseriez-vous
pour trouver le contenu ? Restez simple et direct.
 Ne destinez pas votre contenu aux robots !!
 Assurez-vous que la description de votre page est en adéquation avec le
titre mais également le contenu de votre page. Si les moteurs de recherche
détectent une incompatibilité entre ces éléments, ils peuvent vous considérer
comme des spammeurs.
 Faites en sorte d'utiliser des phrases avec des verbes afin que la description
ait un sens et pour éviter de passer pour du spam.
 Afin d’éviter le « spamming » ou « keyword stuffing » qui peut être
sanctionné par Google, penser à vos lecteurs en variant les mots. Utilisez
des synonymes, cela rendra la lecture bien plus agréable.
Outils SEO
Google : outils de planification de mots clés
Informations en français sur l’outil
Accès via votre compte Google > AdWords
Pour vérifier l’indice SEO d’un site
http://www.webrankpage.com/
http://www.woorank.com/

Contenu connexe

Tendances

4 règles d’or pour être lu
4 règles d’or pour être lu4 règles d’or pour être lu
4 règles d’or pour être luAlain Planger
 
Hec Ergonomie
Hec ErgonomieHec Ergonomie
Hec Ergonomiemastertic
 
Rédaction web -Social Media Club Tunisie
Rédaction web -Social Media Club TunisieRédaction web -Social Media Club Tunisie
Rédaction web -Social Media Club TunisieRayya Laajimi
 
Améliorez les taux de conversion de vos pages web
Améliorez les taux de conversion de vos pages webAméliorez les taux de conversion de vos pages web
Améliorez les taux de conversion de vos pages webFabrice Valtancoli
 
Performance e-mail marketing
Performance e-mail marketingPerformance e-mail marketing
Performance e-mail marketingBisnode Belgium
 
Réunion Club CML : Ecrire pour le web : style, contenu et référencement
Réunion Club CML :  Ecrire pour le web : style, contenu et référencementRéunion Club CML :  Ecrire pour le web : style, contenu et référencement
Réunion Club CML : Ecrire pour le web : style, contenu et référencementClub des Community Managers de Lyon
 
Infographie Content Marketing – Les 8 règles à suivre
Infographie Content Marketing – Les 8 règles à suivreInfographie Content Marketing – Les 8 règles à suivre
Infographie Content Marketing – Les 8 règles à suivreFabien PREHEL
 
Thoma Daneau - YouTube et SEO
Thoma Daneau - YouTube et SEOThoma Daneau - YouTube et SEO
Thoma Daneau - YouTube et SEOMade in
 
Marketing de contenu 2020 : Le guide qui change tout!
Marketing de contenu 2020 : Le guide qui change tout!Marketing de contenu 2020 : Le guide qui change tout!
Marketing de contenu 2020 : Le guide qui change tout!Tad Digi
 
Ecrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son siteEcrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son siteSemaweb
 
INORWEB | Site Web, Landing Page, Campagne Emailing, FlipBook - Guide des 10 ...
INORWEB | Site Web, Landing Page, Campagne Emailing, FlipBook - Guide des 10 ...INORWEB | Site Web, Landing Page, Campagne Emailing, FlipBook - Guide des 10 ...
INORWEB | Site Web, Landing Page, Campagne Emailing, FlipBook - Guide des 10 ...Roni Alain SONMEZ
 
Savoir Fidéliser avec sa Newsletter Jean Luc Boulin Mopa
Savoir Fidéliser avec sa Newsletter   Jean Luc Boulin   MopaSavoir Fidéliser avec sa Newsletter   Jean Luc Boulin   Mopa
Savoir Fidéliser avec sa Newsletter Jean Luc Boulin MopaMONA
 
zonefranche - formation SEO SEM SMO
zonefranche - formation SEO SEM SMOzonefranche - formation SEO SEM SMO
zonefranche - formation SEO SEM SMOzonefranche
 
Formation écriture pour le web
Formation écriture pour le webFormation écriture pour le web
Formation écriture pour le webVoyelle Voyelle
 

Tendances (17)

4 règles d’or pour être lu
4 règles d’or pour être lu4 règles d’or pour être lu
4 règles d’or pour être lu
 
Hec Ergonomie
Hec ErgonomieHec Ergonomie
Hec Ergonomie
 
Rédaction web -Social Media Club Tunisie
Rédaction web -Social Media Club TunisieRédaction web -Social Media Club Tunisie
Rédaction web -Social Media Club Tunisie
 
Améliorez les taux de conversion de vos pages web
Améliorez les taux de conversion de vos pages webAméliorez les taux de conversion de vos pages web
Améliorez les taux de conversion de vos pages web
 
Performance e-mail marketing
Performance e-mail marketingPerformance e-mail marketing
Performance e-mail marketing
 
Réunion Club CML : Ecrire pour le web : style, contenu et référencement
Réunion Club CML :  Ecrire pour le web : style, contenu et référencementRéunion Club CML :  Ecrire pour le web : style, contenu et référencement
Réunion Club CML : Ecrire pour le web : style, contenu et référencement
 
Infographie Content Marketing – Les 8 règles à suivre
Infographie Content Marketing – Les 8 règles à suivreInfographie Content Marketing – Les 8 règles à suivre
Infographie Content Marketing – Les 8 règles à suivre
 
Thoma Daneau - YouTube et SEO
Thoma Daneau - YouTube et SEOThoma Daneau - YouTube et SEO
Thoma Daneau - YouTube et SEO
 
Marketing de contenu 2020 : Le guide qui change tout!
Marketing de contenu 2020 : Le guide qui change tout!Marketing de contenu 2020 : Le guide qui change tout!
Marketing de contenu 2020 : Le guide qui change tout!
 
Redaction Web
Redaction WebRedaction Web
Redaction Web
 
Ecrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son siteEcrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son site
 
INORWEB | Site Web, Landing Page, Campagne Emailing, FlipBook - Guide des 10 ...
INORWEB | Site Web, Landing Page, Campagne Emailing, FlipBook - Guide des 10 ...INORWEB | Site Web, Landing Page, Campagne Emailing, FlipBook - Guide des 10 ...
INORWEB | Site Web, Landing Page, Campagne Emailing, FlipBook - Guide des 10 ...
 
Savoir Fidéliser avec sa Newsletter Jean Luc Boulin Mopa
Savoir Fidéliser avec sa Newsletter   Jean Luc Boulin   MopaSavoir Fidéliser avec sa Newsletter   Jean Luc Boulin   Mopa
Savoir Fidéliser avec sa Newsletter Jean Luc Boulin Mopa
 
zonefranche - formation SEO SEM SMO
zonefranche - formation SEO SEM SMOzonefranche - formation SEO SEM SMO
zonefranche - formation SEO SEM SMO
 
Conception de sites Web
Conception de sites WebConception de sites Web
Conception de sites Web
 
Bien gérer ses mails
Bien gérer ses mailsBien gérer ses mails
Bien gérer ses mails
 
Formation écriture pour le web
Formation écriture pour le webFormation écriture pour le web
Formation écriture pour le web
 

En vedette

Sobre las prácticas no laborales en empresas ¿A quién se dirige el Real Decr...
Sobre las prácticas no laborales en empresas  ¿A quién se dirige el Real Decr...Sobre las prácticas no laborales en empresas  ¿A quién se dirige el Real Decr...
Sobre las prácticas no laborales en empresas ¿A quién se dirige el Real Decr...Universidad Autónoma de Barcelona
 
La reforma laboral de 2012 y los Expedientes de Regulación de Empleo. Estudio...
La reforma laboral de 2012 y los Expedientes de Regulación de Empleo. Estudio...La reforma laboral de 2012 y los Expedientes de Regulación de Empleo. Estudio...
La reforma laboral de 2012 y los Expedientes de Regulación de Empleo. Estudio...Universidad Autónoma de Barcelona
 
Trizas2008 2009 numero2
Trizas2008 2009 numero2Trizas2008 2009 numero2
Trizas2008 2009 numero2anpeblog
 
El trabajo autónomo. La protección por cese de actividad. Un comentario sobre...
El trabajo autónomo. La protección por cese de actividad. Un comentario sobre...El trabajo autónomo. La protección por cese de actividad. Un comentario sobre...
El trabajo autónomo. La protección por cese de actividad. Un comentario sobre...Universidad Autónoma de Barcelona
 
International Pme Diaporama
International Pme DiaporamaInternational Pme Diaporama
International Pme DiaporamaRenaud Favier
 
Statistiques d'utilisation des services du GCS Télésanté Lorraine - Septembre...
Statistiques d'utilisation des services du GCS Télésanté Lorraine - Septembre...Statistiques d'utilisation des services du GCS Télésanté Lorraine - Septembre...
Statistiques d'utilisation des services du GCS Télésanté Lorraine - Septembre...gcstelesantelorraine
 
W2c11 webagoo: l'industrialisation du web
W2c11 webagoo: l'industrialisation du webW2c11 webagoo: l'industrialisation du web
W2c11 webagoo: l'industrialisation du webSoul.City inc.
 
Curs marketing i_web_2_0_dia_1
Curs marketing i_web_2_0_dia_1Curs marketing i_web_2_0_dia_1
Curs marketing i_web_2_0_dia_1EsteveBruce
 
ProduTex V2.0 aide et documentation
ProduTex V2.0 aide et documentationProduTex V2.0 aide et documentation
ProduTex V2.0 aide et documentationAmine Hmidi
 
La discriminación de la mujer
La discriminación de la mujerLa discriminación de la mujer
La discriminación de la mujerJOSÉ TOMÁS
 
La comunicacion
La comunicacionLa comunicacion
La comunicacionJuan José
 
Polyphonie, métareprésentations et hiérarchisation de contenus
Polyphonie, métareprésentations et hiérarchisation de contenusPolyphonie, métareprésentations et hiérarchisation de contenus
Polyphonie, métareprésentations et hiérarchisation de contenusLouis de Saussure
 
Gasquet.essai sur le culte et les mysteres de mithra.book
Gasquet.essai sur le culte et les mysteres de mithra.bookGasquet.essai sur le culte et les mysteres de mithra.book
Gasquet.essai sur le culte et les mysteres de mithra.bookDedalus71
 
Buenas practicas octubre 2011
Buenas practicas octubre 2011Buenas practicas octubre 2011
Buenas practicas octubre 2011Eufemia Rosso
 

En vedette (20)

Sobre las prácticas no laborales en empresas ¿A quién se dirige el Real Decr...
Sobre las prácticas no laborales en empresas  ¿A quién se dirige el Real Decr...Sobre las prácticas no laborales en empresas  ¿A quién se dirige el Real Decr...
Sobre las prácticas no laborales en empresas ¿A quién se dirige el Real Decr...
 
La reforma laboral de 2012 y los Expedientes de Regulación de Empleo. Estudio...
La reforma laboral de 2012 y los Expedientes de Regulación de Empleo. Estudio...La reforma laboral de 2012 y los Expedientes de Regulación de Empleo. Estudio...
La reforma laboral de 2012 y los Expedientes de Regulación de Empleo. Estudio...
 
Trizas2008 2009 numero2
Trizas2008 2009 numero2Trizas2008 2009 numero2
Trizas2008 2009 numero2
 
El trabajo autónomo. La protección por cese de actividad. Un comentario sobre...
El trabajo autónomo. La protección por cese de actividad. Un comentario sobre...El trabajo autónomo. La protección por cese de actividad. Un comentario sobre...
El trabajo autónomo. La protección por cese de actividad. Un comentario sobre...
 
Les réseaux sociaux
Les réseaux sociaux Les réseaux sociaux
Les réseaux sociaux
 
Presentación de crea tic
Presentación de crea ticPresentación de crea tic
Presentación de crea tic
 
International Pme Diaporama
International Pme DiaporamaInternational Pme Diaporama
International Pme Diaporama
 
Statistiques d'utilisation des services du GCS Télésanté Lorraine - Septembre...
Statistiques d'utilisation des services du GCS Télésanté Lorraine - Septembre...Statistiques d'utilisation des services du GCS Télésanté Lorraine - Septembre...
Statistiques d'utilisation des services du GCS Télésanté Lorraine - Septembre...
 
W2c11 webagoo: l'industrialisation du web
W2c11 webagoo: l'industrialisation du webW2c11 webagoo: l'industrialisation du web
W2c11 webagoo: l'industrialisation du web
 
Curs marketing i_web_2_0_dia_1
Curs marketing i_web_2_0_dia_1Curs marketing i_web_2_0_dia_1
Curs marketing i_web_2_0_dia_1
 
Localizacion de restaurante
Localizacion de restauranteLocalizacion de restaurante
Localizacion de restaurante
 
ProduTex V2.0 aide et documentation
ProduTex V2.0 aide et documentationProduTex V2.0 aide et documentation
ProduTex V2.0 aide et documentation
 
La discriminación de la mujer
La discriminación de la mujerLa discriminación de la mujer
La discriminación de la mujer
 
La comunicacion
La comunicacionLa comunicacion
La comunicacion
 
Anna
AnnaAnna
Anna
 
Polyphonie, métareprésentations et hiérarchisation de contenus
Polyphonie, métareprésentations et hiérarchisation de contenusPolyphonie, métareprésentations et hiérarchisation de contenus
Polyphonie, métareprésentations et hiérarchisation de contenus
 
Atelier Vesuviani - Présentation - Intervention Luca Belfiore
Atelier Vesuviani - Présentation - Intervention Luca BelfioreAtelier Vesuviani - Présentation - Intervention Luca Belfiore
Atelier Vesuviani - Présentation - Intervention Luca Belfiore
 
Gasquet.essai sur le culte et les mysteres de mithra.book
Gasquet.essai sur le culte et les mysteres de mithra.bookGasquet.essai sur le culte et les mysteres de mithra.book
Gasquet.essai sur le culte et les mysteres de mithra.book
 
Buenas practicas octubre 2011
Buenas practicas octubre 2011Buenas practicas octubre 2011
Buenas practicas octubre 2011
 
Bluetooth Marketing
Bluetooth MarketingBluetooth Marketing
Bluetooth Marketing
 

Similaire à Optimiser sa copie numérique - vade-mecum

Optimiser la visibilité de son site Internet sur les moteurs de recherche
Optimiser la visibilité de son site Internet sur les moteurs de rechercheOptimiser la visibilité de son site Internet sur les moteurs de recherche
Optimiser la visibilité de son site Internet sur les moteurs de rechercheOffice de tourisme Aunis Marais Poitevin
 
Comment ecrire pour le web par Salamatou Amadore
Comment ecrire pour le web par Salamatou AmadoreComment ecrire pour le web par Salamatou Amadore
Comment ecrire pour le web par Salamatou AmadoreSm4Cameroon
 
Comment ecrire pour le web par
Comment ecrire pour le web par  Comment ecrire pour le web par
Comment ecrire pour le web par Sm4Cameroon
 
Ecrire un excellent contenu web et devenir influenceur dans votre expertise
Ecrire un excellent contenu web et devenir influenceur dans votre expertiseEcrire un excellent contenu web et devenir influenceur dans votre expertise
Ecrire un excellent contenu web et devenir influenceur dans votre expertiseDMPROCONSEIL
 
Profiter concrètement du balisage sémantique schema.org - TuniSEO
Profiter concrètement du balisage sémantique schema.org - TuniSEOProfiter concrètement du balisage sémantique schema.org - TuniSEO
Profiter concrètement du balisage sémantique schema.org - TuniSEOErlé Alberton
 
Marketing de contenu : pourquoi développer un blog et comment bien écrire pou...
Marketing de contenu : pourquoi développer un blog et comment bien écrire pou...Marketing de contenu : pourquoi développer un blog et comment bien écrire pou...
Marketing de contenu : pourquoi développer un blog et comment bien écrire pou...Julien Redelsperger
 
Référencement  Naturel - les bases pour améliorer votre positionnement et vot...
Référencement  Naturel - les bases pour améliorer votre positionnement et vot...Référencement  Naturel - les bases pour améliorer votre positionnement et vot...
Référencement  Naturel - les bases pour améliorer votre positionnement et vot...Pole Normand Des Echanges Electroniques
 
Atelier numérique Améliorer son écriture web
Atelier numérique Améliorer son écriture webAtelier numérique Améliorer son écriture web
Atelier numérique Améliorer son écriture webSud Vendée Tourisme
 
Comment optimiser les balises Title ?
Comment optimiser les balises Title ? Comment optimiser les balises Title ?
Comment optimiser les balises Title ? agencecsv
 
PickAsso - Exemple d'Audit Digital anonyme
PickAsso -  Exemple d'Audit Digital anonymePickAsso -  Exemple d'Audit Digital anonyme
PickAsso - Exemple d'Audit Digital anonymePickAsso
 
Rédaction web et référencement naturel - la Licence Pro de Mulhouse
Rédaction web et référencement naturel - la Licence Pro de MulhouseRédaction web et référencement naturel - la Licence Pro de Mulhouse
Rédaction web et référencement naturel - la Licence Pro de MulhouseYellow Dolphins
 
SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !Agence Bee Yoo
 
Un rappel sur les bases du référencement naturel en 2017
Un rappel sur les bases du référencement naturel en 2017Un rappel sur les bases du référencement naturel en 2017
Un rappel sur les bases du référencement naturel en 2017CCI Yonne
 
De l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligneDe l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligneDournaux Christophe
 
Un site Web de qualité
Un site Web de qualitéUn site Web de qualité
Un site Web de qualitémastertic
 
Rédaction Référencement Editorial Isabelle Canivet
Rédaction Référencement Editorial Isabelle CanivetRédaction Référencement Editorial Isabelle Canivet
Rédaction Référencement Editorial Isabelle CanivetYellow Dolphins
 
Créer du trafic sur son site
Créer du trafic sur son siteCréer du trafic sur son site
Créer du trafic sur son siteLaurent Evain
 
Importance du contenu redactionnel pour le referencement : par AxeNet
Importance du contenu redactionnel pour le referencement : par AxeNetImportance du contenu redactionnel pour le referencement : par AxeNet
Importance du contenu redactionnel pour le referencement : par AxeNetAgence web AxeNet
 

Similaire à Optimiser sa copie numérique - vade-mecum (20)

Optimiser la visibilité de son site Internet sur les moteurs de recherche
Optimiser la visibilité de son site Internet sur les moteurs de rechercheOptimiser la visibilité de son site Internet sur les moteurs de recherche
Optimiser la visibilité de son site Internet sur les moteurs de recherche
 
Comment ecrire pour le web par Salamatou Amadore
Comment ecrire pour le web par Salamatou AmadoreComment ecrire pour le web par Salamatou Amadore
Comment ecrire pour le web par Salamatou Amadore
 
Comment ecrire pour le web par
Comment ecrire pour le web par  Comment ecrire pour le web par
Comment ecrire pour le web par
 
Ecrire un excellent contenu web et devenir influenceur dans votre expertise
Ecrire un excellent contenu web et devenir influenceur dans votre expertiseEcrire un excellent contenu web et devenir influenceur dans votre expertise
Ecrire un excellent contenu web et devenir influenceur dans votre expertise
 
Profiter concrètement du balisage sémantique schema.org - TuniSEO
Profiter concrètement du balisage sémantique schema.org - TuniSEOProfiter concrètement du balisage sémantique schema.org - TuniSEO
Profiter concrètement du balisage sémantique schema.org - TuniSEO
 
Marketing de contenu : pourquoi développer un blog et comment bien écrire pou...
Marketing de contenu : pourquoi développer un blog et comment bien écrire pou...Marketing de contenu : pourquoi développer un blog et comment bien écrire pou...
Marketing de contenu : pourquoi développer un blog et comment bien écrire pou...
 
Référencement  Naturel - les bases pour améliorer votre positionnement et vot...
Référencement  Naturel - les bases pour améliorer votre positionnement et vot...Référencement  Naturel - les bases pour améliorer votre positionnement et vot...
Référencement  Naturel - les bases pour améliorer votre positionnement et vot...
 
Atelier numérique Améliorer son écriture web
Atelier numérique Améliorer son écriture webAtelier numérique Améliorer son écriture web
Atelier numérique Améliorer son écriture web
 
Comment optimiser les balises Title ?
Comment optimiser les balises Title ? Comment optimiser les balises Title ?
Comment optimiser les balises Title ?
 
PickAsso - Exemple d'Audit Digital anonyme
PickAsso -  Exemple d'Audit Digital anonymePickAsso -  Exemple d'Audit Digital anonyme
PickAsso - Exemple d'Audit Digital anonyme
 
Rédaction web et référencement naturel - la Licence Pro de Mulhouse
Rédaction web et référencement naturel - la Licence Pro de MulhouseRédaction web et référencement naturel - la Licence Pro de Mulhouse
Rédaction web et référencement naturel - la Licence Pro de Mulhouse
 
SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !
 
Création & refonte de site internet
Création & refonte de site internet Création & refonte de site internet
Création & refonte de site internet
 
Un rappel sur les bases du référencement naturel en 2017
Un rappel sur les bases du référencement naturel en 2017Un rappel sur les bases du référencement naturel en 2017
Un rappel sur les bases du référencement naturel en 2017
 
De l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligneDe l'éditorial dans ma stratégie en ligne
De l'éditorial dans ma stratégie en ligne
 
Un site Web de qualité
Un site Web de qualitéUn site Web de qualité
Un site Web de qualité
 
Rédaction Référencement Editorial Isabelle Canivet
Rédaction Référencement Editorial Isabelle CanivetRédaction Référencement Editorial Isabelle Canivet
Rédaction Référencement Editorial Isabelle Canivet
 
A4 otamp enrichir_site_web
A4 otamp enrichir_site_webA4 otamp enrichir_site_web
A4 otamp enrichir_site_web
 
Créer du trafic sur son site
Créer du trafic sur son siteCréer du trafic sur son site
Créer du trafic sur son site
 
Importance du contenu redactionnel pour le referencement : par AxeNet
Importance du contenu redactionnel pour le referencement : par AxeNetImportance du contenu redactionnel pour le referencement : par AxeNet
Importance du contenu redactionnel pour le referencement : par AxeNet
 

Optimiser sa copie numérique - vade-mecum

  • 1. - Principes HTML et fonctionnement général du contenu web - Comportements en ligne des utilisateurs - Modèle, structure et règles rédactionnelles à suivre - Techniques SEO et outils (mots-clefs, mise en page etc.) - Adaptation et exercices pratiques sur base de contenu existant MODULE 1 - COPIE WEB OPTIMISÉE Publication: décembre 2013
  • 2. 1. Principes HTML et de fonctionnement général du contenu web > Le web parle l’HTML HyperText Markup Language  pas un langage de programmation, mais de marquage, de formatage  texte à adresser à l’internaute + instructions destinées à formater le texte  Les instructions sont différenciées du texte par des balises ouvrantes et fermantes <p> ici vient du texte <p/>  langage de balisage simple à comprendre et à utiliser  Comme dans toute codification, la rigueur est nécessaire
  • 3. > Les balises ou « tags »  Indique une action au navigateur  Interprétation différente entre les navigateurs (I.E., Firefox, Chrome etc.)  Pouvant entraîner un affichage différent ! Reco : Lors de l’ajout de texte dans le code, toujours éviter de « copier-coller » directement depuis Word dans le code (ou via un CMS) car du code hérité du traitement de texte vient souvent polluer l’HTML Le copier transitoirement dans un éditeur de texte simple de type « bloc- note » (Notepad) >bouton Windows>Tous le programmes>accessoires>bloc notes [démo]
  • 4. > CSS Cascading Style Sheets  feuilles de style  Gestion différenciée de la structure HTML et de la présentation de la page  En raison de la multiplicité de supports et de formats pour afficher le contenu (ex. : version print, mobile etc.), il a été nécessaire d’abandonner les instructions de mise en page directement dans le code pour l’extraire dans un fichier séparé : la feuille de style  Il est désormais possible d’appliquer différents formatage au même contenu HTML source en utilisant différentes feuilles de style pour le même contenu. >CCL : le HTML est le langage de base du web. Il a bien entendu beaucoup évolué (XML) et de nombreux scripts viennent l’enrichir (javascript). Nous en sommes à la version HTML 5 qui permet d’intégrer du contenu vidéo directement dans le code, sans devoir l’héberger sur un serveur. Le site référence pout toutetes questions HTML : http://www.alsacreations.com/
  • 5. Reco. :  Il est toujours important de considérer les différents supports qui présenteront votre contenu et les spécificités d’utilisation de chaque.  Penser à suivre les résultats d’étude quantitatives et qualitatives des comportements en ligne .
  • 6. Un peu de pratique : Exploration d’un site en utilisant la fonction « inspecter l’élément » du navigateur Chrome  Dans Chrome > clic droit > « inspecter l’’élémént »
  • 7. 2. Comportements en ligne des utilisateurs  Comportement très versatile  Convaincre en une demi-seconde  Être conscient que souvent les utilisateurs ne rentrent pas par la grande porte (page d’accueil sur leur desktop) mais souvent par les fenêtres (article partagé sur les réseaux sociaux sur mobile)  Que leur activité est souvent hiératique par rapport aux différents scénarios  Souvent perdu à la moindre petite contrariété (mauvais fonctionnement ou compréhension)
  • 8. Ce qu’ils aiment :  Social media  Divertissement  Infotainment  Accès souvent mobile Contenu utile Contenu divertissant
  • 10.
  • 11. 3. Modèle, structure et règles rédactionnelles à suivre Content is KING ♛ But now CONTEXT rules!  Le contenu web est flexible et quantifiable en temps réel ;  Adapter l e contenu en fonction des résultats  Étayer ce qui a plu  Varier en fonctions des canaux  Créer un contenu synergique adapté au canal/contexte (ex. mobile) et éviter la redondance sur l’ensemble des canaux  Multimédia : variétés de formats  Texte  Photo, illustration, infographie, Gif’s animés  Vidéo  Diapositive / Diaporama  3 C : clair cohérent captivant  Clair : d’un coup d’œil l’internaute doit comprendre que c’est le contenu qui l’intéresse ou qu’il recherche et dont il a besoin  Cohérent : le contenu doit être à la hauteur et complètement en ligne avec ses attentes et la teneur qu’il en a perçu  Captivant : l’attention est tenue de bout en bout
  • 13. Le modèle AIDA appliqué aux contenus web de type édito Attention Titre accrocheur qui attire l’attention Intérêt Chapeau ou intro qui indique clairement la teneur du sujet et qui incite à poursuivre la découverte Désir Un corps de texte attrayant et facile à lire Accorder lui de l’espace ! Interlignes en suffisance Listes à puce Attention à la longueur de phrase. Action Toujours inviter l’internaute à une action (s’inscrire, inviter, s’abonner, participer, consulter, “Liker” etc.) Reco : souvent inviter l’internaute à découvrir un autre article ou partie du site fonctionne très bien. Cela augmente la durée de visite sur le site.
  • 14. Exemples de Call To Action [CTA]
  • 15. Reco Une bonne structure va permettre un meilleur partage de votre contenu sur les réseaux sociaux : -Titre pas trop longs (Pour Google :max 60-65 caractères espaces compris) -Chapeau max. (Pour Google : 160-165 caractères espaces compris)
  • 16. Pour l’écriture  Une écriture active et vivante, directe et simple, mais non simpliste  Toujours établir un « tone of voice » pour l’unité de ton  Différencier le contenu de « consommation » rapide ou lente, varier la longueur (brèves vs articles)  Varier les formats : texte, image et vidéo, de qualité et cohérents  Faire des listes, structurer le contenu pour faciliter la lecture  Les listes dans le titre fonctionnent toujours très bien  « 5 silhouettes pour la rentrée »  « Beauté : 3 rituels pour rajeunir »  Privilégiez les liens internes  Comme toujours, soyez « catchy » mais surtout ne survendez pas. N’induisez pas l’internaute en erreur sur la teneur de votre contenu. Ce qui déçoit le plus, c’est quand le résultat ne correspond pas aux attentes.
  • 17. « Les internautes se comportent toujours un peu comme des enfants dans un magasin de bonbon » De belles images colorées et une présentation soignée fonctionnent toujours. MAIS il faut soutenir l’expérience de bout en bout, les sucreries se doivent d’être délicieuses.  Et si le gâteau et trop gros, découpez le en tranches, n’oubliez pas de donner de petits bouts à savourer pour les plus pressés (cake pops) et leur donner l’envie de revenir. Image source : http://www.fitnessgurusam.com/foods-that-turn-to-fat/
  • 18. 4. Techniques SEO et outils (mots-clefs, mise en page etc.) Search Engine Optimisation  Optimisation du référencement de votre contenu L’essentiel est invisible : la balise <head> et les méta-données  Titre, description du site le caractérisant uniquement destinés au robots
  • 19. Techniques SEO  Utilisation de mots-clefs  les définir avant la rédaction  Utilisation stratégique des mots-clefs les placer judicieusement dans le texte. Au plus haut au plus important  Plus les phrases sont long, plus le résultat SEO sur le mot-clef est dilué  Le mot-clef référent en premier dans le titre  Ex : Lisez notre newsletter pour découvrir toutes les nouveautés NUXE NUXE : 10 nouveautés en 5 minutes max!  Les zones à privilégier  Titre (balise <h1>)  URL (l’adresse)  Chapeau (introduction, accroche d’un article),  les sous-titres (balises <h2>, <h3>, etc.)  Le nom des images et la balise « ALT »  Mise en page Les appuyer grâce au formatage du texte  Mise en gras des mots-clefs dans le corps du texte. NON !
  • 20.  Reco  Mettez-vous à la place de l’internaute ; quels mots-clefs utiliseriez-vous pour trouver le contenu ? Restez simple et direct.  Ne destinez pas votre contenu aux robots !!  Assurez-vous que la description de votre page est en adéquation avec le titre mais également le contenu de votre page. Si les moteurs de recherche détectent une incompatibilité entre ces éléments, ils peuvent vous considérer comme des spammeurs.  Faites en sorte d'utiliser des phrases avec des verbes afin que la description ait un sens et pour éviter de passer pour du spam.  Afin d’éviter le « spamming » ou « keyword stuffing » qui peut être sanctionné par Google, penser à vos lecteurs en variant les mots. Utilisez des synonymes, cela rendra la lecture bien plus agréable.
  • 21. Outils SEO Google : outils de planification de mots clés Informations en français sur l’outil Accès via votre compte Google > AdWords
  • 22. Pour vérifier l’indice SEO d’un site http://www.webrankpage.com/ http://www.woorank.com/