One of the beautiful things about running your blog on a self-hosted WordPress setup is that you have complete control over its design and functionality. If you can think it, it’s probably possible.
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 esas modificaciones y describe algunas lecciones que pensé que podrían interesarte para el diseño y funcionamiento de tu propio blog.
¿Vemos?
¡Cambiar el diseño de tu blog puede dar miedo!
Quería empezar esta publicación con una pequeña confesión: Tenía mucho miedo de hacer estos cambios en el tema de Blog Tyrant.
Cuando algo funciona, a menudo es tentador sentarse y dejar que haga lo suyo.
Antes de retocar el diseño, estábamos obteniendo unos ingresos decentes como afiliados en el blog, buenas suscripciones por correo electrónico, y estábamos recibiendo un tráfico muy bueno de Google cada mes.
Desafortunadamente, a veces, al hacer cambios en un blog, puedes afectar involuntariamente todas esas cosas.
Al final, sin embargo, decidí que era importante para mí seguir probando. A menos que pruebes tus ideas, nunca sabrás si funcionarán o no. Y dado que gran parte de este blog trata sobre experimentos en línea, decidí intentarlo.
Así que hicimos una copia de seguridad del blog antes de todos los cambios y decidimos que simplemente lo volveríamos a subir si las cosas salían mal.
Por cierto, puedes hacer cambios como estos tú mismo fácilmente con un plugin de constructor de páginas de WordPress.
Una explicación de lo que ha cambiado
Bien, veamos algunos de los cambios que hicimos y luego entraré en algunos detalles sobre los resultados que hemos estado viendo.
1. Rediseño de la portada del eBook gratuito
El primer paso fue modernizar la portada del eBook gratuito que regalo a todos los que son lo suficientemente amables como para suscribirse a mi lista de correo.
El antiguo parecía un poco un truco y quería incorporar el nuevo y pequeño personaje de Blog Tyrant que he estado usando últimamente en el sitio como un ejercicio de desarrollo de marca. Ha tenido buenos comentarios y me he preguntado si el dibujo animado es más accesible. Encontré un buen diseñador en Fiverr y a partir de ahí seguimos.
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 dirigir a las personas a esta simple página de destino de la lista de correo.
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. Barra de herramientas de encabezado actualizada
Este fue un cambio importante en el diseño del blog, especialmente para los usuarios de móviles, pero se hizo con el objetivo de llevar más contenido por encima del pliegue para mejorar la experiencia del usuario. También deseché la antigua promoción estilo HelloBar que estaba ejecutando en favor de un nuevo botón en el lado derecho.
No pude comparar exactamente las capturas de pantalla móviles antiguas y nuevas, ya que hubo una actualización de iOS en el medio. Pero, como puedes ver, el antiguo diseño adaptable estaba empujando tanto contenido por debajo del pliegue en nombre de tener un logo más grande y el menú al instante presente. El logo ni siquiera se muestra, ya he pasado por encima.
El nuevo diseño reduce el logo y coloca el menú ordenadamente detrás de un menú desplegable estándar que ahora es prácticamente identificable por la mayoría de los usuarios de móviles. También he "ocultado" la promoción de HelloBar para los usuarios de móviles para que no los siga y ocupe espacio en la pantalla.
4. Deseché la barra lateral en favor de un diseño de publicación de una sola columna
Este fue el cambio que más me preocupó. No incluiré una comparación de capturas de pantalla porque podrás ver el cambio directamente mientras lees esta publicación.
Lo que noté es que la barra lateral realmente no hacía 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. Realmente me gusta la forma en que Medium y otros mantienen el enfoque únicamente en el contenido y decidí hacer lo mismo.
Dicho esto, tenía dos preocupaciones principales. Primero, antes tenía mi foto en la barra lateral y me preguntaba si quitarla eliminaría algún elemento de confianza/contacto humano que proporcionaba. Segundo, ¿quitar 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 sobre eso a continuación.
5. Se actualizó la página "Lo Mejor" para que fuera más interactiva
Anteriormente, la página "Lo Mejor" se llamaba "Publicaciones Populares" y era solo una lista de enlaces. Ahora es un diseño responsivo estilo mosaico que tiene una selección de artículos que quiero mostrar.
Siempre he intentado usar el diseño de mi tema para dirigir a las personas a áreas del sitio que quiero que vean y decidí seguir con ese objetivo en esta página. La página ahora representa visualmente más 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 impactan en varias cosas del blog.
Aumento en 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 eBook y colocando más contenido por encima del pliegue:
Como puedes 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 contento con ese número para una página de destino individual.
Aumento en las suscripciones de la página de inicio
De manera similar, el formulario de suscripción de la página de inicio ha aumentado de un 2.6% a un 4.2% sin hacer ningún cambio más que subirlo por encima del pliegue unos 500px al eliminar el encabezado antiguo y reemplazarlo por el nuevo.
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 se dan de baja).
Posible aumento menor en el tráfico de Google
En cuanto a las clasificaciones de Google, es un poco pronto para decir si ha tenido un efecto positivo. Como se mencionó la semana pasada, hay muchos cambios estacionales ocurriendo con el tráfico de Google, y también ha habido una actualización del algoritmo que supuestamente está en juego.
Revisé muchas áreas diferentes en mis Herramientas para Webmasters de Google y la mayoría son consistentes o ligeramente mejores. Como puedes ver arriba, el cambio es mínimo, pero lo mantendré bajo estrecha vigilancia para ver si las cosas cambian.
Aumento en las ganancias de todo el sitio
En cuanto a las ganancias, no me siento cómodo compartiendo los números y estadísticas individualmente, pero parece que hemos aumentado alrededor de un 1.5% con respecto al mismo período de tiempo antes de que se realizaran los cambios. Esto es bastante positivo debido a los cambios estacionales que mencioné anteriormente.
Algunas lecciones al modificar el diseño del blog
Pensé en terminar esta publicación mencionando algunos puntos que podrían ser importantes de recordar si planeas modificar el diseño de tu blog:
- Aloja tu propio sitio web
Sé que lo digo mucho, pero realmente estás muy limitado en lo que puedes lograr si trabajas en un blog gratuito. Al alojar tu propio sitio, puedes agregar o crear tus propios complementos y scripts, editar tu tema o incluso crear el tuyo propio. BlueHost tiene una oferta especial de $2.95 para los lectores de Blog Tyrant si quieres empezar. Aprende cómo configurar WordPress en nuestra guía de cómo instalar WordPress. - Haz felices a tus 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 temprana, así que espero seguir descubriendo formas de simplificar la experiencia para quienes están leyendo (que es de lo que trata el sitio). - Haz del móvil una prioridad
Tenemos que empezar a pensar en la experiencia móvil más allá de que sea solo algo secundario al escritorio. Google ahora está ponderando las búsquedas de manera diferente para los sitios que funcionan bien en móviles, y a medida que más personas se sientan cómodas comprando en línea, veremos un aumento drástico en la importancia de un buen diseño adaptable. - La sabiduría convencional no siempre aplica
Es vital recordar que las verdades de marketing que escuchas sobre el diseño de blogs y las conversiones no se aplican en general. Es bueno medir tus estadísticas porque podrías cambiar algo basándote en la sabiduría convencional solo para descubrir que tiene un efecto pobre en tu nicho. - Trabaja con alguien bueno
No intentes hacer todos estos cambios tú mismo. Lleva demasiado tiempo y a menudo terminas cometiendo errores que te retrasan horas. Encuentra un buen diseñador y/o desarrollador en quien confíes y con quien puedas trabajar a largo plazo. Encontrarás una recomendación en mi pie de página. - Copia cosas
Está bien copiar ideas de otros blogs que están funcionando bien. Echa un vistazo a otros blogs en tu nicho y mira lo que están haciendo y si hay alguna manera en que puedas mejorar lo que están haciendo. Cuando hagas esto, por supuesto, ten en cuenta el punto sobre la sabiduría convencional y las pruebas.
¿Qué cambios has hecho en el diseño de tu blog?
¿Alguna vez has hecho cambios significativos en el diseño de tu blog que hayan llevado a un aumento (o disminución) en las suscripciones? Me interesaría mucho saber qué cambiaste específicamente y qué otras áreas de tus estadísticas o sitio web afectó.
Por favor, deja un comentario abajo y házmelo saber.
Ahora estoy inspirado 🙂
¡Gracias!
¡Me alegra que te haya gustado, Jack!
Ideas realmente interesantes. Me petrificaría desechar mi barra lateral, pero lo consideraré. También la idea del pie de página es muy tentadora. Gracias, como siempre, por tus excelentes aportaciones. ¡Y me encanta el nuevo diseño!
Sí, todavía no estoy seguro de la barra lateral. Gracias.
He estado jugando con la idea de no tener barra lateral y centrarme en la simplicidad del contenido de mi blog, pero tengo miedo de hacer el cambio también. Ya liberé mi barra lateral, ¡pero ahora solo tengo que dar ese salto extra!
Me encanta que sigas experimentando incluso cuando ya estás bien establecido... eso requiere más agallas porque tienes algo que perder. ¡Pero parece que salió para mejor!
Hola Yolanda.
Gracias por el comentario. ¿Tuviste alguna razón personal para deshacerte de tu barra lateral?
Me gusta que el enfoque esté en el contenido, y siento que la barra lateral realmente solo está ahí para distraer a los lectores. Todavía no estoy convencido, mi barra lateral todavía existe por ahora.
¡Ahora quiero traer la mía de vuelta! Ja.
Creo que está bien si no es fija y solo tiene un par de cosas arriba, como recuerdo que era la tuya. Dicho esto, actualmente tengo un anuncio fijo en mi barra lateral, ¡así que soy un poco hipócrita!
Sigue experimentando 🙂
Me gusta el nuevo encabezado; mucho más limpio. Lo estoy viendo desde mi teléfono y ha mejorado mucho.
Gracias Stephen. Realmente aprecio tus comentarios.
Hola Ramsay,
Gran contenido.
Los últimos 4-5 días, yo también cambié el tema de mi blog de Hemingway a MH Magazine. Me gustaría saber cómo cambiar mi tema existente? ¿Necesita conocimientos de HTML...?
Saludos
Sí, generalmente necesitas saber un poco de codificación para cambiar realmente los aspectos principales de WordPress. Algunos temas tienen funcionalidad de arrastrar y soltar, pero no estoy seguro sobre el tuyo específicamente.
Gracias por tu rápida respuesta...
¡¡¡Genial!!!
Yo también estoy en camino de empezar mi propio blog. Ya lo he diseñado. Pero creo que su versión móvil debería ser mejor.
Así que necesito cambiar el diseño.
¿Qué tema debería usar?
¿Y qué herramienta de respaldo me recomiendas?
Gracias de nuevo.
Hola Subhabrata.
Elegir un tema es bastante complicado; realmente depende de lo que quieras obtener de tu blog. El tema predeterminado es bastante bueno, pero también podrías considerar algo como StudioPress, ya que tienen excelentes opciones.
En cuanto a las copias de seguridad, mi administrador de servidor creó un script para hacer copias de seguridad semanales y almacenarlas por separado, así que lo hago directamente desde el servidor. Sin embargo, hay muchos complementos que pueden ayudar.
¡Buena suerte!
Gracias por tu rápida respuesta.
Estoy orgulloso de ser un lector habitual de tu blog.
Simplemente me encanta.
Muchas gracias.
Si te deshaces por completo de la barra lateral, ¿cómo promocionas tu sorteo de lista de correo electrónico?
Me encanta escribir publicaciones sabiendo que son de ancho completo y esto es lo único que me detiene.
Hola Simon.
Mis principales promociones de lista de correo electrónico son una ventana emergente de salida, un cuadro en el pie de página y la opción de "actualizaciones" en la barra de herramientas.
Tus respuestas son siempre increíblemente rápidas. ¡Muy impresionante!
Tu sitio y contenido son brillantes. Acabo de convertirme en un suscriptor leal : )
¡Realmente lo aprecio!
El sitio se ve genial y me gusta cómo resalta el logo en el menú negro. También he estado pensando en quitar la barra lateral, ¡¿por qué da tanto miedo?! ~90% de los visitantes del blog están ahora en móvil y, por lo tanto, probablemente ni siquiera ven la barra lateral, así que funcionalmente HA DESAPARECIDO en términos de la experiencia de la mayoría de los usuarios. Es bueno ver que no te penalizó Google por el cambio. Quizás esto me impulse unos pasos más en esa dirección 😛
Probablemente sea demasiado pronto para saber lo de Google, pero creo que estará bien. ¿De verdad tienes un 90% de lectores en móvil? Eso es enorme.
Hola Ramsay,
Para mí, es un éxito. Admiro el esfuerzo que has puesto aquí.
Conectar con los usuarios de tu blog tiene muchos factores que deben entrar en juego. Y un movimiento ideal es empezar con una buena primera impresión. Un diseño pobre, por supuesto, terminará por alejar a la gente o ralentizar tus tasas.
El primero, debo decir que fue un diseño pulcro, pero este nuevo movimiento lo hace más claro.
He aprendido algunas cosas aquí para aplicarlas. Gracias.
Francis
Gracias, Francis. Aprecio tus comentarios.
Ramsay, gran artículo y de hecho explica los comentarios y la experiencia real por la que pasaste, enormemente útil para los bloggers nuevos e intermedios.
El tema que me toca de cerca es la barra lateral vs. sin barra lateral.
Empecé sin barra lateral, luego la volví a poner. Después de una cuidadosa consideración y al igual que tú, que me gustaba el estilo mediano, he quitado la barra lateral de nuevo. Creo que ahora me quedaré con la opción sin barra lateral. Me alegra saber que no estoy solo :)).
Disfruto leyendo tus artículos, este también lo compartiré con mi pequeña comunidad.
Saludos
Hazme saber qué resultados obtienes sin la barra lateral. Me interesaría saberlo.
Estoy en proceso de rediseño de un sitio y también estoy preocupado. Necesito recordar que con una copia de seguridad del sitio tal como está, siempre puedo regresar, así que necesito armarme de valor y aprobar los cambios. (Y como nunca llueve, diluvia, también estamos en medio de una mudanza para reducir el espacio de vida). Estás años luz delante de mí en todo lo relacionado con blogs/web (soy un perro viejo aprendiendo trucos nuevos), pero estoy comprometido a intentar mejorar. Una pregunta: Si bien las nuevas páginas gratuitas de la barra lateral funcionan bien para leer en dispositivos móviles de mano, me resulta difícil escanear/leer rápidamente de la manera a la que estoy acostumbrado cuando el texto se extiende por todo el ancho de la página en una computadora portátil/de escritorio. Sé que podría reducir el ancho de la página en la pantalla, pero entonces la impresión es demasiado pequeña sin un ajuste adicional. Creo que mi compromiso será hacer contenido de ancho de página en las páginas de destino que tendrán enlaces de mosaico como los tuyos, pero las páginas individuales de las entradas del blog tendrán barras laterales. ¿Crees que es un enfoque ridículo?
PD: ¿Qué complemento usas para tu menú desplegable "Envíame un correo electrónico SÓLO si alguien responde a MI comentario"? ¡Me encanta!
Hola Suzanne.
Tu instinto sobre el ancho del área de contenido es correcto: los estudios han demostrado que las personas no leen bien cuando supera cierto ancho, aunque no recuerdo las dimensiones exactas. Por eso mantuve el ancho de mi contenido igual que si hubiera una barra lateral. Echa un vistazo a todos los blogs de una sola columna (como Medium) y hacen lo mismo. Sin embargo, es fácil codificarlo de esta manera.
El plugin se llama: Send email only on Reply to My Comment
He estado investigando diferentes programas para una opción de suscripción en el pie de página y también para una barra de saludo. Simplemente no estoy segura si invertir las tarifas mensuales para esto es lo correcto. Deshacerse de la barra lateral puede ser la solución. Estoy de acuerdo con todos en que hacer cambios da miedo. Gracias Ramsay por mantenerme siempre alerta y por todas tus excelentes ideas.
Hola Beth. La gente reporta muy buenos resultados con programas como Sumo Me para ese propósito.
Me pregunto sobre tu cosa de sin barra lateral, ¿es mejor para móvil? (Ahora que lo pienso... ¿qué le pasa a mi barra lateral cuando veo mi sitio en mi dispositivo móvil... mmm.)
¡Me gusta mucho tu nuevo diseño!
¿Cómo averiguaste en quién confiarías para hacer el rediseño? Una vez tuve una experiencia absolutamente horrible con alguien que me recomendaron y a quien conocí en una conferencia de blogs. Lo peor es que hay gente que puede diseñar (hacer que las cosas se vean bonitas) y gente que puede codificar (hacer que funcione), y ella no podía hacer ninguna de las dos. Y gasté un par de miles por el privilegio de que mi sitio se arruinara y luego un par de miles más para arreglarlo.
Todo esto para decir que tengo miedo. Pero sé que necesito hacer un rediseño pronto.
Hola Tracy.
Yo misma hice el diseño y lo mandé a codificar con mi programador habitual de la empresa que aparece en mi pie de página. Los recomiendo ampliamente; en más de 10 años de negocios en línea, no he encontrado un mejor grupo de WordPress en ese rango de precios.
¡Buena suerte!
Es súper impresionante que hayas diseñado el sitio tú misma. Gracias por la recomendación. Los revisaré.
[ Sonríe ] Me encanta tu nuevo diseño.
Quitar tu barra lateral le dio a tu blog un aspecto muy limpio.
Dejé mi barra lateral hace aproximadamente un mes y medio; como resultado, carga más rápido.
Ah, buen punto, ¡ni siquiera había pensado en los tiempos de carga!
Mi lead magnet solía ser DOS ebooks. Siempre pensé que dos ebooks detallados serían lo mejor. Luego lo cambié, para una prueba, a una lista de verificación. La lista de verificación ha funcionado, a la larga, para atraer muchos más suscriptores diarios.
¿Por qué crees que es? ¿Mensaje más simple?
Exacto. Creo que cada vez que enseñas a personas que son nuevas en un campo, quieren algo que puedan reutilizar. Muy parecido a un "20 cosas que hacer antes de publicar tu próxima entrada de blog". Una vez que lo usan una y otra vez, solo entonces se vuelve algo natural.
Gracias por compartir tus resultados. Soy una especie de adicto a los temas de blog y he cambiado mi apariencia demasiado. Me gusta mucho el aspecto de una sola columna, pero volví a dos columnas pensando que necesitaba esas 'cosas' en mi barra lateral. No tengo suficiente tráfico en el blog para comparar estadísticas antes y después y descifrar qué funciona mejor, así que me alegra que hayas compartido las tuyas.
Me alegra que lo hayas disfrutado, Pat.
Hola Ramsay,
He tenido curiosidad sobre los cambios desde que empezaste a ajustar todos los pequeños elementos.
Tu foto en el sofá, la portada del ebook, la sección al final de las publicaciones (me gustaba la anterior que decía "Pongo mucho esfuerzo en mis publicaciones..."), y las otras.
Cada vez mi reacción inmediata era "¡Oh, Ramsay cambió xyz esta vez. Se ve genial!".
De todos los blogueros que conozco, eres el más atento a los detalles; una especie de perfeccionista agudo.
¡Me encantaría profundizar en los detalles tal como tú lo haces!
Hemos estado experimentando con algunos detalles visuales en nuestra página de "próximamente" recientemente antes de empezar.
🙂
Hola amigo. Gracias por tus comentarios. Me alegra verte por aquí.
Me complace recibir tales comentarios sobre el nuevo diseño de tu blog.
Como sabes, disfruto mucho leyendo tus artículos porque siempre aprendo algo valioso.
Sin embargo, me sorprende la cantidad de trabajo que haces con tu blog. Hoy, estaba intentando concluir mi último artículo de unas 4500 palabras, y no pude terminarlo. ¡Escribir buenos artículos es realmente un trabajo de tiempo completo!
Espero poder delegar algo de trabajo más adelante, pero mis ingresos son demasiado pequeños por ahora. Casi microscópicos… Así que tu ejemplo es muy importante para mí, y ciertamente para la mayoría de tus lectores.
¡Sigue con tu buen trabajo para nuestro bien! ¡Gracias Ramsay!
Sí, los buenos artículos llevan mucho tiempo. ¡Aunque generalmente vale la pena!
Hola Ramsay,
¿Tu sitio móvil es independiente de tu sitio de escritorio?
¿O es solo un sitio adaptable y realizaste algunos cambios adicionales en la barra de menú, etc. para móvil?
Le pedí a un desarrollador que ajustara cómo aparece mi sitio en dispositivos móviles (es un tema adaptable), pero dijo que solo podía crear un sitio móvil independiente como un subdominio, en lugar de ajustar un sitio adaptable.
Me pregunto qué sabías sobre algo de eso.
Gracias
Joe
Hola Joe. Eso me suena a un consejo incorrecto del desarrollador, pero tu tema puede ser diferente. Generalmente puedes usar configuraciones de CSS para que las cosas en móviles aparezcan de manera diferente. Por ejemplo, podrías tener una línea de código que cambie un botón específico o lo elimine por completo cuando el tamaño de la pantalla sea menor o igual a 500 píxeles.
Hola Ramsay, te encontré cuando cambié a autoalojado, y ahora que estoy considerando cambios de formato, apareciste justo a tiempo.
Si otros no ven cómo estás sintonizado con el blogging, lo harán. Eres como una adivina a la inversa. Nosotros lo pensamos, tú lo haces, nosotros obtenemos el coraje para continuar. No es un mal trato.
Gracias, David
Eso significa mucho, David. Gracias. Siéntete libre de enviarme un correo electrónico sobre cualquier cosa específica que te gustaría que cubriera en el blog. Siempre estoy abierto a ello.
Esto es realmente interesante Ramsay
Quité mi barra lateral por un mes y las suscripciones bajaron un 20%. Esperaba que mis "content upgrades" de alta conversión compensaran la pérdida porque no había distracciones en la barra lateral, pero eso no sucedió, así que volví a poner la barra lateral.
Sin embargo, al mirarlo más de cerca, creo que A. Mi contenido no era lo suficientemente atractivo (¡eso duele!), y B. Los "content upgrades" no eran lo suficientemente específicos/relevantes.
Entonces…
Ahora estoy trabajando en mejorar ambos problemas antes de hacer un segundo experimento de 'sin barra lateral', y veré a dónde me lleva eso. Creo que el enfoque de contenido adicional de eliminar la barra lateral tiene más sentido para aumentar las inscripciones, ¡pero también expone tu contenido a un mayor escrutinio (si eso tiene sentido!).
¡Saludos!
Loz
¿Qué otras opciones de suscripción tenías disponibles para la gente cuando no estaba la barra lateral?
Tenía una ventana emergente de salida y también probé un menú desplegable estilo barra de saludo en la parte superior. El mayor éxito que he tenido ha sido con llamadas a la acción gráficas de clic que llevan a una página de destino 🙂
Sitio muy impresionante. Me gustaba tu barra lateral. Bueno, eso es otro asunto. Tu sitio es más fácil de leer y navegar. Sé que mi sitio necesita algunos cambios, pero a veces simplemente no sé por dónde empezar. ¡Llegaré allí algún día pronto! De nuevo, gracias por compartir. Como siempre, aprecio tu conocimiento.
Gracias por comentar.
¡Es divertido ver y oír sobre tus cambios Ramsay! Recientemente comencé a hacer que algunas de mis publicaciones de blog tuvieran el ancho completo (sin barra lateral como esta). Mi sitio (thefoxandshe.com) tiene muchas imágenes, así que pensé que eso permitiría ver mejor las fotos. Una cosa que siempre me pregunto/con la que lucho es cómo lidiar con el texto... ¿Es mejor tenerlo dividido entre imágenes o todo al final debajo de las imágenes? Y, ¿la columna de ancho completo hace que sea más difícil para los lectores leer? ¡Nunca lo sé! ¡Me encantaría cualquier idea que tengas! ¡Gracias de nuevo por compartir! ¡Me encanta el nuevo pie de página!
Hola Blair.
El diseño de una sola columna en tu sitio me parece encantador. Y creo que dividir las imágenes con texto es una muy buena idea. Lo único que tal vez consideraría cambiar es el grosor de la fuente; es un poco audaz para mí y creo que cambiar a algo más limpio podría agregar un poco a la marca. Mira algo como Source Sans Pro Light en Google Fonts: https://www.google.com/fonts
¡Gracias Ramsay! Investigaré la fuente, mientras tanto, he aligerado el grosor, lo que hace que los enlaces resalten. ¡Agradezco la sugerencia!
Blair
Hola, Ramsay,
Es increíble lo que unos pequeños cambios pueden hacer por un sitio, ¿verdad? Me encantan los cambios que has hecho, pero especialmente me encanta cómo has rastreado todo y documentado los efectos específicos. Recientemente cambié un poco mi sitio para que a los lectores les sea más fácil encontrar cómo pueden trabajar conmigo, y ha estado funcionando de maravilla, pero desearía haber prestado más atención a los números justo después de hacer el cambio.
Gracias,
Sue
¿Qué ha tenido el mayor impacto en tu sitio, Sue?
Publicación inspiradora, gracias Ramsay. Buen momento también, ya que estoy tratando de averiguar qué hacer con el mío.
Estoy haciendo algunos wireframes, pero estoy un poco indeciso entre centrarme en lo que la mayoría de los usuarios están ahí para (por ejemplo, encontrar una caminata para hacer, o buscar información sobre senderismo) y mis propios objetivos (por ejemplo, registros en listas, venta de tours de senderismo y el libro que estoy a punto de publicar, etc.).
¿Crees que es una mala idea tener múltiples CTAs (llamadas a la acción) sobre la línea de flotación en la página de inicio? ¿Alguna sugerencia sobre dónde enfocar esa parte de mi diseño?
Creo que ceñirse a un mensaje es una muy buena idea. Haz que la gente se una a la lista de correo y luego, con suerte, podrás presentar más productos u ofertas.
¡Me encanta! Creo que hiciste un gran trabajo manteniéndolo familiar para quienes te conocen y accesible para quienes son nuevos. También me gusta la forma en que tienes la gran opción de suscripción al final. Mucha gente lo hace arriba, lo cual está bien, pero sabes que si alguien ha llegado hasta el final, es más probable que sea un lector más comprometido de todos modos. Perfecto. 🙂
¡Gracias, amigo!
Hola Ramsay,
Como puedo ver, el diseño antiguo no es tan bueno como el nuevo. He estado atento hasta al más mínimo detalle. Lo cual a su vez te ha ayudado mucho.
¡Lo aprecio!
[…] aumentó su tasa de conversión cuando eliminó la barra lateral de su sitio. Ramsay en Blog Tyrant también eliminó recientemente la barra lateral al rediseñar su […]
Hola Ramsay
Me encanta tu nuevo diseño y los cambios que decidiste implementar. Me gusta experimentar con mi blog y he hecho algunas de las cosas que mencionas aquí. La más importante que he disfrutado es la eliminación de la barra lateral.
Quitar la barra lateral fue un gran cambio, pero algo que quería hacer para que mi sitio fuera mucho más limpio y centrar al lector en el contenido en sí. Hasta ahora, ha estado funcionando bien.
¡Gracias de nuevo por compartir tus hallazgos. ¡Buen material!
– Jeff
¡Me alegra saber que el diseño sin barra lateral te ha funcionado!
¡Grandes consejos! Empecé mi blog hace unos meses y planeo cambiar a WordPress, y también actualizar mi tema. ¡Con un sitio web más personalizable y fácil de usar, creo que mis estadísticas aumentarán enormemente! ¡Gracias por los útiles consejos, como siempre!
Muchas gracias por publicar esto. Especialmente quitar la decisión de la barra lateral ha aumentado mi confianza, ya que siempre he encontrado que las barras laterales son molestas. Creo que muchos portales de noticias en línea necesitan darse cuenta de la importancia de permitir que el lector se concentre en el contenido. Las barras laterales interfieren con la capacidad de respuesta de la página, lo que me ha llevado a dejar de leer el artículo a la mitad o a preferir otro sitio. Sin embargo, aunque esto requerirá experimentación, ¿eliminar las barras laterales también podría tener un efecto negativo? Si es así, ¿podrías explicar cómo? O tal vez otro blog sobre esto podría ayudar. Espero no estar exagerando este detalle.
Eso es algo increíble. Estoy a punto de empezar con el marketing por correo electrónico, así que estos consejos y la colocación del formulario definitivamente me ayudarán a obtener una buena conversión. ¡Muchas gracias!
¡Sigue con el gran trabajo!
¡Amigo, el nuevo diseño se ve genial! Es moderno, los elementos de diseño se combinan muy bien, ¡el pie de página es increíble!
Una sola columna y sin barra lateral es algo que a la mayoría de los propietarios de sitios les preocupa. Pero incluso considerando todas tus preocupaciones, las estadísticas te dirán con el tiempo que es la mejor decisión (especialmente para sitios donde el contenido es perenne, extenso y educativo).
Me gusta la portada del libro también; los esfuerzos en la marca están empezando a mostrarse, y la marca Blog Tyrant ya tiene una imagen que viene a la mente.
Me hizo pensar en sentarme con mi pareja y repasar algunas de las soluciones de diseño que implementamos hace años… Quizás sea hora de probar.
Hola Ramsay,
He estado siguiendo tu increíble blog durante casi un año y tengo que admitir que sigues escribiendo cosas geniales.
Recientemente he implementado algunos de tus consejos en mi sitio web y los resultados han sido geniales, 3 veces más personas se están uniendo a la lista.
Solo quería tomarme mi tiempo para agradecerte toda la gran información que estás dando y que es muy apreciada.
Solo me preguntaba qué oferta de Fiverr usas para tu personaje.
De todos modos, ¡que tengas un día increíble y sigue inspirando a la gente de todo el mundo!
Este nuevo diseño es realmente maravilloso. En los últimos años me he dado cuenta de que es muy difícil apegarse a un solo tema y, por lo tanto, he cambiado a muchos temas. Pero no me di cuenta mucho de que cambiar el diseño podría mejorar las suscripciones por correo electrónico. Gracias por compartir esta maravillosa experiencia aquí.
Hola Ramsay,
Me encanta el blog...!!!
Blog realmente agradable con información muy buena, fue agradable ver este tipo de colecciones.
He iniciado un sitio relacionado con la moda que traduce las influencias de hoy en la moda del mañana, ¿puedes sugerirme algunos puntos útiles para que pueda mejorar solo esos puntos en particular, para obtener algo de tráfico de calidad?
Gracias
Personalmente, creo que el marrón sobre negro en tu encabezado apesta.
Odio el marrón.
Hola Paul. Es rojo, pero gracias por tus comentarios.
Hola Ramsey, después de configurar recientemente un nuevo sitio web, me encontré con el mismo dilema sobre el diseño y la funcionalidad, que con suerte ahora está mayormente resuelto. Como usted mencionó, la amigabilidad móvil de un sitio parece ser un factor tan importante ahora que Google penaliza a aquellos que no están optimizados para usuarios móviles. Creo que esta es probablemente una de las áreas más importantes en las que centrarse al mirar el diseño de sitios web. Solo pensé en aportar mis 2 centavos 🙂
¡Gracias por visitarnos!
¡Hola Ramsay! Gracias por publicar esto. Demuestra cómo los pequeños cambios pueden brindarte más resultados para cualquier negocio que decidas dirigir. También es muy bueno ver que al cambiar la portada electrónica de tu lead magnet, obtienes una mejor tasa de suscripción. ¡Salud!
¡Gracias Billy!
¿Hay algún plugin para hacer que los blogs sean más amigables para dispositivos móviles? ¿O es solo parte de las actualizaciones de WordPress? Me encanta la interfaz y el diseño, ¡realmente te has superado a ti mismo Ramsay! Pero mi humilde blog no se ve tan fácil de usar o estéticamente agradable en un smartphone.
Hola Jeevan. Querrás encontrar algo llamado tema de WordPress "responsivo para móviles". Este es un tema/plantilla que está diseñado para alterarse automáticamente según el tamaño de la pantalla del espectador. Esa es la mejor manera de asegurarte de que los lectores móviles estén atendidos. Espero que eso ayude.
Hola Ramsay,
Me encanta esta publicación porque demuestra que puede valer la pena prestar atención a la experiencia de los usuarios en lugar de solo a tus propios objetivos. Creo que demasiados blogs están cayendo peligrosamente en esa zona de no ser legibles debido a todo el desorden y las ventanas emergentes en su diseño.
Supongo que puede ser fácil dejarse atrapar demasiado por la locura de "hacer crecer tu lista de correo electrónico" y perder de vista el hecho de que tus lectores necesitan poder leer tu contenido primero antes de convertirlos.
He renunciado a la barra lateral y a cualquier tipo de enlace para compartir en redes sociales cuando alguien está leyendo mi contenido y he creado una sección de compartir dedicada debajo del contenido. Si bien mi sitio aún es joven, la tasa de rebote ronda el 40% y las sesiones de usuario promedian más de 4 minutos, lo que significa que a la gente no le importa estar en el sitio.
Esa es una buena sensación. Me alegra ver que el rediseño te está funcionando.
Sí, muy buen punto. Algunos sitios web se están volviendo locos con todas sus ventanas emergentes. Me alegra saber que tu estrategia está funcionando.
Mi blog es nuevo. El primer gran cambio será hacer un tema personalizado. En cuanto eso esté hecho, vendrán aquí para compartir con ustedes algunos de los resultados que estoy obteniendo. El artículo me inspiró mucho.
Un tema personalizado es un gran paso. No le dediques demasiado tiempo.
Hola Ramsay,
El diseño se ve mucho más increíble ahora que quitaste la barra lateral. Nos ayuda a leer el contenido mejor sin distracciones.
Sigue con el buen trabajo.
Gracias, James. Realmente lo aprecio.
Estoy totalmente de acuerdo contigo en auto-alojar un sitio web, ya que da más control sobre nuestro sitio web. Lo que aumenta la tasa de registro es la prueba A/B.
Necesitas hacer pruebas A/B de muchos elementos de tu sitio web para saber cuál está convirtiendo mejor.
Las pruebas A/B son rentables para blogs que tienen una buena cantidad de tráfico, pero para los nuevos blogueros, deberían centrarse primero en el tráfico.
¿Qué dices tú, Ramsay, sobre esto?
Por cierto, estudio de caso muy detallado. Gracias por esto.
No creo que sea nunca demasiado pronto para empezar a probar, siempre y cuando no quite tiempo a tu negocio principal, que es producir contenido, etc.
[…] Enlace de origen […]
Ramsay,
Esto es material de calidad. Estoy totalmente de acuerdo con tu artículo. Siempre estoy probando cosas con mi blog y eso me hace mover las cosas mucho.
Tu artículo me dio un par de ideas. Gracias por compartirlas y felicidades por los increíbles resultados.
Babs.
¡Espero que ayude!
Hola blogtyrant,
Acabo de descubrir tu blog y estoy buscando algunos consejos sólidos de SEO que encontré en tu publicación "SEO para Idiotas". He comenzado a seguir los pasos mencionados y espero ver algunos resultados pronto.
Gracias,
Que tengas un buen día 🙂
¡Me alegra que lo hayas disfrutado!
Quitar la barra lateral fue un movimiento valiente. Bien hecho, será interesante ver cómo cambian tus visitas, si es que cambian.
¿Has considerado añadir tu formulario de suscripción dentro de tus publicaciones? Sé que en el pasado lo tenías al final de cada publicación.
Sí, todavía está ahí abajo, ahora es solo un botón. Parece estar funcionando bastante bien en conjunto con la ventana emergente.
Hola Ramsay,
Gracias por compartir otra de tus historias de éxito.
Yo mismo quiero cambiar el diseño de mi blog, pero también tengo el temor de que pueda afectar mi ranking en SERP o disminuir la tasa de conversión de mis ventas de afiliados.
¿Has notado algún cambio en estas dos áreas después de cambiar tu diseño?
Ambos están activos en esta etapa. Sin embargo, podría ser demasiado pronto para decirlo.
¡Gran transformación en la portada del libro electrónico... se ve menos como MLM y más confiable!
¡Gracias! Me alegra que pienses eso.
El nuevo blog se ve genial, Ramsay.
¡No solo se ve mejor, sino que ha aumentado tus tasas de conversión en un gran margen! Es por eso que el diseño y la distribución de un sitio web son tan clave.
Benja
Esta es mi primera vez en tu blog, Ramsay.
Debo confesar que estoy impresionado por el diseño y el gran contenido que tienes aquí.
Tengo una pregunta sobre la serie de logotipos que tienes en tu pie de página. Logotipos como Copyblogger, Forbes, MOZ, Problogger, etc.
¿Realmente necesitas tener contenido en sus sitios web antes de poner su logotipo en tus sitios web o no?
Sí, mientras esperas que te responda, creo que sí.
Debes tener contenido en sus sitios antes de hacer esto.
Espero que esto ayude.
Hola Ramsay,
Primero que nada, gran diseño después de los cambios.
Leí tu detallada explicación sobre los cambios y cómo puedes obtener la estrategia de doble registro, es realmente impresionante. esto es muy útil para un blogger novato. compartiré tu publicación en mi red y mis amigos, tal vez estarán felices de leer este valioso artículo.
Con estas estadísticas, ni siquiera media porción es saludable.
También es más fácil para el doctor detectar cualquier hinchazón sospechosa,
porque el tejido es blando. ¿Cuántas tazas en un tazón de sopa?
Si deseas una lente varifocal o de mayor distancia focal, podrías tener mala suerte.
De hecho, se ha sabido que estas imágenes borrosas terminan en la identificación de números de registro incorrectos, con el 609 pareciendo un 607 en la pantalla, por ejemplo.
Micrófono CCTV Debido a amenazas terroristas, tener CCTV en tu casa y
en oficinas se ha convertido en la necesidad del momento.
Por definición, la televisión de circuito cerrado, conocida como CCTV, utiliza cámaras de vigilancia para transmitir una señal a un lugar particular en un conjunto restringido de monitores. Decidir cuál es la mejor cámara CCTV para comprar es ciertamente una decisión importante para tomar y hay muchas consideraciones a tener en cuenta.
Esta comunicación puede tener lugar a través de frecuencias licenciadas para evitar la filtración de
información o la intrusión de otros usuarios.
Solo aprenda una cantidad de sitios web en relación con estos equipos. Baofeng bf-888s Funcionan cuando los desastres han dejado fuera otros métodos de comunicación.
Andrew Wolfe, LMP aporta 24 años de experiencia clínica avanzada y capacitación al programa, con una visión y conocimiento que superan a otros en su campo. Baofeng uv-82 o uv-5r La cerca eléctrica puede ayudar a su mascota a comprender sus restricciones dentro de su patio o lugares de contención. Y si desea aún más ayuda, busque una clase de capacitación en medios o trabaje con un publicista profesional.