WPBeginner v5 - Nuevo diseño de sitio y lo que sigue

Si está cargando WPBeginner hoy, es posible que haya notado que tenemos un nuevo diseño de sitio web. Teniendo en cuenta que nuestro último diseño fue de 2012, muchos de ustedes dirían que ya es hora de que le demos a WPBeginner una actualización. Quería compartir con ustedes algunas ideas de nuestro proceso de rediseño, lo que aprendimos, por qué tardamos tanto y, lo que es más importante, qué hay de nuevo en el nuevo diseño..

Un poco de fondo

Comencé con WPBeginner en 2009. En los primeros 3 años, WPBeginner realizó 4 rediseños. Eso requiere una gran cantidad de recursos que podrían haberse invertido mejor en nuestra misión principal:

Ayude a las pequeñas empresas a crecer y competir con los grandes a través de nuestras herramientas, equipo y capacitación.

Después de WPBv4, decidí centrarme en nuestra misión principal y los resultados son asombrosos..

En los últimos cuatro años:

• Creamos más de mil tutoriales gratuitos de WordPress en el blog WPBeginner.
• Añadimos más de 500 videos tutoriales nuevos en nuestro canal de YouTube..
• Agregamos más de 100 términos en nuestro Glosario de WordPress.
• Lanzamos OptinMonster, una herramienta que convierte el abandono de visitantes del sitio web en suscriptores. Nuestras formas optin son vistas varios miles de millones de veces al mes..
• Lanzamos la Galería Envira, la solución de galería WordPress más poderosa, para ayudar a nuestros usuarios a crear fácilmente galerías de fotos y videos sin ralentizar sus sitios web..
• Lanzamos Soliloquy, un plugin de control deslizante de WordPress fácil de usar que hace que el rendimiento y la experiencia del usuario sea la prioridad número uno..
• Lanzamos WPForms, el plugin de WordPress más amigable para los principiantes, basado en sus comentarios y sugerencias..
• A principios de este año, adquirimos Yoast Analytics y le cambiamos la marca a MonsterInsights. Estamos en el proceso de reescribir todo el complemento para que Google Analytics sea fácil para los principiantes..

En conjunto, nuestros complementos se han descargado más de 13 millones de veces y se están utilizando activamente en más de 2 millones de sitios web.

Si bien todos estos son grandes logros, tenemos un nuevo conjunto de desafíos que deben abordarse si queremos continuar mejorando y cumpliendo nuestra misión..

Esto me lleva a WPBeginner v5.

Diseño con datos

En los últimos años, el uso de dispositivos móviles ha aumentado considerablemente en la mayoría de los sitios web. Es por eso que siempre recomendamos a todos que elijan un tema de WordPress adaptable para dispositivos móviles al iniciar un blog..

Esto fue un poco irónico porque nuestro propio sitio web no respondía. Recibimos muchas críticas en las redes sociales de otros diseñadores y desarrolladores de WordPress en la comunidad..

Ocasionalmente recibíamos comentarios de los lectores que preguntaban por qué WPBeginner no respondía.

Si bien entiendo la importancia del diseño receptivo, es aún más importante que tome decisiones basadas en datos cuando se trata de priorizar las tareas en su negocio..

En 2012 cuando lanzamos el diseño WPBv4., menos del 2% de nuestra audiencia estaba en el móvil.

Hoy en 2016, ese número ha aumentado a alrededor del 7%..

Esto sigue siendo muy bajo en comparación con mis otros sitios web como List25, donde más del 50% de los usuarios están en dispositivos móviles.

Pero tiene sentido porque la mayoría de la gente no instala complementos en sus sitios web de WordPress a través de un dispositivo móvil. La mayoría de la gente no hace cambios de código en el móvil. La mayoría de las personas no intentan corregir errores comunes de WordPress en dispositivos móviles.

Es por eso que hacer que WPBeginner sea receptivo no fue nuestra principal prioridad. Sin embargo, una vez que el uso de dispositivos móviles pasó al 5%, comenzamos a planificar el rediseño que también abordaba otros desafíos..

Otro desafío que enfrentamos fue la facilidad de uso en el sitio. A medida que agregamos más contenido, se hizo más difícil para los usuarios encontrar lo que buscaban. Por ejemplo, tuvimos 8 artículos que hablan sobre la aceleración de WordPress, pero no una solución integral paso a paso.

Analizamos las consultas de búsqueda más importantes en el formulario de búsqueda de WPBeginner para crear tutoriales completos paso a paso que ahora se destacan rápidamente en el diseño..

También facilitamos la búsqueda de WPBeginner con una superposición de búsqueda en pantalla completa en el encabezado y una barra de búsqueda adicional en la barra lateral.

En el futuro, facilitaremos que los usuarios encuentren lo que buscan mediante la creación de portales de contenido que aprovechen creativamente las etiquetas de WordPress..

¿Qué hay de nuevo en WPBv5?

La funcionalidad principal del sitio ha permanecido igual. Aquí hay algunos cambios notables en el sitio web:

Nueva página de Start Here

Si es nuevo en WPBeginner, entonces apreciaría la nueva página Comience aquí

Diseño web responsivo

El sitio web de WPBeginner ahora es 100% sensible, por lo que se ve muy bien en todos los dispositivos.

Hemos elegido seguir con el popular marco de Genesis para crear nuestro tema infantil personalizado.

Guías integrales

Si miras en la barra lateral de cada página, verás una nueva sección "Necesito ayuda con ..." que destaca guías completas como la forma de acelerar WordPress, cómo mejorar la seguridad de WordPress, cómo optimizar WordPress SEO y más..

Mejor visibilidad de nuestros productos

En el censo de WPBeginner, una de las preguntas que hice fue nombrar un producto que tenemos. Fue bastante sorprendente la cantidad de personas que no sabían de nuestros productos. En el nuevo diseño, haremos un mejor trabajo al resaltar los productos que poseemos..

Esto comienza con una nueva página de complementos premium de WordPress.

También rotaremos los productos en nuestra barra lateral y en nuestros anuncios de boletines..

Fuente impresionante y nueva

Puede notar el uso de la fuente de icono en el nuevo diseñador. Se llama FontAwesome y soy un gran fanático del trabajo de Dave Gandy..

Utilizamos su trabajo en todos nuestros productos y somos orgullosos partidarios de FontAwesome.

De hecho, puede agregar el logotipo de WPBeginner como fuente si usa FontAwesome así como nuestras otras propiedades..

En el nuevo diseño, ahora estamos usando la fuente Proxima Nova a través de Typekit.

Nuevo complemento para compartir

En el pasado, utilizamos una variante del complemento Barra social flotante.

Después de los cambios de Twitter, Facebook y otros, sentí que era hora de crear un nuevo complemento para compartir para WPBeginner.

Retira con precisión el conteo de Twitter, pero lo más importante es que ahora cuenta con un total de acciones..

Elegí detener el comportamiento flotante y, más bien, los botones de compartir ahora se agregan al principio y al final de cada publicación. Esto ayudará con una mejor experiencia de usuario en tamaños de pantalla más pequeños.

Nuevo eBook y Optin Forms

En la parte inferior de cada publicación, verá un nuevo formulario de suscripción para descargar mi kit de herramientas de WordPress. Este libro electrónico comparte las herramientas exactas que utilizamos en nuestros sitios web..

Es diferente del plano de WPBeginner porque eso solo muestra lo que usamos en WPBeginner.

El kit de herramientas del eBook es más completo..

También reemplacé la forma optin de la barra lateral con MonsterLinks, un proceso optin de 2 pasos. La forma de la barra lateral optin no se convirtió a una tasa lo suficientemente alta como para justificar la propiedad inmobiliaria. Así que ahora, si desea suscribirse por correo electrónico, puede hacerlo haciendo clic en el icono de correo electrónico en la barra lateral..

Que sigue

Además de los cambios en el front-end, hicimos muchos cambios en el back-end que facilitarán al equipo de WPBeginner crear guías más completas en los próximos meses..

El sitio de membresía de videos WPBeginner recibirá una revisión. Actualmente sigue utilizando el tema antiguo..

Convertiremos eso en un sistema LMS que reunirá el curso de videos para principiantes y nuestros más de 500 videos de YouTube en un lugar centralizado.

El objetivo de ese sitio sería ofrecer cursos más organizados para facilitar a los usuarios el aprendizaje rápido de WordPress.

Quiero agradecerles a todos por su apoyo y sus comentarios..

Atentamente,
Syed Balkhi
Fundador de WPBeginner