Cómo modifiqué el diseño de mi blog y (casi) dupliqué las suscripciones

Eddy PfoccoriActualizado por Cisco Pfoccori el 8 de agosto de 2021

contratar a un profesional independienteUna de las cosas hermosas de ejecutar tu blog en una configuración de WordPress autohospedada es que tienes un control total sobre su diseño y funcionalidad. Si puedes pensarlo, probablemente sea posible.

El mes pasado decidí hacer algunos cambios en mi tema de WordPress para ver si podía mejorar la experiencia del lector al mismo tiempo que mejoraba (¡o al menos no perjudicaba!) Las tasas de registro.

La publicación de hoy repasa esos ajustes y describe algunas lecciones que pensé que podrían resultarle interesantes para el diseño y funcionamiento de su propio blog.

¿Echamos un vistazo?

¡Cambiar el diseño de tu blog puede dar miedo!

Quería comenzar esta publicación con una pequeña confesión: tenía mucho miedo de hacer estos cambios en el tema Blog Tyrant.

Cuando algo está funcionando, a menudo es tentador sentarse y dejar que haga su trabajo.

Antes de ajustar el diseño, obtuvimos un ingreso decente de afiliados en el blog, buenos registros de correo electrónico y obtuvimos un tráfico muy bueno de Google cada mes.

Desafortunadamente, a veces, cuando realiza cambios en un blog, puede afectar sin saberlo a todas esas cosas.

Al final, sin embargo, decidí que era importante para mí seguir probando. A menos que pruebe sus ideas, nunca sabrá si funcionarán o no. Y dado que gran parte de este blog trata sobre experimentos en línea, decidí intentarlo.

Entonces, hicimos una copia de seguridad del blog antes de todos los cambios y decidimos que lo haríamos de nuevo si las cosas salían mal.

Por cierto, puede realizar cambios como este fácilmente con un complemento de creación de páginas de WordPress .

Una explicación de lo que ha cambiado

Muy bien, echemos un vistazo a algunos de los cambios que hicimos y luego entraré en detalles sobre los resultados que hemos estado viendo.

1. Rediseño de la portada del libro electrónico gratuito

El primer paso fue modernizar la portada del eBook gratuito que obsequio a todos los que tienen la amabilidad de suscribirse a mi lista de correo.

libro electronico

El anterior parecía un poco engañoso y quería incorporar el nuevo personaje de Blog Tyrant que he estado usando en el sitio últimamente como un ejercicio de desarrollo de marca. Ha recibido buenos comentarios y me he preguntado si la caricatura es más accesible. Encontré un buen diseñador en Fiverr y partimos de ahí.

2. Pie de página actualizado en todo el sitio

El segundo cambio importante que hice fue diseñar un pie de página para todo el sitio que tiene el único propósito de llevar a las personas a esta simple página de inicio de la lista de correo.

pie de página

Mantuve el texto simple y utilicé un gran botón rojo con la esperanza de hacerlo llamativo. También agregué una fila de logotipos en la parte inferior del sitio como prueba social, una técnica para ayudar a reducir el miedo en la mente de las personas que están pensando en registrarse.

3. Se actualizó la barra de herramientas del encabezado.

Este fue un cambio importante en el diseño del blog, especialmente para los usuarios de dispositivos móviles, pero se hizo con el objetivo de impulsar más contenido por encima del pliegue para mejorar la experiencia del usuario. También eliminé la antigua promoción de estilo HelloBar que estaba ejecutando a favor de un nuevo botón del lado derecho.

vista móvil

No pude hacer coincidir exactamente las capturas de pantalla móviles antiguas y nuevas, ya que había una actualización de iOS en el medio. Pero, como puede ver, el antiguo diseño receptivo empujaba tanto contenido por debajo del pliegue en nombre de tener un logotipo más grande y el menú instantáneamente presente. El logotipo ni siquiera se muestra, lo he pasado.

El nuevo diseño encoge el logotipo y coloca el menú perfectamente detrás de un menú desplegable estándar que ahora es prácticamente identificable por la mayoría de los usuarios de dispositivos móviles. También he “ocultado” la promoción de HelloBar para usuarios de dispositivos móviles para que no los siga y ocupe espacio en la pantalla.

4. Eliminó la barra lateral en favor de un diseño de poste de una sola columna.

Este fue el cambio que más me preocupó. No incluiré una comparación de captura de pantalla porque podrá ver el cambio directamente mientras lee esta publicación.

Lo que noté es que la barra lateral realmente no estaba haciendo mucho por las conversiones. El formulario de suscripción de la barra lateral funcionó bastante mal, y los enlaces de la barra lateral no eran una forma popular de navegar por el blog. Me gusta mucho la forma en que Medium y algunos otros se centran únicamente en el contenido y decidieron hacer lo mismo.

Dicho esto, tenía dos preocupaciones principales. En primer lugar, tenía mi foto en la barra lateral anteriormente y me preguntaba si eliminarla eliminaría algún elemento de confianza / contacto humano que proporcionaba. En segundo lugar, eliminar todos los enlaces de la barra lateral tendría un impacto negativo en mis resultados de SEO, ya que representaría una pérdida de enlaces. Hablaré más de eso a continuación.

5. Se actualizó la página “Lo mejor de” para que sea más interactiva.

Anteriormente, la página “Lo mejor de” se llamaba “Publicaciones populares” y era solo una lista de enlaces. Ahora es un diseño receptivo de estilo mosaico que tiene una selección de artículos que quiero mostrar.

lo mejor de la página

Siempre he intentado utilizar el diseño de mi tema para canalizar a las personas a las áreas del sitio que quiero que vean y decidí seguir adelante con ese objetivo en esta página. La página ahora representa más visualmente a la marca, y cada artículo es uno que quiero que la gente encuentre sin dejarlo demasiado al azar.

¿Qué efecto han tenido estos cambios?

Echemos un vistazo a cómo estos cambios de diseño tienen impacto en varios aspectos del blog.

Aumento de las conversiones de la página de destino.

En primer lugar, la tasa de conversión para la página de destino de la lista de correo aumentó significativamente simplemente actualizando la portada del libro electrónico y levantando más contenido por encima de la mitad:

tasa de registro

Como puede ver, casi el 50% de las personas que visitan la página se registran en la lista de correo. Aunque este número por sí solo no da una idea de las conversiones en todo el sitio, estoy bastante satisfecho con ese número para una página de destino individual.

Aumento de las suscripciones a la página de inicio

Del mismo modo, el formulario de aceptación de la página de inicio ha aumentado del 2,6% al 4,2% sin realizar ningún cambio más que empujarlo por encima del pliegue en aproximadamente 500 px al eliminar el encabezado anterior y cambiarlo por el nuevo.

optin en casa

Sé que otras personas obtienen conversiones mucho mayores con sus páginas de inicio, pero estoy bastante contento con este aumento, y las suscripciones parecen ser de alta calidad (no solo se registran y luego cancelan la suscripción).

Posible aumento menor en el tráfico de Google

En términos de clasificación de Google, es un poco pronto para saber si ha tenido un efecto positivo. Como se mencionó la semana pasada , se están produciendo muchos cambios estacionales con el tráfico de Google, y también ha habido una pequeña actualización de algoritmo en juego.

Google

Eché un vistazo a muchas áreas diferentes en mis Herramientas para webmasters de Google y la mayoría son consistentes o ligeramente mejores. Como puede ver arriba, el cambio es mínimo, pero lo vigilaré de cerca para ver si las cosas cambian.

Aumento de las ganancias en todo el sitio.

En términos de ganancias, no me siento cómodo compartiendo los números y las estadísticas de forma individual, pero parece que hemos aumentado alrededor del 1,5% con respecto al mismo período de tiempo antes de que se hicieran los cambios. Esto es bastante positivo debido a los cambios estacionales que mencioné antes.

Algunas lecciones de modificar el diseño del blog

Pensé que terminaría esta publicación mencionando algunos puntos que podrían ser importantes para recordar si planeas modificar el diseño de tu blog:

  • Aloja tu propio sitio web

    Sé que digo mucho esto, pero realmente estás muy limitado por lo que puedes lograr si estás trabajando en un blog gratuito. Al alojar su propio sitio, puede agregar o crear sus propios complementos y scripts, editar su tema o incluso crear el suyo propio. BlueHost tiene un especial de $ 2.95 para los lectores de Blog Tyrant si desea comenzar. Aprenda a configurar WordPress en nuestra guía de cómo instalar WordPress .
  • Haga felices a sus lectores

    Lo principal a lo que quería volver con este diseño era centrarme en la experiencia del usuario. Quería eliminar el desorden para que el sitio sea más fácil de leer y hacer que el flujo del sitio sea más simple. Parece que está teniendo un efecto en las conversiones incluso en esta etapa inicial, por lo que espero seguir descubriendo formas de simplificar la experiencia para aquellos que están leyendo (de eso se trata el sitio).
  • Hacer de los dispositivos móviles una prioridad

    Tenemos que empezar a pensar en la experiencia móvil más allá de que sea algo secundario al escritorio. Google ahora está ponderando las búsquedas de manera diferente para los sitios que funcionan bien en dispositivos móviles y, a medida que más personas se sientan cómodas comprando en línea, veremos un aumento dramático en la importancia de un buen diseño receptivo.
  • La sabiduría convencional no siempre se aplica

    Es vital recordar que las verdades de marketing que escuchas sobre el diseño de blogs y las conversiones no se aplican en todos los ámbitos. Es bueno medir sus estadísticas porque puede cambiar algo basado en la sabiduría convencional solo para descubrir que tiene un efecto pobre en su nicho.
  • Trabaje con alguien bueno

    No intente hacer todos estos cambios usted mismo. Lleva demasiado tiempo y, a menudo, terminas cometiendo errores que te hacen retroceder horas. Encuentre un buen diseñador y / o desarrollador en quien confíe y con el que pueda trabajar a largo plazo. Encontrarás una recomendación en mi pie de página.
  • Copiar cosas

    Está bien copiar ideas de otros blogs que funcionan bien. Eche un vistazo a los otros blogs en su nicho y vea lo que están haciendo y si hay alguna forma de mejorar lo que están haciendo. Cuando haga esto, por supuesto, tenga en cuenta el punto sobre la sabiduría convencional y las pruebas.

¿Qué cambios ha realizado en el diseño de su blog?

¿Alguna vez ha realizado algún cambio significativo en el diseño de su blog que haya provocado un aumento (o una disminución) de las suscripciones? Me interesaría mucho saber qué cambió específicamente y qué otras áreas de sus estadísticas o sitio web afectó.

Deje un comentario a continuación y hágamelo saber.

Deja un comentario