SlideShare une entreprise Scribd logo
1  sur  4
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Le mobile
Avec Matthieu Gudefin,
entrepreneur, ancien Fondateur de MobilADict
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Le mobile
Animation Matthieu Gudefin, entrepreneur, ancien Fondateur de MobilADict
Restitution Inès Azaïs, bénévole Webassoc
Infos générales / Données de base
- Le traffic mobile a dépassé le traffic web – 60 % contre 40 %
- La France est le 2ème
pays qui utilise l’Iphone (en quantité) après les Etats-Unis
- L’Androïd est par ailleurs plus utilisé que l’Iphone.
On pourrait même dire que certains « sautent » le web et vont directement sur la création (et l’utilisation) des
applis.
Etre présent sur le mobile vaut de 3 à 10 000 euros.
Alors site ou appli ?
Une des réponses peut être le Responsive Design (site mobile adapté).
Pour mémoire :
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
 Un site dédié = Concevoir deux ou plusieurs entités différentes selon le dispositif visé : un site principal,
un site pour smartphones, un site pour tablettes, etc.
Les avantages des sites web dédiés sont :
• La possibilité d'affiner précisément la structure du site et ses contenus en regard du périphérique utilisé
• La possibilité de cibler et de s'adapter à des fonctionnalités variées (notamment le touch)
• Peut être une alternative "rapide", en attendant une refonte complète (et responsive) de son site web
Mais un site dédié n'est pas exempt d'inconvénients :
• Le contenu dupliqué ("duplicate content")
• La maintenance de plusieurs versions de site et de plusieurs adresses web (moins facilement indexables par un
moteur de recherche)
• La détection côté serveur ("UA sniffing") souvent biaisée ou non à jour
 Une application native = Un produit développé spécifiquement dans divers "langages" (iOS, Android,
WindowsPhone) et qui se télécharge et se référence au sein d'un "Store" (AppStore, Google Play,
Windows store).
Cela lui confère certains avantages :
• La prise en charge facilitée de fonctionnalités natives (touch, accéléromètre, notifications, GPS, etc.)
• Un installation possible sur son périphérique
• Une totale "acclimatation" au périphérique (ergonomie, performances, densité de pixels)
• La présence de sa marque sur l'AppStore (pour ne citer que lui) et de pouvoir disposer d'un "raccourci" sur le
smartphone de l'utilisateur.
•
… Mais aussi certains inconvénients :
• Un développement spécifique dans plusieurs langages (propres à iOS, Android, WindowsPhone, etc.)
• Le coût du développement, des licences, et de la maintenance pour chaque système d'exploitation
• Un contenu non indexable par un moteur de recherche web classique
• La mise à jour de l'application nécessite une action de l'utilisateur
 Une version responsive = La "solution de facilité" en vertu de son objectif principal:
S'adapter à tout type d'appareil de manière transparente pour l'utilisateur
• Des coûts et des délais généralement inférieurs aux techniques citées précédemment
• Une maintenance de projet facilitée (une seule feuille de style, un seul fichier HTML, etc.)
• Une mise à jour transparente et un déploiment multi-plateformes
• Le Responsive peut être envisagé après la conception initiale du site (même si ce n'est pas l'idéal)
•
Les inconvénients ne sont cependant pas nuls :
• De bonnes connaissances techniques, et une veille technologique constante, sont indispensables
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
• Il est nécessaire de prévoir des tests nombreux et variés tout au long du projet ("device labs", simulateurs)
• Il est difficile de contourner les limites ergonomiques et de performances des navigateurs web
• Faire du responsive, c'est… plus long que de ne rien faire (25% du temps supplémentaire)
Au final, le Responsive Web design n'est qu'un moyen parmi d'autres de parvenir à ses objectifs mais ne doit
pas être considéré comme la seule éventualité ni comme une "solution magique" à tous les problèmes.
Prendre un sitemap pour format
L’encodage doit être en WT8
A prévoir d’acheter des mots-clefs, à prévoir un marketing mobile pour renvoyer sur les sites internet.
Exemples de best pratice
. Google Adsense . Interstitiel . Display . Acheter des bannières CPM . Boite d’affiliation
Remarque des participants : Nos supérieurs sont plutôt convaincus mais n’ont pas l’argent pour.
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.

Contenu connexe

En vedette

Bibliotecas y web social (Andalucía) (1ª parte)
Bibliotecas y web social (Andalucía) (1ª parte)Bibliotecas y web social (Andalucía) (1ª parte)
Bibliotecas y web social (Andalucía) (1ª parte)Nieves Gonzalez
 
Plataforma e-Learning Moodle
Plataforma e-Learning MoodlePlataforma e-Learning Moodle
Plataforma e-Learning MoodleJosé Luis Jarpa
 
02 les bases de lamise en page
02 les bases de lamise en page02 les bases de lamise en page
02 les bases de lamise en pageEL Kawtar
 
Pollutec2012 mesures
Pollutec2012 mesuresPollutec2012 mesures
Pollutec2012 mesuresChung Da-woon
 
Atelier pratique : CR Référencement Naturel - Webassoc 14 avril 2015
Atelier pratique : CR Référencement Naturel - Webassoc 14 avril 2015Atelier pratique : CR Référencement Naturel - Webassoc 14 avril 2015
Atelier pratique : CR Référencement Naturel - Webassoc 14 avril 2015webassoc .fr
 
Y en este contexto...¿tienen futuro las bibliotecas universitarias? (2011)
Y en este contexto...¿tienen futuro las bibliotecas universitarias? (2011)Y en este contexto...¿tienen futuro las bibliotecas universitarias? (2011)
Y en este contexto...¿tienen futuro las bibliotecas universitarias? (2011)Nieves Gonzalez
 
flor tic tp
flor tic tpflor tic tp
flor tic tpFlor
 
Four Seasons - Bali2
Four Seasons - Bali2Four Seasons - Bali2
Four Seasons - Bali2luciabruja
 
MyHelloSlide
MyHelloSlideMyHelloSlide
MyHelloSlidegansrini
 
La nouvelle convention fiscale belgo chinoise 28.03.14
La nouvelle convention fiscale belgo chinoise 28.03.14La nouvelle convention fiscale belgo chinoise 28.03.14
La nouvelle convention fiscale belgo chinoise 28.03.14Jacques Malherbe
 
TP de TIC final, por Mati T.
TP de TIC final, por Mati T.TP de TIC final, por Mati T.
TP de TIC final, por Mati T.mati_t
 

En vedette (20)

Villa De Leyva
Villa De LeyvaVilla De Leyva
Villa De Leyva
 
A los ni
A los niA los ni
A los ni
 
Les impôts locaux à régusse net
Les impôts locaux à régusse  netLes impôts locaux à régusse  net
Les impôts locaux à régusse net
 
Bibliotecas y web social (Andalucía) (1ª parte)
Bibliotecas y web social (Andalucía) (1ª parte)Bibliotecas y web social (Andalucía) (1ª parte)
Bibliotecas y web social (Andalucía) (1ª parte)
 
Plataforma e-Learning Moodle
Plataforma e-Learning MoodlePlataforma e-Learning Moodle
Plataforma e-Learning Moodle
 
Farmacia
FarmaciaFarmacia
Farmacia
 
02 les bases de lamise en page
02 les bases de lamise en page02 les bases de lamise en page
02 les bases de lamise en page
 
Pollutec2012 mesures
Pollutec2012 mesuresPollutec2012 mesures
Pollutec2012 mesures
 
Atelier pratique : CR Référencement Naturel - Webassoc 14 avril 2015
Atelier pratique : CR Référencement Naturel - Webassoc 14 avril 2015Atelier pratique : CR Référencement Naturel - Webassoc 14 avril 2015
Atelier pratique : CR Référencement Naturel - Webassoc 14 avril 2015
 
Y en este contexto...¿tienen futuro las bibliotecas universitarias? (2011)
Y en este contexto...¿tienen futuro las bibliotecas universitarias? (2011)Y en este contexto...¿tienen futuro las bibliotecas universitarias? (2011)
Y en este contexto...¿tienen futuro las bibliotecas universitarias? (2011)
 
El zapataro
El zapataroEl zapataro
El zapataro
 
flor tic tp
flor tic tpflor tic tp
flor tic tp
 
National Geografic
National GeograficNational Geografic
National Geografic
 
Four Seasons - Bali2
Four Seasons - Bali2Four Seasons - Bali2
Four Seasons - Bali2
 
MyHelloSlide
MyHelloSlideMyHelloSlide
MyHelloSlide
 
Imagenes Del Mundo
Imagenes Del MundoImagenes Del Mundo
Imagenes Del Mundo
 
Capacidad del cerebro
Capacidad del cerebroCapacidad del cerebro
Capacidad del cerebro
 
La nouvelle convention fiscale belgo chinoise 28.03.14
La nouvelle convention fiscale belgo chinoise 28.03.14La nouvelle convention fiscale belgo chinoise 28.03.14
La nouvelle convention fiscale belgo chinoise 28.03.14
 
El precio del cerebro
El precio del cerebroEl precio del cerebro
El precio del cerebro
 
TP de TIC final, por Mati T.
TP de TIC final, por Mati T.TP de TIC final, por Mati T.
TP de TIC final, por Mati T.
 

Plus de webassoc .fr

Book des services webassoc
Book des services webassocBook des services webassoc
Book des services webassocwebassoc .fr
 
Waday2019 Laurent Myoux
Waday2019 Laurent MyouxWaday2019 Laurent Myoux
Waday2019 Laurent Myouxwebassoc .fr
 
Waday2019 Les Amis de l'Atelier
Waday2019 Les Amis de l'AtelierWaday2019 Les Amis de l'Atelier
Waday2019 Les Amis de l'Atelierwebassoc .fr
 
Waday2019 Les petites pierres
Waday2019 Les petites pierresWaday2019 Les petites pierres
Waday2019 Les petites pierreswebassoc .fr
 
Waday2019 ATDquartmonde
Waday2019 ATDquartmondeWaday2019 ATDquartmonde
Waday2019 ATDquartmondewebassoc .fr
 
Waday2019 Enfant@Hôpital
Waday2019 Enfant@HôpitalWaday2019 Enfant@Hôpital
Waday2019 Enfant@Hôpitalwebassoc .fr
 
Waday2019 Terre des Hommes
Waday2019 Terre des HommesWaday2019 Terre des Hommes
Waday2019 Terre des Hommeswebassoc .fr
 
Formation DataScience
Formation DataScienceFormation DataScience
Formation DataSciencewebassoc .fr
 
Motivations au benevolat : analyses
Motivations au benevolat : analysesMotivations au benevolat : analyses
Motivations au benevolat : analyseswebassoc .fr
 
Les motivations au benevolat
Les motivations au benevolatLes motivations au benevolat
Les motivations au benevolatwebassoc .fr
 
Accessibilité numérique : témoignage Houra
Accessibilité numérique : témoignage HouraAccessibilité numérique : témoignage Houra
Accessibilité numérique : témoignage Hourawebassoc .fr
 
Accessibilité numérique : quelques fonctionnalités
Accessibilité numérique : quelques fonctionnalitésAccessibilité numérique : quelques fonctionnalités
Accessibilité numérique : quelques fonctionnalitéswebassoc .fr
 
Accessibilité numérique : le cadre légal
Accessibilité numérique : le cadre légalAccessibilité numérique : le cadre légal
Accessibilité numérique : le cadre légalwebassoc .fr
 
Entreprises, engagez-vous dans la solidarité avec Webassoc !
Entreprises, engagez-vous dans la solidarité avec Webassoc !Entreprises, engagez-vous dans la solidarité avec Webassoc !
Entreprises, engagez-vous dans la solidarité avec Webassoc !webassoc .fr
 
Comment mobiliser dans un contexte de fake news
Comment mobiliser dans un contexte de fake newsComment mobiliser dans un contexte de fake news
Comment mobiliser dans un contexte de fake newswebassoc .fr
 
Le rôle de la direction dans une campagne de mobilisation
Le rôle de la direction dans une campagne de mobilisationLe rôle de la direction dans une campagne de mobilisation
Le rôle de la direction dans une campagne de mobilisationwebassoc .fr
 
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembreCrowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembrewebassoc .fr
 
Qui sont les bénévoles web ?
Qui sont les bénévoles web ?Qui sont les bénévoles web ?
Qui sont les bénévoles web ?webassoc .fr
 

Plus de webassoc .fr (20)

Book des services webassoc
Book des services webassocBook des services webassoc
Book des services webassoc
 
Webassoc : flyer
Webassoc : flyerWebassoc : flyer
Webassoc : flyer
 
Waday2019 Laurent Myoux
Waday2019 Laurent MyouxWaday2019 Laurent Myoux
Waday2019 Laurent Myoux
 
Waday2019 Singa
Waday2019 SingaWaday2019 Singa
Waday2019 Singa
 
Waday2019 Les Amis de l'Atelier
Waday2019 Les Amis de l'AtelierWaday2019 Les Amis de l'Atelier
Waday2019 Les Amis de l'Atelier
 
Waday2019 Les petites pierres
Waday2019 Les petites pierresWaday2019 Les petites pierres
Waday2019 Les petites pierres
 
Waday2019 ATDquartmonde
Waday2019 ATDquartmondeWaday2019 ATDquartmonde
Waday2019 ATDquartmonde
 
Waday2019 Enfant@Hôpital
Waday2019 Enfant@HôpitalWaday2019 Enfant@Hôpital
Waday2019 Enfant@Hôpital
 
Waday2019 Terre des Hommes
Waday2019 Terre des HommesWaday2019 Terre des Hommes
Waday2019 Terre des Hommes
 
Formation DataScience
Formation DataScienceFormation DataScience
Formation DataScience
 
Motivations au benevolat : analyses
Motivations au benevolat : analysesMotivations au benevolat : analyses
Motivations au benevolat : analyses
 
Les motivations au benevolat
Les motivations au benevolatLes motivations au benevolat
Les motivations au benevolat
 
Accessibilité numérique : témoignage Houra
Accessibilité numérique : témoignage HouraAccessibilité numérique : témoignage Houra
Accessibilité numérique : témoignage Houra
 
Accessibilité numérique : quelques fonctionnalités
Accessibilité numérique : quelques fonctionnalitésAccessibilité numérique : quelques fonctionnalités
Accessibilité numérique : quelques fonctionnalités
 
Accessibilité numérique : le cadre légal
Accessibilité numérique : le cadre légalAccessibilité numérique : le cadre légal
Accessibilité numérique : le cadre légal
 
Entreprises, engagez-vous dans la solidarité avec Webassoc !
Entreprises, engagez-vous dans la solidarité avec Webassoc !Entreprises, engagez-vous dans la solidarité avec Webassoc !
Entreprises, engagez-vous dans la solidarité avec Webassoc !
 
Comment mobiliser dans un contexte de fake news
Comment mobiliser dans un contexte de fake newsComment mobiliser dans un contexte de fake news
Comment mobiliser dans un contexte de fake news
 
Le rôle de la direction dans une campagne de mobilisation
Le rôle de la direction dans une campagne de mobilisationLe rôle de la direction dans une campagne de mobilisation
Le rôle de la direction dans une campagne de mobilisation
 
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembreCrowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
 
Qui sont les bénévoles web ?
Qui sont les bénévoles web ?Qui sont les bénévoles web ?
Qui sont les bénévoles web ?
 

Atelier pratique : CR Mobile - Webassoc 14 avril 2015

  • 1. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? Le mobile Avec Matthieu Gudefin, entrepreneur, ancien Fondateur de MobilADict Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication.
  • 2. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? Le mobile Animation Matthieu Gudefin, entrepreneur, ancien Fondateur de MobilADict Restitution Inès Azaïs, bénévole Webassoc Infos générales / Données de base - Le traffic mobile a dépassé le traffic web – 60 % contre 40 % - La France est le 2ème pays qui utilise l’Iphone (en quantité) après les Etats-Unis - L’Androïd est par ailleurs plus utilisé que l’Iphone. On pourrait même dire que certains « sautent » le web et vont directement sur la création (et l’utilisation) des applis. Etre présent sur le mobile vaut de 3 à 10 000 euros. Alors site ou appli ? Une des réponses peut être le Responsive Design (site mobile adapté). Pour mémoire : Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication.
  • 3. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ?  Un site dédié = Concevoir deux ou plusieurs entités différentes selon le dispositif visé : un site principal, un site pour smartphones, un site pour tablettes, etc. Les avantages des sites web dédiés sont : • La possibilité d'affiner précisément la structure du site et ses contenus en regard du périphérique utilisé • La possibilité de cibler et de s'adapter à des fonctionnalités variées (notamment le touch) • Peut être une alternative "rapide", en attendant une refonte complète (et responsive) de son site web Mais un site dédié n'est pas exempt d'inconvénients : • Le contenu dupliqué ("duplicate content") • La maintenance de plusieurs versions de site et de plusieurs adresses web (moins facilement indexables par un moteur de recherche) • La détection côté serveur ("UA sniffing") souvent biaisée ou non à jour  Une application native = Un produit développé spécifiquement dans divers "langages" (iOS, Android, WindowsPhone) et qui se télécharge et se référence au sein d'un "Store" (AppStore, Google Play, Windows store). Cela lui confère certains avantages : • La prise en charge facilitée de fonctionnalités natives (touch, accéléromètre, notifications, GPS, etc.) • Un installation possible sur son périphérique • Une totale "acclimatation" au périphérique (ergonomie, performances, densité de pixels) • La présence de sa marque sur l'AppStore (pour ne citer que lui) et de pouvoir disposer d'un "raccourci" sur le smartphone de l'utilisateur. • … Mais aussi certains inconvénients : • Un développement spécifique dans plusieurs langages (propres à iOS, Android, WindowsPhone, etc.) • Le coût du développement, des licences, et de la maintenance pour chaque système d'exploitation • Un contenu non indexable par un moteur de recherche web classique • La mise à jour de l'application nécessite une action de l'utilisateur  Une version responsive = La "solution de facilité" en vertu de son objectif principal: S'adapter à tout type d'appareil de manière transparente pour l'utilisateur • Des coûts et des délais généralement inférieurs aux techniques citées précédemment • Une maintenance de projet facilitée (une seule feuille de style, un seul fichier HTML, etc.) • Une mise à jour transparente et un déploiment multi-plateformes • Le Responsive peut être envisagé après la conception initiale du site (même si ce n'est pas l'idéal) • Les inconvénients ne sont cependant pas nuls : • De bonnes connaissances techniques, et une veille technologique constante, sont indispensables Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication.
  • 4. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? • Il est nécessaire de prévoir des tests nombreux et variés tout au long du projet ("device labs", simulateurs) • Il est difficile de contourner les limites ergonomiques et de performances des navigateurs web • Faire du responsive, c'est… plus long que de ne rien faire (25% du temps supplémentaire) Au final, le Responsive Web design n'est qu'un moyen parmi d'autres de parvenir à ses objectifs mais ne doit pas être considéré comme la seule éventualité ni comme une "solution magique" à tous les problèmes. Prendre un sitemap pour format L’encodage doit être en WT8 A prévoir d’acheter des mots-clefs, à prévoir un marketing mobile pour renvoyer sur les sites internet. Exemples de best pratice . Google Adsense . Interstitiel . Display . Acheter des bannières CPM . Boite d’affiliation Remarque des participants : Nos supérieurs sont plutôt convaincus mais n’ont pas l’argent pour. Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication.