WPBeginner v5 - Nouvelle conception du site et prochaines étapes

Si vous chargez WPBeginner aujourd'hui, vous avez peut-être remarqué que nous avons un nouveau design de site Web. Étant donné que notre dernière conception date de 2012, beaucoup d'entre vous diraient qu'il est temps que nous donnions un rafraîchissement à WPBeginner. Je voulais partager avec vous quelques informations tirées de notre processus de refonte, de ce que nous avons appris, pourquoi cela a pris si longtemps et, surtout, de la nouveauté du nouveau.

Un peu de fond

J'ai commencé WPBeginner en 2009. Au cours des 3 premières années, WPBeginner a subi 4 remaniements. Cela prend beaucoup de ressources qui auraient pu être mieux utilisées pour notre mission principale:

Aidez les petites entreprises à se développer et à rivaliser avec les grands par le biais de nos outils, de notre équipe et de notre formation.

Après WPBv4, je me suis fait un devoir de nous concentrer sur notre mission principale et les résultats sont étonnants..

Au cours des quatre dernières années:

• Nous avons créé plus d'un millier de didacticiels WordPress gratuits sur le blog WPBeginner..
• Nous avons ajouté plus de 500 nouveaux didacticiels vidéo sur notre chaîne YouTube..
• Nous avons ajouté plus de 100 termes dans notre glossaire WordPress.
• Nous avons lancé OptinMonster - un outil qui convertit les visiteurs abandonnés en sites Web en abonnés. Nos formulaires d'optin sont visualisés plusieurs milliards de fois par mois.
• Nous avons lancé Envira Gallery, la solution de galerie WordPress la plus puissante, pour aider nos utilisateurs à créer facilement des galeries de photos et de vidéos sans ralentir leurs sites Web..
• Nous avons lancé Soliloquy, un plug-in de curseur WordPress réactif et facile à utiliser qui donne la priorité à la performance et à l'expérience utilisateur..
• Nous avons lancé WPForms, le plugin de formulaire WordPress le plus convivial pour les débutants, basé sur vos commentaires et suggestions..
• Plus tôt cette année, nous avons acquis Yoast Analytics et l’a renommé MonsterInsights. Nous sommes en train de réécrire l'intégralité du plugin afin de rendre Google Analytics facile pour les débutants..

Ensemble, nos plugins ont été téléchargés plus de 13 millions de fois et sont activement utilisés sur plus de 2 millions de sites Web..

Bien que toutes ces réalisations constituent de grandes réalisations, nous devons relever de nouveaux défis si nous voulons continuer à nous améliorer et à servir notre mission..

Cela m'amène à WPBeginner v5.

Design with Data

Au cours des dernières années, l'utilisation des appareils mobiles a considérablement augmenté pour la plupart des sites Web. C'est pourquoi nous avons toujours recommandé à chacun de choisir un thème WordPress adaptatif adapté aux mobiles lors du démarrage d'un blog..

C'était un peu ironique car notre propre site Web n'était pas réactif. Nous avons reçu beaucoup de critiques sur les médias sociaux de la part d'autres concepteurs et développeurs WordPress de la communauté..

De temps en temps, des lecteurs nous demandaient pourquoi WPBeginner n’était pas réactif..

Bien que je comprenne l'importance d'une conception réactive, il est encore plus important que vous preniez des décisions fondées sur les données lorsque vous définissez des priorités dans les tâches de votre entreprise..

En 2012, lorsque nous avons lancé le design WPBv4, moins de 2% de notre public était sur mobile.

Aujourd'hui en 2016, ce nombre a augmenté pour atteindre environ 7%.

Ceci est encore très faible comparé à mes autres sites comme List25 où plus de 50% des utilisateurs sont sur mobile.

Mais cela a du sens, car la plupart des gens n’installent pas de plugins sur leurs sites Web WordPress via un appareil mobile. La plupart des gens ne font pas de changements de code sur leur mobile. La plupart des gens n'essayent pas de réparer les erreurs WordPress courantes sur leur mobile.

C’est pourquoi rendre WPBeginner responsive n’était pas notre priorité absolue. Cependant, une fois que l'utilisation du mobile a dépassé les 5%, nous avons commencé à planifier la refonte qui abordait également d'autres problèmes..

Un autre défi auquel nous avons été confrontés était la convivialité sur site. À mesure que nous ajoutions plus de contenu, il devenait de plus en plus difficile pour les utilisateurs de trouver ce qu'ils cherchaient. Par exemple, nous avons eu 8 articles sur l’accélération de WordPress, mais pas de solution complète étape par étape..

Nous avons examiné les principales requêtes de recherche tapées dans le formulaire de recherche WPBeginner pour créer des didacticiels détaillés, étape par étape, qui sont maintenant rapidement mis en évidence dans la conception..

Nous avons également facilité la recherche dans WPBeginner avec une incrustation de recherche plein écran dans l'en-tête et une barre de recherche supplémentaire dans la barre latérale..

À l'avenir, nous aiderons les utilisateurs à trouver plus facilement ce qu'ils recherchent en créant des portails de contenu exploitant de manière créative les balises WordPress..

Quoi de neuf dans WPBv5

La fonctionnalité principale du site est restée la même. Voici quelques changements notables sur le site:

Nouvelle page Commencez ici

Si vous êtes nouveau sur WPBeginner, alors vous apprécierez la nouvelle page Commencer ici.

Conception de site Web réactif

Le site Web WPBeginner est maintenant 100% réactif, il a donc fière allure sur tous les appareils.

Nous avons choisi de nous en tenir au populaire cadre Genesis pour créer notre thème personnalisé pour enfants..

Guides complets

Si vous regardez dans l'encadré de chaque page, vous verrez une nouvelle section intitulée «J'ai besoin d'aide pour…», qui présente des guides complets sur l'accélération de WordPress, l'amélioration de la sécurité de WordPress, l'optimisation du référencement WordPress, etc..

Meilleure visibilité de nos produits

Dans le recensement WPBeginner, l’une des questions que j’ai posée était de nommer un produit que nous possédions. Il était assez surprenant de constater combien de personnes ne connaissaient pas nos produits. Dans le nouveau design, nous allons faire un meilleur travail en mettant en évidence les produits que nous possédons.

Cela commence par une nouvelle page de plugins WordPress premium.

Nous ferons également la rotation des produits dans notre barre latérale ainsi que dans nos annonces de newsletter.

FontAwesome et New Font

Vous remarquerez peut-être l'utilisation de la police d'icônes dans le nouveau concepteur. Il s'appelle FontAwesome et je suis un grand fan du travail de Dave Gandy..

Nous utilisons son travail pour l’ensemble de nos produits et sommes fiers de supporter FontAwesome..

Fait amusant, vous pouvez en fait ajouter le logo WPBeginner en tant que police si vous utilisez FontAwesome ainsi que nos autres propriétés..

Dans le nouveau design, nous utilisons maintenant la police Proxima Nova via Typekit.

Nouveau plugin de partage

Dans le passé, nous utilisions une variante du plugin Floating Social Bar.

Après les changements sur Twitter, Facebook et d'autres, j'ai senti qu'il était temps de créer un nouveau plugin de partage pour WPBeginner..

Il tire précisément le compte Twitter, mais plus important encore, il a maintenant un nombre total d'actions.

J'ai choisi d'arrêter le comportement flottant et les boutons de partage sont maintenant ajoutés au début et à la fin de chaque message. Cela aidera à une meilleure expérience utilisateur sur des écrans plus petits.

Nouveau livre électronique et formulaires Optin

Au bas de chaque article, vous verrez un nouveau formulaire d'inscription pour télécharger ma boîte à outils WordPress. Cet eBook partage les outils exacts que nous utilisons sur nos sites Web.

Il est différent du plan directeur WPBeginner parce que cela ne montre que ce que nous utilisons sur WPBeginner.

L'eBook toolkit est plus complet.

J'ai également remplacé le formulaire d’optin de barre latérale par MonsterLinks, un processus d’optin en 2 étapes. La forme d’option de la barre latérale ne s’est pas convertie à un taux suffisamment élevé pour justifier l’immobilier. Alors maintenant, si vous souhaitez vous abonner par courrier électronique, vous pouvez le faire en cliquant sur l'icône de courrier électronique dans la barre latérale..

Et après

Outre les modifications initiales, nous avons apporté de nombreuses modifications finales qui permettront à l'équipe de WPBeginner de créer plus facilement des guides plus complets au cours des prochains mois..

Le site d’adhésion aux vidéos WPBeginner fera l’objet d’une refonte complète. Actuellement, il utilise encore l'ancien thème.

Nous allons transformer cela en un système LMS qui rassemblera le cours de vidéos pour débutants et nos 500+ vidéos YouTube dans un lieu centralisé..

L’objectif de ce site serait d’offrir davantage de cours pour faciliter l’apprentissage rapide de WordPress aux utilisateurs..

Je tiens à vous remercier tous pour votre soutien et vos commentaires.

Votre sincèrement,
Syed Balkhi
Fondateur de WPBeginner