LES R

ÉSEA

UX MOBIL

ES &

SANS FIL

S:

LES N

OUVELLE

S

PERSPEC

TIVES

DU

MARKET

ING D

IGIT

AL

PAR :

BOUBAKER NOBEL E

L HOUSSIN

E

DATE :

15 MAI 2

014

LIEU :

MBM 2014

DE 14H30 À

15H15

WEB 2 COM © 2014

WEB 2 COM © 2014

LES RÉSEAUX SANS FILS & CELLULAIRES, LA RÉPONSE À LA CONNECTIVITÉ DES ÉQUIPEMENTS MOBILES

WEB 2 COM © 2014

ÉQUIPEMENTS MOBILES & PERFORMANCES

SMARTPHONE

TABLETTE

PDA

PORTABLE

ETC…

.PUISSANCE LIMITÉE

PAR LA BATTERIE, LA MÉMOIRE, LE DISQUE DUR

PAR LA TRANSMISSION SANS FIL

PAR LE RÉSEAU DE RATTACHEMENT

INTERFACES UTILISATEURS SIMPLIFIÉES MAIS LIMITÉES AUSSI

PAR LA TAILLE DES ÉCRANS

.

WEB 2 COM © 2014

LES SYSTÈMES D’EXPLOITATION MOBILES

WEB 2 COM © 2014

AUX USA, LES SUPPORTS MOBILES ONT DÉJÀ DÉPASSÉ L’ORDINATEUR COMME PLATEFORME DE CONSULTATION DES EMAILS. 

EN FRANCE, PLUS DE 30% DES EMAILS PERSONNELS

SONT OUVERTS DEPUIS UN TERMINAL MOBILE (SMARTPHONES, TABLETTES…).

EN TUNISIE :

WEB 2 COM © 2014

WEB 2 COM © 2014

CARACTÉRISTIQUES DE LA MOBILITÉ :

PROPOSER UN ACCÈS SANS FIL À L’INFORMATION.

PERMETTRE DE SE DÉPLACER À TRAVERS LE RÉSEAU EN CONSERVANT UNE MÊME ADRESSE

ADRESSAGE MOBILE

MOBILITÉ GSM : L’ABONNÉ APPARAÎT DANS UN SOUS-RÉSEAU PARTICULIER ; LORSQU’IL QUITTE SON DOMAINE D’ABONNEMENT POUR UN AUTRE DOMAINE (DIT VISITEUR), IL EFFECTUE DE LA MOBILITÉ 

MOBILITÉ IP : UNE SEULE ADRESSE IP SUFFIT POUR QU’UN ABONNÉ PUISSE ÊTRE LOCALISÉ N’IMPORTE OÙ DANS LE RÉSEAU INTERNET.

RÉSEAUX MOBILES : UN RÉSEAU DE MOBILES FOURNIT AU MOINS UN DES DEUX SERVICES

WEB 2 COM © 2014

1888 : HEINRICH HERZ PRODUIT DES ONDES RADIO POUR LA 1ÈRE FOIS.

1893 : TESLA DÉCRIT EN DÉTAIL LES PRINCIPES DE L’ÉMISSION RADIO. À SAINT-LOUIS, IL FAIT LA PREMIÈRE EXPÉRIENCE PUBLIQUE DE COMMUNICATION RADIO (UN PETIT BATEAU TÉLÉGUIDÉ APPELÉ TELAUTOMATON),.

1895 À 1903 : GUGLIELMO MARCONI, UN INVENTEUR ITALIEN, PROUVE LA FAISABILITÉ DE LA COMMUNICATION RADIO EN ENVOYANT ET EN RECEVANT UN SIGNAL RADIO EN ITALIE, PUIS UN SIGNAL RADIO FRANCE/ANGLETERRE ET ENFIN PAR DESSUS L’OCÉAN ATLANTIQUE.

1903 : TESLA EST DORÉNAVANT ACCRÉDITÉ DE LA DÉCOUVERTE DES ONDES RADIOS, APRÈS QUE LA COURT SUPRÊME LUI AIT ACCORDÉ LE BREVET AU DÉTRIMENT DE MARCONI.

HISTOIRE DES RÉSEAUX SANS FIL : RADIOÉLECTRICITÉ ET ONDES RADIO

WEB 2 COM © 2014

DÉVELOPPEMENT DES RÉSEAUX SANS FIL

1910 : ERICSON ET SA FEMME HILDA TRAVAILLENT SUR LE PREMIER TÉLÉPHONE POUR VOITURE.

1912 : ATTRIBUTION DES FRÉQUENCES RADIOS ET DES LICENCES AUX OPÉRATEURS TÉLÉPHONIQUES

1940 : PENDANT LA SECONDE GUERRE MONDIALE, L’ARMÉE AMÉRICAINE UTILISE POUR LA PREMIÈRE FOIS DANS SIGNAUX RADIO POUR TRANSMETTRE DE DONNÉES.

1971 : UN GROUPE DE CHERCHEURS CRÉE LE PREMIER RÉSEAU DE COMMUNICATION RADIO BASÉ SUR LA COMMUTATION DE PAQUETS, APPELÉ ALOHANET.  C’EST LE TOUT PREMIER RÉSEAU SANS FIL, CONSTITUÉ DE 7 ORDINATEURS RELIÉ EN ÉTOILE.

HISTOIRE DES RÉSEAUX CELLULAIRES

WEB 2 COM © 2014

ANNÉES 80 (1G) : VOIX ANALOGIQUE. TECHNOLOGIE ANALOGIQUE QUI UTILISE UNE BANDE DE FRÉQUENCES NON ENREGISTRÉE (902-928 MHZ) CE QUI CAUSE DES INTERFÉRENCES AVEC TOUTES SORTES DE MACHINES.

ANNÉES 90 (2G) : VOIX NUMÉRIQUE ET MESSAGERIE TEXTE TRANSMISSION NUMÉRIQUE POUR AUGMENTER LA CAPACITÉ, AMÉLIORER LA SÉCURITÉ ET OFFRIR LA MESSAGERIE TEXTE (SMS).GSM EN 1991 - GPRS EN 2000 (2,5G OU 2G+) : DÉRIVÉE DU GSM PERMETTANT UN DÉBIT DE DONNÉES PLUS ÉLEVÉ.

ANNÉES 2000 (3G) : VOIX ET DONNÉES NUMÉRIQUES

SERVICES NUMÉRIQUES DE VOIX ET DE DONNÉES À HAUT DÉBIT.

ANNÉES 2010 (4G) : SERVICES HAUT-DÉBITS & LTE (LONG TERM EVOLUTION)

WEB 2 COM © 2014

RÉSEAUX MOBILES

WEB 2 COM © 2014

CLASSIFICATION DES RÉSEAUX SANS FIL

WEB 2 COM © 2014

RÉSEAUX SANS FIL MOBILES

WEB 2 COM © 2014

LES NOUVELLES PERSPECTIVES DU MARKETING DIGITAL

SITE WEB MOBILE / M-COMMERCE

EMAILING MOBILE

RÉFÉRENCEMENT MOBILE

ESPACES PUBLICITAIRES / APPLICATIONS MOBILES

WEB 2 COM © 2014

I – LE SITE WEB MOBILE / RESPONSIVE DESIGN

CE TERME A ÉTÉ INTRODUIT PAR ETHAN MARCOTTE DANS SON LIVRE ÉPONYME ET SE FONDE SUR UN TRIO DE TECHNIQUES : CSS MEDIA QUERIES, GABARITS FLUIDES ET CONTENUS FLUIDES.

WEB 2 COM © 2014

I – LE SITE WEB MOBILE / RESPONSIVE DESIGN

ENSEMBLE DE TECHNIQUES ET PRINCIPES PERMETTANT D'ADAPTER UN DESIGN WEB À DIFFÉRENTES TAILLES D'ÉCRAN : DE L'ÉCRAN DE BUREAU GÉANT AU SMARTPHONE, EN PASSANT PAR LES TABLETTES, LES NETBOOKS ET AUTRES FORMATS DE TV.

CECI AFIN D'OFFRIR AUX VISITEURS LA MEILLEURE EXPÉRIENCE POSSIBLE QUEL QUE SOIT LE SUPPORT DE CONSULTATION ET QUITTE À RÉORGANISER L'AFFICHAGE ET LA DISPOSITION DES ÉLÉMENTS (PAR EXEMPLE PASSER D'UN SITE À 4 COLONNES SUR GRAND ÉCRAN À UN SITE MONO-COLONNE SUR MOBILE). 

WEB 2 COM © 2014

I – LE SITE WEB MOBILE / RESPONSIVE DESIGN

WEB 2 COM © 2014

LES PRINCIPALES RECOMMANDATIONS POUR CRÉER UN SITE MOBILE CONFORME W3C

PAS DE TECHNIQUES FLASH, IFRAME, REQUÊTES DYNAMIQUES, PAS DE POPUP, ET LIMITER LE JAVASCRIPT

UTILISER LES NOUVEAUX LANGAGES WEB SPÉCIFIQUES POUR MOBILE : C-HTML (ÉQUIVALENT DU HTML), XHTML, WML (ÉQUIVALENT DU XML)

L’ENCODAGE DOIT ÊTRE EN UTF8

IMAGES RECOMMANDÉES GIF ET JPEG

ALLÉGER LE CODE SOURCE (OPTIMISER LES INSTRUCTIONS)

POUR OPTIMISER LES TEMPS DE CHARGEMENT, PRÉFÉRER L’INTÉGRATION DES STYLES À L’INTÉRIEUR MÊME DU CODE.

WEB 2 COM © 2014

I – LE SITE WEB MOBILE / RESPONSIVE DESIGN

UN SITE WEB MOBILE : UNE SOLUTION POUR LES APPLICATIONS POUR AFFICHER LES INFOS DU SITE SUR UN OU PLUSIEURS SMARTPHONES UNE APPLICATION IPHONE

UNE APPLICATION ANDROID

UNE APPLICATION WINDOWS PHONE

UNE APPLICATION NOKIA

UNE APPLICATION SAMSUNG

UNE APPLICATION BLACKBERRY

WEB 2 COM © 2014

II - QUELLE SONT LES PROBLÉMATIQUES PRINCIPALE DE L’EMAIL MOBILE ?

SUR LE MOBILE, LES OUTILS DE CONSULTATION SONT MULTIPLES ET DIFFÉRENTS DE CEUX D’UN ORDINATEUR :

1- LES LOGICIELS DE MESSAGERIE,

2- LES FORMATS DES ÉCRANS,

3- LA NAVIGATION AVEC LE POUCE ETC.

WEB 2 COM © 2014

AVEC LA MULTIPLICATION DES SUPPORTS DE CONNEXION ET

L’USAGE CROISSANT DES TERMINAUX

MOBILES, L’EMAILING EST CONFRONTÉ

À UN RÉEL DÉFI : 

L’OPTIMISATION DE SON AFFICHAGE SUR TOUS LES DEVICES MOBILES

ET LES DIFFÉRENTES TAILLES D’ÉCRAN DISPONIBLES.

WEB 2 COM © 2014

LES LOGICIELS DE MESSAGERIE,

WEB 2 COM © 2014

LES FORMATS DES ÉCRANS

WEB 2 COM © 2014

LA NAVIGATION AVEC LE POUCE

MON ENFANT SUCE SON POUCE. QUE FAIRE?

WEB 2 COM © 2014

LA NAVIGATION AVEC LE POUCE

C’EST NORMAL, IL NE VEUT PAS LAISSER DE TRACE SUR LE SMARTPHONE DE PAPA

WEB 2 COM © 2014

QUELLE EST LA SOLUTION ?

IL FAUT EN TENIR COMPTE POUR GÉRER LES CAMPAGNES ET LES ADAPTER AUX DIFFÉRENTS MODES DE CONSULTATION. LA TECHNOLOGIE DU RESPONSIVE DESIGN PERMET CE GENRE D’ADAPTATION.

WEB 2 COM © 2014

ATTENTION : ELLE EST SEXY MAIS PAS RESPONSIVE !!!

(BÉNÉFICE ET CALL TO ACTION INVISIBLES)

WEB 2 COM © 2014

WEB 2 COM © 2014

POUR BIEN FONCTIONNER SUR L’EMAILING, LE RESPONSIVE

DESIGN NÉCESSITE DE NOUVEAUX DÉVELOPPEMENTS.

QUELS SONT LES

RECOMMANDATIONS TECHNIQUES ?

WEB 2 COM © 2014

LORS DE LA CRÉATION DE LA CAMPAGNE, IL

FAUT ADAPTER SON CONTENU À LA PLUS PETITE RÉSOLUTION POUR ÊTRE SÛR

QU’IL SOIT LISIBLE SUR LA PLUPART DES SUPPORTS.

LA NAVIGATION AVEC LE POUCE EST À PRENDRE EN COMPTE.

IMAGINEZ DES LIENS DANS DES TEXTES PEU ESPACÉS, LE LIEN SERA DIFFICILEMENT ACCESSIBLE.

WEB 2 COM © 2014

IL EST RECOMMANDÉ DE :

1 - INTÉGRER LE CONTENU TEXTE ET IMAGES DANS UNE SEULE COLONNE,

2 - UTILISER UNE TYPOGRAPHIE MINIMUM DE 14 PIXELS.

3 - CRÉER DES BOUTONS D’APPEL À L’ACTION ASSEZ GRAND DE 44 X 44 PIXELS FACILEMENT CLIQUABLES AVEC LE POUCE.

WEB 2 COM © 2014

IL EST RECOMMANDÉ AUSSI DE :

4 - UTILISER LES MEDIA QUERIES EN REPOSITIONNANT LES ÉLÉMENTS DE L’E-MAIL OU EN AFFICHANT UNE VERSION DÉFINIE POUR MOBILE (POTENTIELLEMENT DIFFÉRENTE DE LA VERSION CLASSIQUE).

5 - DE MÊME, L’ÉCRAN ÉTANT PLUS PETIT, IL EST CONSEILLÉ DE CRÉER

DES E-MAILINGS COURTS, ÉVITANT AU DESTINATAIRE DE TROP FAIRE DÉFILER LE CONTENU.

WEB 2 COM © 2014

NOUVELLES PERSPECTIVES

COMMENT DYNAMISER UNE STRATÉGIE EMAIL MOBILE ?

POUR DÉVELOPPER DAVANTAGE D’INTERACTION AVEC LE PROSPECT, IL FAUT CHANGER SES HABITUDES !

1 - INSÉRER DES CODES QR,

WEB 2 COM © 2014

NOUVELLES PERSPECTIVES

2- DES BOUTONS « CLICK TO CALL »

3- DES NUMÉROS DE TÉLÉPHONE CLIQUABLES DANS L’EMAIL POUR GÉNÉRER L’APPEL OU L’ENVOI D’UN SMS

LE BOUTON EST INSÉRÉ DANS LE CONTENU DE L’EMAIL. IL EST ÉGALEMENT POSSIBLE DE METTRE EN PLACE UN CLICK TO ACTION VERS LE SERVICE CLIENT OU DE RENDRE UNE IMAGE CLIQUABLE,

WEB 2 COM © 2014

NOUVELLES PERSPECTIVES

4- LES INTERACTIONS AVEC LES RÉSEAUX SOCIAUX SONT ENVISAGEABLES EN ENVOYANT UN EMAIL CONTENANT UN LIEN VERS FACEBOOK OU UN BOUTON CLICK TO TWITT ! LES OPPORTUNITÉS SONT NOMBREUSES.

WEB 2 COM © 2014

NOUVELLES PERSPECTIVES

4- LES INTERACTIONS AVEC LES RÉSEAUX SOCIAUX SONT ENVISAGEABLES EN ENVOYANT UN EMAIL CONTENANT UN LIEN VERS FACEBOOK OU UN BOUTON CLICK TO TWITT ! LES OPPORTUNITÉS SONT NOMBREUSES.

WEB 2 COM © 2014

NOUVELLES PERSPECTIVES

5- INTÉGREZ UN BOUTON « PARTAGER» DANS VOTRE EMAILING POUR RENFORCER LE CÔTÉ PARTICIPATIF

LAISSER UN CHAMP LIBRE AU DESTINATAIRE POUR PARTAGER L’INFORMATION DE VOTRE EMAILING AVEC SON RÉSEAU PERMET D’ÉTENDRE VOTRE INFORMATION AU PLUS GRAND NOMBRE DE SES CONTACTS.

WEB 2 COM © 2014

III – LE RÉFÉRENCEMENT MOBILE

LE MONDE WEB MOBILE DIVERGE DU MONDE WEB PC, EN CE SENS QUE : LES RECHERCHES RÉALISÉES PAR LES MOBINAUTES NE SONT PAS EXACTEMENT LES MÊMES QUE CELLES RÉALISÉES SUR LE WEB CLASSIQUE,

LES RENDUS SONT DIFFÉRENTS ET DOIVENT ÊTRE OPTIMISÉES POUR GAGNER EN AFFICHAGE.

IL EXISTE PLUSIEURS MOYENS D’OPTIMISER LE RÉFÉRENCEMENT DE SON SITE MOBILE :

LES MOTEURS DE RECHERCHE INTERNES DES DIFFÉRENTS OPÉRATEURS

LES MOTEURS WEB MOBILE DES MOTEURS CONNUS (GOOGLE MOBILE, BING MOBILE, YAHOO ! MOBILE ...)

LES APPLICATIONS MOBILES

WEB 2 COM © 2014

WEB 2 COM © 2014

LES CONSEILS GÉNÉRAUX D’OPTIMISATION D’UN SITE MOBILE

ÉVITER LES TITRES ET DESCRIPTIONS TROP LONGS

LES REQUÊTES CONCURRENTIELLES SUR LES MOBILES SONT MOINS SOLLICITÉES PAR RAPPORT AU WEB CLASSIQUE, DONC IL EST PLUTÔT JUDICIEUX DE LES UTILISER POUR BIEN SE CLASSER.

BALISES TITLE ET ENTÊTES CONTENANT DES MOTS-CLÉS, HIÉRARCHISATION DES BALISES.

CHOISIR DES URL COURTES PLUS SIMPLES À SAISIR.

LES EXTENSIONS DE NOM DE DOMAINE .MOBI APPORTENT UN PEU DE VISIBILITÉ AUX SITES POUR MOBILES CAR ILS INDIQUENT AUX MOTEURS DE RECHERCHE QU’IL S’AGIT D’UN SITE MOBILE.

WEB 2 COM © 2014

CONSEILS TECHNIQUES D’OPTIMISATION DU RÉFÉRENCEMENT D’UN SITE MOBILE

 

CRAWL DU SITE : IL FAUT SCANNER RÉGULIÈREMENT LES GOOGLE WEBMASTER TOOLS POUR CONTRÔLER QUE LE TRAVAIL DES CRAWLERS SE PASSE BIEN 

LE FICHIER SITEMAP : LA MEILLEURE SOLUTION EST SANS DOUTE DANS CE CAS DE CRÉER UN SITEMAP SPÉCIFIQUE POUR MOBILE. POUR CELA, IL SUFFIT DE CRÉER UN SITEMAP POUR MOBILE AU FORMAT XML MAIS EN AJOUTANT LA BALISE <MOBILE : MOBILE /> POUR INDIQUER QUE CHAQUE URL FAIT RÉFÉRENCE À DU CONTENU WEB MOBILE.

 LE NETLINKING SUR MOBILE :LE NETLINKING SUR MOBILE EST TRÈS IMPORTANT CAR IL DOIT AMÉLIORER LE TRAFIC DU SITE ET SA VISIBILITÉ. L’OBJECTIF SERA DONC DE PRIVILÉGIER LES LIENS CONTEXTUELS PLUTÔT QUE LES LIENS DE BAS DE PAGE.  

WEB 2 COM © 2014

CONSEILS TECHNIQUES D’OPTIMISATION DU RÉFÉRENCEMENT D’UN SITE MOBILE

 

LE DOCTYPE DU CODE SOURCE : < ! DOCTYPE ……..XHTML  MOBILE  ….. XHTML-MOBILE12.DTD »>

LE FICHIER ROBOTS.TXT : IL EST RECOMMANDÉ DE SURVEILLER LES ÉVOLUTIONS DE GOOGLE CONCERNANT LES DIFFÉRENTS ROBOTS, L’IMPACT DIRECT ÉTANT AU NIVEAU DU FICHIER ROBOTS.TXT.

C’EST JUSTEMENT LE CAS AVEC LA DERNIÈRE ANNONCE DE GOOGLE CONCERNANT LE CHANGEMENT DU NOM DU ROBOT GOOGLEBOT DÉDIÉ AUX SMARTPHONES. LE ROBOT POUR MOBILE GOOGLEBOT-MOBILE SERA DORÉNAVANT REMPLACÉ PAR LE ROBOT GOOGLEBOT,  

WEB 2 COM © 2014

CONSEILS TECHNIQUES D’OPTIMISATION DU RÉFÉRENCEMENT D’UN SITE MOBILE

 

LES REDIRECTIONS :  

D’APRÈS LES CONSIGNES DE GOOGLE, IL EST POSSIBLE, EN THÉORIE, D’UTILISER LES REDIRECTIONS 301 ET 302. C’EST DONC L’UN DES PREMIERS POINTS À VÉRIFIER LORSQUE L’ON MET EN PLACE CE TYPE DE SOLUTION. LES MOBINAUTES SONT-IL BIEN REDIRIGÉS VERS LA VERSION MOBILE DU SITE ?

IL EST ÉGALEMENT TRÈS IMPORTANT DE PERMETTRE AUX VISITEURS MOBILES DE VOIR LA VERSION DESKTOP DU SITE. LE BOUTON OU L’OPTION LIÉ À CETTE FONCTIONNALITÉ EST-ELLE VISIBLE ?

WEB 2 COM © 2014

CONSEILS TECHNIQUES D’OPTIMISATION DU RÉFÉRENCEMENT D’UN SITE MOBILE

 

AUDIT DU SITE « PARTIE ON-PAGE »: PENSER AUSSI À AUDITER LA PARTIE ON-SITE DU SITE MOBILE, COMME POUR UN SITE CLASSIQUE.

 

DUPLICATE CONTENT : LES PAGES WEB DU SITE MOBILE ÉTANT FORCÉMENT LA RÉPLIQUE DES PAGES DU SITE WEB CLASSIQUE, ELLES DEVRONT FAIRE RÉFÉRENCE AUX PAGES DU SITE WEB GÉNÉRAL, AU MOYEN D’UNE BALISE REL=CANONICAL.

D’UNE MANIÈRE GÉNÉRALE, LES PAGES DU SITE DESKTOP POINTANT VERS LE SITE MOBILE, DEVRONT COMPORTER L’INSTRUCTION REL = « ALTERNATE ».  TANDIS QUE LES PAGES DU SITE MOBILE POINTANT VERS LE SITE DESKTOP DEVRONT ÊTRE COMPLÉTÉES AVEC L’INSTRUCTION REL= « CANONICAL ».

WEB 2 COM © 2014

CONSEILS TECHNIQUES D’OPTIMISATION DU RÉFÉRENCEMENT D’UN SITE MOBILE

 

PERFORMANCES DU SITE: IL EST ESSENTIEL, VOIRE VITAL, POUR UN SITE MOBILE D’AVOIR UNE VITESSE DE CHARGEMENT DE PAGE OPTIMISÉE. LES OUTILS À UTILISER POUR CELA SONT LES MÊMES QUE CEUX DES SITES CLASSIQUES : GTMETRIX ET GOOGLE PAGE SPEED. 

WEB 2 COM © 2014

III – LES ESPACES PUBLICITAIRES / MOBILES

WEB 2 COM © 2014

IV – OUTRES NOUVELLES TENDANCES

1- DISPLAY

2-M-COUPONING

3- JEUX / MOBILES

LES R

ÉSEA

UX MOBIL

ES &

SANS FIL

S:

LES N

OUVELLE

S

PERSPEC

TIVES

DU

MARKET

ING D

IGIT

AL

MER

CI POUR V

OTRE

ATTENTI

ON

WEB 2 COM © 2013

LES R

ÉSEA

UX MOBIL

ES &

SANS FIL

S:

LES N

OUVELLE

S

PERSPEC

TIVES

DU

MARKET

ING D

IGIT

AL

PAR :

BOUBAKER NOBEL E

L HOUSSIN

E

SOCIÉTÉ

: W

EB 2 C

OM

EMAIL : P

DG@W

EB-2-C

OM.COM

GSM : +216 9

7 88 5

5 06 /

+ 33 (0

)623 4

8 58 3

0

TÉL:

: +216 7

1 80 0

7 05/ +

33 (0)9

70 4

4 06 6

3

WEB 2 COM © 2014