Vous êtes développeur ou marketeur ? Alors vous avez nécessairement été confrontés à l’épreuve du test de votre page web ou de votre email. Et à chaque fois, vous vous demandez avec angoisse si votre contenu va s’afficher correctement sur toutes les plateformes et les navigateurs du marché ?
Et l’arrivée des modes d’affichages Responsive ou Elastic n’arrangent pas les choses. Comment garantir un affichage optimal sur desktop, tablettes et mobiles ? sur des systèmes aussi différents que Windows, MacOS, Androis ou iOS ? Et sur des navigateurs encore plus nombreux (Chrome, Firefox, Safari, Opéra…).
Et comme vous avez promis à votre client une compatibilité maximale, alors de longues heures de tests sur tout un tas de plateformes improbables vous attendent…
Heureusement il y des solutions pour vérifier en un seul clic le rendu de votre email ou de votre page web sur un maximum de solutions du marché.
Evidemment, impossible d’être exhaustif car il y aura toujours des utilisateurs avec des paramètres personnalisés qui ne sont pas supportés par votre contenu. Mais néanmoins, vous aurez pu démontrer que les configurations les plus courantes sont prises en charge.
1-Tester l’affichage d’une page web
Browsershots
Browsershots est une application en ligne qui génère des captures de votre site à partir de navigateurs de votre choix. Ceci est bien pratique pour vérifier d’un seul coup d’oeil si votre page web s’affiche correctement.
De nombreux navigateurs sont prise en charge ; parmi les plus courant vous retrouverez Chrome, Firefox.
Malgré un réseau de serveurs étendus, le service connait parfois quelques ralentissements.
Très similaire au précédent, CrossBrowserTesting propose une large gamme de plateformes différentes pour les tests de navigateur : Windows, Mac, Ubuntu, Android, iOS, indowsPhone…
On retrouve des navigateurs moins communs comme Microsoft Edge, Chromium, Camino, Opéra mini…
Le service est ayant et va de 29 à 100$/mois suivant l’abonnement choisi
Newsletter
IE Tester IETester une application gratuite à l’interface un peu spartiate mais néanmoins efficace.
Elle comporte les moteurs de rendu d’Internet Explorer 11, IE10, IE9, IE8, IE7, IE , IE5.5 sur Windows 8, Win 7, Vista et XP.
L’application n’est pas disponible sur Windows10.
2- Tester l’affichage d’un email
Litmus Litmus est la solution de référence pour tester des emailings. Son fonctionnement est simple :
1- envoyer votre message de test à Litmus
2- les serveurs de l’application ouvrent le message sur plusieurs logiciels de messageries
3- Litmus réalise des captures d’écrans de chaque plateforme
4- et met les captures à disposition de l’utilisateur dans une vue en mosaïque
Cette application Saas offre par ailleurs de nombreux services comme le test de l’objet du message et un test de délirabilité du message.
Le coût de la solution varie entre 79 et 400$/mois suivant les solutions d’abonnement.
Une offre de découverte permet de le tester pendant 7 jours gratuitement.
EmailOnAcid Concurrent direct de Litmus, EmailOnAcid est une solution au fonctionnement équivalent :
1- envoyer votre email de test
2- les serveurs de l’application ouvrent le message sur plusieurs logiciels de messageries
3- EmailOnAcid réalise des captures d’écrans de chaque plateforme
4- et met les captures à disposition de l’utilisateur dans une vue en mosaïque
L’outil comporte également des tests de franchissement de plusieurs fournisseurs de messageries (Outlook, Gmail, AppleMail, AOL…) et d’anti-spam (Barracuda, Spam Assassin, Symantec,…).
Le coût de la solution varie entre 44 et 260$/mois suivant les solutions d’abonnement.
Une offre de découverte permet de le tester pendant 7 jours gratuitement.
Vous avez des questions ou des remarques ? Alors n’hésitez pas à laisser un commentaire.
Et si ce contenu vous a paru utile, alors pensez à le partager auprès de votre réseau :
Baptisé « Coleman » en l’honneur du célèbre saxophoniste de Jazz, cette nouvelle version de WordPress apporte quelques nouveautés principalement en améliorant l’éditeur de contenus.
WordPress « Coleman » en quelques points
Prévisualisation Responsive
Intégration d’une pré-visualisation des contenus « Responsive » pour vérifier l’apparence de vos pages sur les différentes plates-formes.
Editeur de logos
Pour les thèmes qui le supportent, la possibilité d’éditer le logo du site
Éditeur de contenus amélioré
Des améliorations sur l’insertion de liens sur les contenus.
Création de quelques raccourcis pratiques accélérer l’édition des articles et des pages
Il y avait beaucoup de fonctionnalités disponibles pour les utilisateurs WordPress.com qui n’étaient pas disponibles pour l’installation de WordPress auto-hébergés. Jetpack est un plugin qui se connecte à WordPress.com et permet d’augmenter les capacités de votre site hébergé WordPress avec de fonctionnalités de l’infrastructure cloud de WordPress.com.
Quelles sont les fonctionnalités utiles de JetPack ?
Stats WordPress.com : des statistiques simples et précises sans charge additionnelle sur votre serveur.
Notifications : restez à l’écoute de tous les événements importants sur votre site grâce à des notifications qui apparaitront dans la barre d’outils de votre site, et sur WordPress.com.
Annoncer : connectez votre site à vos comptes sur les réseaux sociaux les plus populaires, afin de partager automatiquement tous vos nouveaux articles avec vos amis.
Commentaires Jetpack : un nouveau système de commentaires intégrant des options de connexion à vos médias sociaux préférés.
Souscriptions : permettez à vos lecteurs de s’abonner à votre blog ou à l’un de vos articles par email.
Publier par Email : publiez des articles depuis votre boîte email !
Carrousel : transformez vos galeries de photos pour les mettre en valeur grâce en plein écran.
Partager : le top du top des outils de partage sur le web. Partagez vos articles sur Facebook, Twitter, et bien d’autres.
Orthographe et Grammaire : évitez les coquilles et corrigez vos fautes de grammaire et de style grâce au service After the Deadline.
VaultPress : Sauvegardes en temps réel et examens de sécurité pour votre site WordPress.
Cartes flottantes Gravatar : montrez plus d’informations sur chacun de vos commentateurs par l’intermédiaire de leurs profils Gravatar.
Formulaire de contact : insérez facilement un formulaire de contact à n’importe quel endroit sur votre site.
Liens courts WP.me : activez les liens courts WP.me pour tous vos articles et pages, afin de faciliter leur partage.
Thème pour Mobile : optimisez automatiquement votre site pour les appareils mobiles.
CSS Personnalisé : modifiez l’apparence de votre site en utilisant du CSS, mais sans modifier votre thème.
Intégration par codes de substitution : intégrez facilement des vidéos et autres contenus provenant de sites tels que YouTube, Vimeo, et SlideShare.
Beautiful Math : utilisez le langage de balisage , la solution parfaite pour afficher vos équations mathématiques et autres geekeries.
Widgets de colonne latérale : ajoutez facilement des images, un compteur de vos derniers tweets, et les liens vers les flux RSS de votre site dans la colonne latérale de votre thème.
Défilement en Continu : chargez un nouveau groupe d’articles automatiquement dès que le lecteur arrive en bas de page.
Photon : Accélérez les temps de chargement de votre site en chargeant toutes vos images depuis le CDN (Content Delivery Network) de WordPress.com.
Notifications Push pour votre Mobile : recevez toutes les notifications de votre blog sur votre appareil Apple.
API JSON : autorisez des applications à accéder à votre contenu via le Cloud.
Distribution améliorée : partagez vos articles publics et vos commentaires avec de multiples services et moteurs de recherche en temps réel.
Certaines de ces fonctionnalités utilisent le cloud de WordPress.com, d’autres sont des caractéristiques populaires prévues pour la commodité de ne pas avoir à installer et à gérer plusieurs installations de plugins séparés.
Ce qui est requis pour installer Jetpack?
Tout site réalisé en WordPress 3.1 ou version ultérieure peut utiliser Jetpack comme n’importe quel autre plugin. Certains fournisseurs d’hébergement auto-installent Jetpack avec WordPress. Sinon n’hésitez pas à faire appel à nos services.
Si vous utilisez WordPress.com, vous n’avez pas besoin Jetpack, ses caractéristiques sont déjà regroupés dans WordPress.com.
Après avoir installé Jetpack, connectez-le à WordPress.com avec un compte WordPress.com. Si vous ne possédez pas déjà un, vous pouvez en créer un très facilement pendant le processus de connexion.
Qui doit installer Jetpack?
Si vous n’est pas un utilisateur averti, contactez votre administrateur informatique ou celui de votre hébergement. Nous pouvons aussi vous aider à installer et configurer Jetpack : nous contacter.
Est-ce gratuit ?
Jetpack lui-même est gratuit. Certaines fonctions individuelles resteront libre, mais d’autres pourraient exiger le paiement d’une redevence (ex. VaultPress).
J’utilise déjà un plugin qui fait maintenant partie de Jetpack (comme WordPress.com Stats). Que dois-je faire maintenant?
Si votre installation de Worpress ou certains de vos plugins sont un peu anciens, il peut être nécessaire d’effectuer une mise à niveau : n’hésitez pas à nous contacter pour vous aider dans ces démarches.
Au programme :
