Nueva sección en nuestra web: ¡cursos online!

Publicada en WordPress.

En Nelio hemos lanzado una nueva sección en nuestra web, Nelio Academy, para que aprendas cosas nuevas de WordPress con nuestros cursos online.

Creación de contenidos con el editor de bloques Gutenberg

Como no podía ser de otra forma, el primer curso que hemos creado para ti es el de Creación de Contenidos con el editor de bloques de WordPress, Gutenberg. En este curso aprenderás a manejar y dominar a nivel de usuario avanzado el nuevo editor de WordPress desde cero.

Este editor, también conocido como Gutenberg, viene instalado por defecto desde la versión 5.0 de WordPress. Es un editor que cambia radicalmente la confección de entradas y páginas de una web siendo mucho más cercano a otros editores visuales. Ahora, una entrada o página se compone por bloques de contenidos. Tienes bloques para párrafos, para imágenes, para encabezados, para citas, y mucho más.

Este curso no pretende ser un manual de usuario de Gutenberg. Lo que busca es que de una forma práctica y eficiente aprendas a crear nuevas entradas y páginas de tu web. Y es por eso que a lo largo de más de 2 horas de vídeos, divididos en 20 lecciones, aprenderás a dominar el entorno del editor de WordPress. Pero también conocerás muchos detalles del proceso que seguimos en Nelio cuando escribimos una nueva entrada o confeccionamos una nueva página.

Verás como, gracias a las posibilidades que te ofrece este editor, podrás diseñar gran cantidad de elementos o secciones que puedes encontrar en nuestras páginas de esta web o cualquier otra web profesional. Ya no necesitas ser un diseñador para maquetar tus contenidos con destreza y estilo. Tú mismo puedes hacerlo con el catálogo de bloques de contenido que WordPress incluye por defecto.

El curso se divide en 3 partes:

  • Introducción,
  • Escribiendo entradas,
  • Diseñando páginas

Introducción

En la primera parte veremos las novedades que nos trae este editor y las diferencias entre el editor clásico y el de bloques. De esta forma podrás empezar a conocer este nuevo entorno, su interfaz y donde encontrar las distintas barras de herramientas, así como información y propiedades de los distintos bloques que puedes usar.

Escribiendo una entrada

A continuación veremos el proceso de escritura de una entrada, a la que le añadiremos los elementos más comunes de las entradas de un blog: títulos, imágenes, párrafos, listas, citas, versos o vídeos. También conocerás trucos para dominar el editor y ganar en eficiencia.

Además, como ya sabes, antes de publicar cualquier entrada debes asegurarte de que no te olvidas la información necesaria para mejorar el posicionamiento en los buscadores y su promoción en las redes sociales. Por ese motivo, también te explicamos cómo se integra el nuevo editor con los plugins de Yoast y Nelio. Y así te familiarizas con la integración de cualquier plugin con el editor.

Diseño de páginas

En las lecciones de diseño de páginas, aprenderás el proceso básico que debes seguir antes de empezar a crear cualquier página de tu web. Y continuaremos viendo otro conjunto nuevo de bloques que son particularmente útiles en el diseño de páginas: el bloque fondo, de medios y texto, columnas, elementos de diseño, galería de imágenes y widgets. Para cada uno de ellos, verás ejemplos prácticos y reales que te servirán de idea para crear nuevas secciones en tus páginas web. E incluso aprenderás a combinar bloques de una forma que nadie te había explicado antes, abriendo así un nuevo abanico de posibilidades de diseño.

Sección de página web
Sección de página web creada en el curso con los bloques que ofrece Gutenberg por defecto.

Y por supuesto, acabaremos el diseño de las páginas aprendiendo a crear y a usar los bloques reutilizables, de gran utilidad para ganar eficiencia en el diseño de nuevas páginas.

Lecciones

Aquí tienes la lista de lecciones que compone el curso:

Todas las lecciones muestran ejemplos prácticos y reales para su aplicación inmediata en tu web.

Y sin ya querer hacer más spoilers, sólo me queda invitarte a que te apuntes el curso que seguro que te gustará.

Apúntate ya al curso

Apuntarme

Domina la creación de contenidos en WordPress

Imagen destacada de JESHOOTS.COM en Unsplash.

FlojaNo está malBienMuy bien¡Impecable! (Ninguna valoración todavía)
Cargando…

¿Vale la pena conseguir el excelente en Google PageSpeed Insights?

Publicada en WordPress.

No nos gusta esperar, y si para entrar en tu web me toca hacerlo, lo normal es que me canse y me vaya a otra. Será por webs, ¿verdad? Que tu web ha de cargar rápido es un requisito imprescindible hoy en día. Pero, ¿cómo podemos saber si una web es lenta o rápida?

Lo sé, esta pregunta parece una perogrullada. Si una web es rápida o es lenta lo podemos discernir con tan sólo medir el tiempo de carga de la misma. Lo difícil es saber valorar si el valor resultante de este análisis lo podemos catalogar como «lento» o «rápido». Para mí, esperar 2 segundos no es un problema, pero quizás si mi web cargara en la mitad de tiempo, sería mejor. Y hay que tener un montón de factores en cuenta, ya que mi acceso a Internet es rápido, pero quizás no todo el mundo tiene las mismas condiciones que yo…

¿Es tu web demasiado lenta, o su velocidad ya está bien?

Como ves, todo esto es un embrollo más complejo de lo que puede parecer así de primeras. Para poder establecer medidas comparables existen evaluadores del nivel de optimización de las webs, como pueden ser Google PageSpeed Insights o GTMetrix, por poner un par de ejemplos.

Estos evaluadores son capaces de analizar una página web y darle una nota en una escala de 0 a 100 dependiendo de su nivel de optimización. Además, detectan las características de la web e indican sugerencias de mejora que podemos llevar a cabo para subir la nota y, se supone, mejorar la velocidad.

Sin embargo, buscar la perfección puede ser contraproducente. Buscar la excelencia en los resultados de Google PageSpeed Insights puede descuidar otros aspectos de tu web también importantes, como la experiencia de usuario.

Buscando el 100 en Google PageSpeed Insights

Recientemente hemos rehecho el tema de nuestra web desde cero y hemos transformado todas nuestras páginas utilizando bloques del nuevo editor de bloques de WordPress. Ha sido un ejercicio para entender mejor las características del editor de bloques y ver también sus carencias, aprendiendo de todo el conjunto.

Aprovechando esta tarea, hemos analizado nuestra web con Google PageSpeed Insights para intentar mejorar su nota final y acercarnos todo lo posible al deseado 100. A continuación veremos algunos de los puntos que hemos ido mejorando gracias a las indicaciones de Google y nuestras conclusiones al respecto.

Usa un tamaño adecuado para las imágenes

Este tema ya lo hemos tratado con anterioridad en nuestro blog. Recuerda que deberías tratar de usar tamaños de imagen compatibles con lo que tu tema necesite. No abuses de imágenes gigantes porque no aportan nada.

Los algoritmos de compresión de imágenes funcionan genial sin apreciar pérdidas de calidad en sus resultados. Úsalos antes de subir tu imagen a la biblioteca de medios de WordPress. Con esto evitarás problemas.

Si Google PageSpeed Insights se queja de tus imágenes, lo bueno es que te dirá cuáles son las problemáticas y así podrás arreglarlas. Es un trabajo laborioso pero cuyos resultados se notan bastante en el tiempo de carga de tu web.

Pospón la carga de imágenes que no aparecen en pantalla

Para todas aquellas imágenes de tu página que para que se vean el visitante ha de hacer scroll hacia abajo, lo que se recomienda es aplicar carga diferida. Lo que en inglés se entiende como lazy load.

Con esto lo que consigues es que sólo se pidan al servidor cuando el visitante haga scroll y las necesite ver. De este modo evitamos sobrecargar la carga inicial y reducimos tiempo, haciendo que la web cargue más rápido. Te recomiendo este artículo de Pablo López al respecto. Y si eres más de plugins, quizás te sirva este.

En nuestro caso, el plugin de optimización de SiteGround incluye lazy loading, así que no hemos necesitado nada más que activar esa opción para aplicar esta técnica en nuestra web.

Asegúrate de que el texto permanece visible mientras se carga la fuente web

Si utilizas Google Webfonts, como nosotros hacemos, resulta irónico comprobar como el propio script que Google te da para cargar las fuentes es detectado por Google PageSpeed Insights como mejorable.

Lo que Google te dice es que deberías utilizar la función de CSS font-display en @font-face para que los usuarios vean el texto mientras se carga la fuente web. En concreto, deberás poner font-display: swap en la carga de las fuentes para que el navegador no bloquee el renderizado del texto hasta que la fuente esté disponible. Puedes descargar las fuentes de Google y meterlas tú directamente utilizando font-display tal y como se explica aquí.

Con esto el visitante es capaz de ver el texto desde el inicio, aunque la fuente concreta de Google no esté cargada. En el momento en que la fuente ya esté disponible, el navegador la aplicará al texto, transformando su estilo al deseado.

Elimina los recursos que bloqueen el renderizado

Los estilos CSS y los scripts en JavaScript son cada vez más usados para cambiar el diseño del contenido y hacerlo dinámico, respectivamente.

Si cargamos los CSS y JS en el <header> de la web, lo normal es que el renderizado de los contenidos quede bloqueado y la web no cargue contenidos hasta que no se procesen los estilos y código JavaScript.

Una opción para evitar esto es mover estos archivos al <footer> de la web. De este modo, todo el contenido que va en el <body> se cargará y renderizará primero, sin bloquear la carga.

Tambien se recomienda utilizar los atributos defer y async en los scripts JavaScript para que la carga se haga en diferido o de forma asíncrona.

Otro aspecto que ayuda a mejorar la nota final de Google PageSpeed Insights es el hecho de minificar y comprimir los archivos CSS y JS, además de combinarlos en un único archivo CSS y JS respectivamente. No obstante, ten mucho cuidado con la combinación ya que si los combinas en un orden incorrecto puedes sufrir fallos en los estilos y en la ejecución del código JavaScript.

Puedes utilizar este plugin para conseguir mejorar resultados, pero repito, úsalo con ojo y mucho cuidado.

Mejorando la velocidad de nuestra web pero, ¿a qué precio?

Después de aplicar soluciones a las sugerencias propuestas por Google mediante los informes de Google PageSpeed Insights, el tiempo de carga de la web se reduce. Sin embargo, esto tiene un precio que no está claro que queramos pagar.

Uno de los efectos secundarios de aligerar nuestra web es que la experiencia de usuario que recibe un visitante no es tan buena. Permíteme que me explique…

Para que el contenido de nuestra web se renderice lo antes posible en el navegador de nuestros visitantes, hemos pospuesto la carga de JavaScripts y estilos CSS en el footer de nuestra web (han pasado del header al footer). Y también hemos permitido que el texto se cargue antes de recibir la fuente web.

Todo esto provoca que el visitante vea rápidamente el contenido de la web sin estilo. Lo que supone que vea todo de forma bastante plana y fea. Además, notará cómo se cambia la fuente del texto cuando esta ya está disponible. Y también verá un parpadeo cuando los estilos CSS y el JavaScript se apliquen y ejecuten.

Resultados de GTMetrix.
Resultados de GTMetrix.

Antes, en una instalación de WordPress al uso, el visitante veía cargar la web sin problema. Ahora verá que carga un poco antes, pero todo este parpadeo que experimenta reduce la experiencia de usuario y es posible que haga pensar al visitante que la web carga mal o que carga raro. O incluso que algo hay estropeado en la web porque cada vez que navega a una página el parpadeo aparece un instante.

¿Vale la pena dar esta imagen por ganar un puñado de milisegundos en tiempo de carga y unos pocos puntos de más en la nota de Google PageSpeed Insights? Nosotros creemos que no, y por esta razón hemos vuelto a dejar la carga de estilos y scripts tal y como WordPress la establece por defecto.

Si esto tiene o no un efecto negativo en otros aspectos, como el SEO de la web, la verdad es que no lo sabemos (y tampoco creemos que nadie lo sepa a ciencia cierta). Ni tenemos claro si la evaluación de Google PageSpeed Insights tiene tanto peso como algunos quieren darle en este aspecto.

Resultados de Google PageSpeed Insights.
Resultados de Google PageSpeed Insights.

Esta claro que hay aspectos que hay que mejorar sí o sí, como el tratamiento correcto de las imágenes, utilizar archivos minificados para reducir el peso de estos o evitar cargar todo aquello que no se va a utilizar en la página. Pero de ahí a volvernos locos intentando llegar al 100 de nota es algo a evitar.

No te vuelvas loco con los evaluadores de la optimización de tu web y con conseguir la nota máxima. Al fin y al cabo, tu visitante objetivo es de carne y hueso incapaz de apreciar diferencias mínimas en décimas de segundo. Una vez que tu nota sea mínimamente correcta, céntrate en otra cosa.

Imagen destacada de Taun Stewart en Unsplash.

FlojaNo está malBienMuy bien¡Impecable! (1 votos, promedio: 5,00 de 5)
Cargando…

9 Trucos para dominar el editor de bloques de WordPress

Publicada en WordPress.

El editor de bloques de WordPress es muy intuitivo. Sí. Pero incluso siendo un usuario del editor de bloques desde el día cero, como nosotros, es posible que aún haya trucos y cosillas en las que no te has fijado y que te pueden facilitar parte del trabajo como escritor.

Y por eso que creo que vale la pena que le dediques unos minutos de tu tiempo a leer esta entrada que te ayudará a dominar el editor de bloques.

Si todavía estás con el editor clásico de WordPress y no sabes cómo empezar con el editor de bloques, te recomiendo que leas este artículo de introducción a Gutenberg de David.

Asumiendo que ya estás familiarizado con el nuevo editor, te comento a continuación una lista de nuevas funcionalidades o trucos que quizá desconoces.

Empezaré comentándote algunos nuevos bloques con los que es mucho más fácil crear contenido y, luego, algunos trucos que puedes usar en el editor que pueden serte prácticos.

#1 Añadir un botón

Con el editor clásico de WordPress, si querías añadir un botón en medio de una entrada o una página básicamente tenías dos opciones: o cambiar a modo HTML y escribir el código, o usar algún plugin que te creara un shortcode para el botón en cuestión.

El editor de bloques ya incorpora el bloque botón que te permite rápidamente crear un botón en medio de una entrada:

Elementos de diseño de Gutenberg.
Bloques de elementos de diseño de Gutenberg.

El bloque Botón te permite crear un botón en el que defines su aspecto, el color de fondo y de la letra e incluso puedes añadirle una clase CSS.

Crear un botón con el editor de bloques
Crear un botón es facilísimo con el editor de bloques.

Ya ves que rápido. Aquí tienes el botón que acabo de crear. Ahora sólo tienes que hacer clic y subscribirte a Nelio Content 😉.

#2 Añadir una tabla

Al igual que con el botón, añadir una simple tabla con el editor clásico también implicaba hacerlo con HTML y CSS o con algún plugin. De hecho, muchas veces era más fácil crear la tabla con cualquier otro editor e insertarlo luego en una entrada como una imagen.

Ahora dispones del bloque Tabla que encontrarás en el conjunto de bloques de Formatos.

Bloques de formatos
Bloques de formatos que tienes disponibles por defecto en el editor.

Tras seleccionar el bloque Tabla, te pide que indiques el número de filas y columnas que por defecto quieres crear. Pero tranquilo, luego tienes la opción de añadir o eliminar filas y columnas. Y también puedes indicar el estilo de la tabla.

Creando una tabla con el nuevo editor.
Creando una tabla con el nuevo editor.

De esta forma, se puede crear la siguiente tabla con algunas características de Nelio A/B Testing de forma muy sencilla.

BasicProfessionalEnterprise
$29 /mo$89 /mo$259 /mo
5,000 tested page views35,000 tested page views200,000 tested page views
1 site5 sites10 sites
For IndividualsFor Small BusinessFor Large Businesses

#3 Incrustar un elemento externo con sólo copiar y pegar

Otros bloques que te pueden ser muy útiles son los de tipo incrustado que te permiten incrustar elementos externos como vídeos, publicaciones de Facebook, Twitter, etc.

Blocs de inscrutados de Gutenberg.
Bloques de incrustados de Gutenberg.

Pero también puedes, en vez de crear un bloque de este tipo, directamente copiar y pegar la URL que quieres incrustar y automáticamente ya te inserta el elemento en cuestión. Aquí tienes el vídeo que acabo de incrustar al copiar la dirección del vídeo de youtube de Nelio Content: https://youtu.be/RstwyyAZ97k

#4 Usa el bloque espaciador para incrementar el espacio entre bloques

Este es uno de los bloques que quizás tampoco sabías que existían: el bloque espaciador. Su función, como bien indica su nombre, es el de incrementar el espaciado entre bloques.

El bloque espaciador tiene por defecto exactamente 100 píxeles pero puedes personalizar la altura del mismo como quieras. Tan sólo debes posicionar el cursor encima del punto azul que hay debajo del bloque e incrementar el tamaño arrastrando el punto azul a la distancia que quieras.

Bloque espaciador
Personaliza el tamaño del bloque espaciador subiendo o bajando el punto azul.

Además, también puedes utilizar una clase CSS adicional para definir cómo quieres que sea el bloque espaciador. Esto te puede ser muy útil en la creación de páginas.

#5 Información sobre el número de palabras y estructura

En el editor clásico seleccionabas una entrada y, automáticamente, te aparecía el número de palabras que tenía dicha entrada. Y ahora, ¿dónde tengo esta información?

Tranquilo, que en la barra de herramientas tienes esta información en todo momento muy a mano haciendo clic en el icono de un círculo con una i.

Y no solo te cuenta las palabras, si no que también te informa de la estructura de toda la entrada o página que estás editando.

Información sobre entrada de Gutenberg
En la barra de herramientas superior encuentras el icono de información sobre el número de palabras y estructura de tu entrada o página.

#6 Mover la barra de herramientas de bloque a la parte superior

Esto va a gustos, pero por defecto, cuando estás editando un bloque tienes la barra de herramientas del bloque flotando en la parte superior del propio bloque. La gran ventaja de que sea así es que lo tienes más a mano pero el problema con las barras de herramientas flotantes es que pueden tapar parte del bloque anterior.

Barra de herramientas flotante en Gutenberg.
Barra de herramientas flotante en Gutenberg.

Como puedes ver en la imagen, la barra de herramientas me está tapando parte del título anterior. Si esto lo encuentras poco práctico o molesto, lo puedes cambiar fácilmente. Haz clic en los tres puntitos de más herramientas y opciones y marca la opción Barra de herramientas superior.

Barra de herramientas de Gutenberg
Selecciona si quieres la barra de herramientas de Gutenberg en la parte superior del editor.

Una vez marcado, ya tienes la barra de herramientas fija en la parte superior de tu editor.

Barra de herramientas fija en la parte superior del editor.
Barra de herramientas fija en la parte superior del editor.

#7 Usa la barra (/) como atajo

El editor de bloques te proporciona unos atajos para que puedas ser más eficiente editando tus entradas. El primero que deberías usar es la barra, /. Tan fácil como empezar a escribir el nombre de un bloque con la barra y te mostrará los tipos de bloques que puedes añadir:

Atajo de Gutenberg
Empieza un bloque con / y escoge el tipo de bloque que quieras.

#8 Conoce otros atajos de teclado

Una de las características que ha incorporado el nuevo editor es que dispongas de muchos otros atajos de teclado que pueden ayudarte a ser mucho más rápido escribiendo. Para conocerlos todos, haz clic en los tres puntitos de más herramientas y opciones:

Atajos de teclado del editor de WrodPress
Mira los atajos de teclado que tienes disponibles en el editor.

Alternativamente, también puedes acceder a esta ayuda con el atajo o ctrl  H (en caso de Mac) o Alt H (en caso de Windows). Y a continuación te muestro los atajos que creo que te pueden resultar más útiles.

Acciones globalesAtajo en MacAtajo en Windows
Muestra esta ayudactrl  H  Alt H
Guarda tus cambios SCtrl S
Deshace tus últimos cambios ZCtrl Z
Rehace tu último deshacer ZCtrl  Z
Muestra u oculta la barra lateral de ajustes ,Ctrl  ,
Abre el menú de navegación de bloquesctrl  O  Alt O
Cambia entre el editor visual y el editor de código    MCtrl  Alt M
Acciones de bloquesAtajo en MacAtajo en Windows
Duplica el/los bloques(s) seleccionados D Ctrl D
Quita el/los bloque(s) seleccionadosctrl  o  Alt Z
Inserta un nuevo bloque antes de/los bloque(s) selecciona(s).  TCtrl Alt T
Inserta un nuevo bloque después de/los bloque(s) selecciona(s).  YCtrl Alt Y
Cambia el tipo de bloque después de agregar un nuevo párrafo/ /
Formatos de textoAtajo en MacAtajo en Windows
Cambia el texto seleccionado a negrita B Ctrl B
Cambia el texto seleccionado a cursiva I Ctrl I
Subraya el texto seleccionado UCtrl U
Convierte el texto seleccionado en un enlace KCtrl K
Quita el enlace  K Ctrl K
Añade un tachado al texto seleccionadoctrl  D  Alt D
Muestra el texto seleccionado en fuente monoespacioctrl  x  Alt X

#9 Convierte un bloque en encabezado con almohadilla (#)

Esto lo podrías considerar como un atajo de teclado. El editor de bloques de Gutenberg soporta tres tipos de encabezados: H2, H3y H4. Cuando estás escribiendo el bloque por defecto es de tipo párrafo. Pero puedes convertirlo en encabezado muy fácilmente: empieza a escribir el nuevo párrafo con ## para H2, ### para H3y #### para H4. Pruébalo y verás qué fácil es.

Conclusión

La primera experiencia que tienes con el nuevo editor de bloques tras haber estado años usando el editor clásico de WordPress puede que no sea precisamente la más agradable que esperabas encontrarte. Pero es normal, los cambios cuestan.

Al principio hay cosas que no sabes donde están y otras que no te funcionan como antes o van más lentas… sí. Es cierto: el editor de bloques todavía necesita mejorar en bastantes aspectos. Pero si vas aprendiendo a dominarlo, poco a poco le irás viendo sus ventajas y verás que hay cosas que antes no podías hacer fácilmente que ahora ya puedes hacer.

¿Nuestra recomendación? Anímate a cambiar al nuevo editor y verás que muy pronto te habrás olvidado de cómo funcionaba el clásico.

Imágen destacada de Rana Sawalha en Unsplash

FlojaNo está malBienMuy bien¡Impecable! (2 votos, promedio: 5,00 de 5)
Cargando…

Cómo lanzar una nueva versión de tu producto sin retrocompatibilidad

Publicada en Negocio.

En una reunión con mis compañeros de Nelio estuvimos discutiendo sobre el futuro de Nelio A/B Testing y las mejoras que queremos añadirle. Al tratarse de un plugin para realizar tests A/B en tu web, requiere un mimo continuo para mantenerlo al día con las nuevas versiones de WordPress y asegurarnos de que todo funciona como debería. Ten en cuenta que es el primer plugin que lanzamos para WordPress, a finales del 2013, y ha estado en continua evolución desde entonces.

Pues bien, con la llegada del editor de bloques de WordPress aparecen nuevas posibilidades para realizar tests A/B en una web en WordPress. Y eso planteó una duda interesante: ¿deberíamos hacer una mejora incremental del producto o sería mejor romper con lo que hacíamos hasta ahora y lanzar algo completamente nuevo?

Nosotros aún no hemos decidido qué vía tomar, pero he pensado que sería interesante comentar qué problemas supone lanzar una nueva versión de un producto sin retrocompatibilidad y cómo podemos mitigarlos o eliminarlos.

Así pues, hoy te explicaré dos soluciones para lanzar una nueva versión de tu servicio rompiendo la compatibilidad con las versiones anteriores sin que tus clientes se indignen por ello.

Consideraciones previas

Tal y como contaba Chris Lema hace ya cierto tiempo en su blog, «la compatibilidad hacia atrás es algo muy importante dentro de WordPress. (…) Es algo que no solo afecta y aporta valor a los desarrolladores, sino que también da valor a los usuarios. A fin de cuentas, son estos últimos los que [en caso de dejar de ser compatibles] verán un mensaje notificándoles que su web ya no funciona».

No podemos dejar a los usuarios con un plugin inoperativo…

¿Qué quiere decir exactamente romper la compatibilidad hacia atrás? Pues pueden ser muchas cosas, pero lo más habitual suele ser:

  1. Cambiar la API con la que se puede extender nuestro plugin (cambiamos las funciones, los hooks, etc).
  2. Modificar la estructura de la base de datos.
  3. Cambiar la API o los datos de los componentes que tengamos en el cloud.
  4. Pasar a un nuevo modelo de negocio y, por lo tanto, cambiar la forma en que un usuario puede acceder a funcionalidades y actualizaciones.

Veamos con un ejemplo concreto alguno de los puntos anteriores. Piensa en nuestro servicio de test A/B, el que te comentaba al principio de la entrada. Por si no lo sabes, el servicio funciona (a grandes rasgos) tal que así:

  • El usuario puede crear tests A/B en su web. En esencia, un test A/B consiste en la página que quiere testear, una o más variaciones de dicha página y los objetivos de conversión que persigue el test. Todo esto se almacena en WordPress.
  • Un componente en el cloud se encarga de hacer el seguimiento de las visitas a una web que use Nelio A/B Testing. De forma parecida a lo que hace Google Analytics, este componente recoge la información, la procesa y genera unos resultados. Los datos se mandan a este cloud usando un script de tracking.
  • Una vista en el plugin se conecta a esta nube a través de una API para mostrar los resultados de un test al usuario.

Como puedes ver, un plugin como Nelio A/B Testing puede cambiar de muchas formas y, si no andamos con cuidado, las cosas pueden dejar de funcionar para nuestros usuarios.

Si, por lo que sea, decidimos actualizar la API de nuestro cloud, estaremos obligados a actualizar también nuestro plugin, puesto que el script de tracking y la vista de resultados dependen de esa API para funcionar. Y con ello estaríamos obligando a los usuarios a actualizar la versión del plugin que tienen instalada ya que, de repente, las versiones anteriores dejarían de funcionar.

Soluciones posibles

Está claro, pues, que romper la compatibilidad hacia atrás no es un tema baladí. Es algo que hay que pensar muy cuidadosamente y, en cualquier caso, lo más importante es optar por una solución que no deje tirados a tus usuarios actuales. Especialmente a aquellos que te estén pagando por tu servicio.

Si estamos seguros de que lo que más nos conviene como autónomos o como empresa, por lo que sea, es romper la baraja y empezar con una versión totalmente nueva de nuestro producto, olvidándonos de todo lo que habíamos hecho hasta ahora, existen dos soluciones. Con ellas, conseguiremos hacer tabla rasa sin dejar a nadie por el camino.

Lanzar un nuevo producto (opt-in)

La primera solución que tenemos a nuestro alcance para lanzar una versión sin retrocompatibilidad es, ¿cómo no?, olvidarnos de que se trata de una nueva versión y plantearlo como un nuevo producto. En cierta forma, estamos evitando romper esa compatibilidad: sencillamente, lanzamos un nuevo producto y descontinuamos el antiguo.

Lanzando un producto separado, evitamos romper la compatibilidad hacia atrás, pero nos vemos obligados a pedirles a los usuarios que se pasen a la versión nueva.

Esto garantiza que los usuarios actuales tienen un plugin operativo y que funciona como siempre. Y, de hecho, nunca podrán actualizarse a una versión que «rompa las cosas», sencillamente porque dicha versión jamás existirá; es un plugin totalmente nuevo y diferente a lo que teníamos.

Esto, por supuesto, plantea algunos problemas más o menos graves:

  1. Los usuarios que ya tenemos no sabrán que existe una nueva versión de nuestro producto. Por suerte, esto lo podemos solucionar poniendo una notificación en la versión antigua e invitándoles a actualizar.
  2. Lanzar un nuevo producto es muy difícil. Todo el esfuerzo que habías hecho con el producto anterior, creando una marca para él, posicionándolo, consiguiendo valoraciones, instalaciones activas… todo esto se pierde y empiezas de cero.

Esta solución es la que yo llamo opt-in: lanzamos un nuevo producto y te invito a que, si quieres, dejes de usar el viejo y te pases al nuevo. En cierta forma es lo que hizo WordPress hace varios meses cuando lanzó Gutenberg como plugin: tú decidías si querías usarlo instalando Gutenberg en tu web.

Lanzar una actualización que rompe la compatibilidad hacia atrás (opt-out)

Otra opción es plantear el enfoque inverso, y en eso consiste la segunda solución: lanzar una actualización de tu producto que rompa la compatibilidad hacia atrás y, en paralelo, lanzar un nuevo producto que sea la versión antigua. De esta forma, aunque rompamos con la retrocompatibilidad, ofrecemos a nuestros usuarios un plan B para que todo siga como antes.

Lanzando una nueva versión, todos los usuarios la podrán ver y descubrir (efecto wow). Pero si no les interesa, tendrán la opción de saltar a la versión anterior.

Aplicando este método solucionamos los dos problemas que habíamos planteado en la solución anterior. Por un lado, conseguimos que todos los usuarios sepan que existe una nueva versión y podemos enseñarles directamente las ventajas que supone dicha versión (velocidad, UI, estabilidad…).

Por otro lado (y quizás más importante), seguimos sacando provecho a todo el trabajo que habíamos hecho hasta ahora, ya que estamos ante una nueva versión de un producto que llevaba ya un cierto tiempo en el mercado. La marca, las valoraciones, el posicionamiento… todo sigue igual, no hay que partir de cero.

Como puedes imaginar, esta es la solución opt-out: quiera o no, cuando el usuario actualice el plugin en su web, pasará a usar la nueva versión de tu producto. Pero tendrá disponible la opción de, si quiere, salirse de esta nueva versión y pasar a usar la anterior, instalando el nuevo plugin que hemos creado para ello. Esto es lo que hizo WordPress el pasado mes de diciembre cuando introdujo el editor de bloques en su última actualización y dejó la posibilidad de usar el antiguo editor instalando un plugin específico para ello.

Resumiendo

Romper la compatibilidad hacia atrás no es sencillo, ya que puede tener grandes implicaciones para tus usuarios. En general, no recomendaría hacerlo. Pero hay veces en que no queda otra.

Si te ves en la tesitura de hacerlo, te recomiendo que implementes una de las dos soluciones que hemos visto hoy. Con ellas, siempre les das la opción a los usuarios de «seguir como están», con lo que nadie podrá quejarse de que «las cosas han dejado de funcionar». Eso sí, como contrapartida tendrás dos productos que mantener (incluso suponiendo que la versión «vieja» pasa a tener un mantenimiento mínimo).

Y tú, ¿cómo gestionarías algo así? ¿Conoces alguna otra opción para salir del paso?

Imagen destacada de Dietmar Becker en Unsplash.

FlojaNo está malBienMuy bien¡Impecable! (Ninguna valoración todavía)
Cargando…

15 errores que no deberías cometer nunca con WordPress

Publicada en WordPress.

El 33% de todas las webs que puedes encontrar en Internet son de WordPress. Esto es: el 60% de todas las webs que usan algún gestor de contenidos (CMS) son de WordPress (datos extraídos de W3Techs).

WordPress es popular porque es fácil de usar, dispones de un montón de temas y plugins que te permiten crear una web tan atractiva y compleja como quieras; es seguro; está en tu idioma; y tiene una gran comunidad y soporte dispuesta a ayudarte en lo que puedas necesitar.

Pero ¡ojo!, aunque esta facilidad de aprendizaje te hará ganar confianza, nuestra experiencia nos ha mostrado que muchos usuarios de WordPress no toman las precauciones necesarias para no llevarse más de un disgusto y que sus webs dejen de funcionar. Así que aquí tienes nuestra lista básica de qué NO hacer en WordPress para dormir más tranquilo y, poco a poco, ganar muchas más visitas.

#1 Contratar un servicio de hosting poco adecuado

No nos cansamos de repetir que el contratar un servicio de hosting adecuado es una de las mejores inversiones que puedes hacer cuando creas una web. Esto hará que no te tengas que preocupar de muchos de los puntos que te comento a continuación porque ya quedarán cubiertos por el propio servicio de hosting contratado.

Con un buen servicio de hosting te aseguras de tener un servicio de soporte y calidad para cualquier problema que pueda surgir, sabrás que usas tecnologías actuales en tu web, lo que implica más seguridad, y agradecerás que sea más fácil administrar tu web.

#2 Olvidarte de actualizar tu PHP

PHP es el código de lenguaje que utilizan WordPress, los plugins y los temas. Y como ocurre en todo código y software existente, va mejorando con el tiempo, liberan nuevas versiones optimizadas y el soporte deja de estar disponible para las más obsoletas. Si miras las fechas de soporte de cada versión sacada de PHP, puedes ver que a fecha de febrero del 2019, a las dos únicas versiones a las que se les da soporte es a la 7.2 y la 7.3.

Versiones de PHP
Versiones de PHP con soporte activo (en verde), con sólo corrección de errores de seguridad (en naranja) y sin ningún tipo de soporte (en rojo). Fuente: PHP Supported Versions.

Nuestra recomendación es que tengas idealmente instalada la versión 7.3 o la versión 7.2. Cualquier versión anterior a la 7.1 puede ocasionarte problemas de seguridad. Aunque seguramente si ya has contratado un buen servicio de hosting, puedes olvidarte de este punto.

#3 Ignorar las actualizaciones del core, plugins y temas

Por seguridad y para asegurarte de que dispones de las últimas funcionalidades de tu WordPress, del tema y los plugins que tengas instalados, asegúrate de que tienes las últimas versiones de los mismos.

Pero recuerda, como te comenté recientemente, realiza el proceso de actualización de forma segura. Y precisamente los dos siguientes errores que no deberías cometer están directamente relacionados con la seguridad en las actualizaciones.

#4 No realizar copias de seguridad regularmente y antes de cualquier actualización

Creo que el propio título ya es suficientemente explicativo. No hay ningún software 100% seguro. Todos contienen alguna vulnerabilidad y pueden llegar a ser hackeados o por motivos de incompatibilidad te puedes encontrar con actualizaciones que te rompen tu sitio.

Asegúrate de que si te encuentras en una situación en que todo se rompe, tienes la tranquilidad de que podrás recuperar la versión anterior a antes de que la desgracia ocurriera. Este punto normalmente ya lo tienes cubierto con una buena empresa de hosting.

#5 No tener un servidor de staging para pruebas

Seguramente si haces una actualización menor de un plugin lo puedes hacer directamente en tu web sin problemas. Pero deja tu pasión por el riesgo para otros menesteres, no para tu web. Cualquier cambio en tu web, hazlo siempre en un servidor de staging donde puedas probar todos los cambios que quieras realizar, tal y como ya te comenté en cómo actualizar tu WordPress de forma segura.

Y otra vez vuelvo a repetir, con un buen servidor de hosting es muy fácil crear un staging de tu sitio de WordPress.

Ensayos de WordPress en SiteGround
Por ejemplo, el servicio de hosting de SiteGround te ofrece la herramienta «Ensayos» para crear una copia de tu sitio en el que realizar las pruebas que quieras.

#6 Instalar plugins sin saber por qué y sin garantías

Cuando compramos cualquier aparato, dispositivo o software nos parece que cuantas más funcionalidades, más capacidades, más… mejor va a ser. Luego, a lo mejor usamos un porcentaje bajísimo de todas las posibilidades que incluye ese producto. Por ejemplo ¿para qué te compras una lavadora con 15 programas especiales, si sólo vas a usar dos?, seguramente, lo peor que te puede pasar en este caso es que habrás pagado un coste extra innecesario.

Pero con los plugins las consecuencias pueden ser mucho peores. Por ejemplo, no dejes de leer los peligros que te puedes encontrar si instalas múltiples plugins de SEO en tu WordPress.

Los plugins de WordPress te pueden ahorrar mucho trabajo pero instala sólo aquellos que te vayan a ser imprescindibles. A cuantos más plugins más riesgo de bajar el rendimiento en tu web, además de poder encontrarte con más problemas de compatibilidad y seguridad.

#7 Instalar un tema sólo porque es bonito

Cuando hablamos de temas ya entramos en el mundo del diseño, y lo primero que buscas es que te guste, que te entre por los ojos. Evidentemente, no tiene sentido instalar un tema del que no te guste su estética. Pero no te confundas y elijas un tema porque las fotos que incluye la demo son preciosas.

Un tema no sólo ha de ser bonito, has de asegurarte de que incluye las últimas tendencias de diseño, es responsive y además que cumple con los objetivos que te has marcado para tu web.

Así que antes de tomar una decisión tan crítica como puede ser elegir el tema de tu web, aprende todo lo que necesitas saber sobre los temas en WordPress.

#8 Usar admin como nombre de usuario

Cuando creas una web, muchas veces por comodidad, creas un único usuario con permisos de administrador para gestionar todo (actualizaciones, instalar plugins, etc) y lo dejas con el nombre admin.

Para evitar correr riesgos, te recomiendo crear un nuevo usuario de administración que no se llame admin y eliminar el admin original. Piensa que dejar este usuario con este nombre es un modo de comprometer en un 50% la seguridad de la combinación usuario/contraseña.

#9 No crear al menos un usuario distinto del administrador

Aprovecho para recordarte que, aunque seas la única persona que administra y escribe en tu web, también deberías crear un usuario nuevo para ti con permisos de Editor o Autor. Este usuario es el que deberás usar para gestionar los contenidos de tu web. Y de hecho debería ser el usuario que usas a diario.

Limítate a usar el usuario con privilegios de administador cuando necesites realizar tareas que son exclusivamente de administración y así reducirás las posibilidades de cometer errores indeseados.

#10 Ignorar los comentarios de tus entradas

Uno de los objetivos de tu web debería ser interactuar con tus visitantes y lectores. A excepción de los comentarios que son spam, piénsalo, ¿cuántas veces dejas algún comentario en una web? Seguramente sólo cuando estás agradecido por el valor que te ha aportado la información publicada o cuándo crees que puedes aportar algo de valor a la información en cuestión.

En el menú de Comentarios de WordPress gestionas todos los comentarios de tu web.
En el menú de Comentarios de WordPress gestionas todos los comentarios de tu web.

Comentar, por parte del lector requiere un esfuerzo bastante superior al de la simple lectura. Valóralo y contesta adecuadamente.

#11 Mantener la estructura de enlaces permanentes por defecto

Los enlaces permanentes definen la estructura que tendrán las URLs que usamos para acceder a los diferentes contenidos de nuestra web. Por defecto, la estructura de WordPress es el “Nombre de la entrada” (que puedes ver seleccionado en la siguiente captura de pantalla), pero puedes cambiarlo a lo que más te guste.

Para cambiar los ajustes de los enlaces permanentes en tu WordPress ve al menú Ajustes » Enlaces permanentes.
Para cambiar los ajustes de los enlaces permanentes en tu WordPress ve al menú Ajustes » Enlaces permanentes.

El problema de mantener esta estructura por defecto es que las entradas de tu blog y las páginas no llegan a distinguirse. Así, por ejemplo, tendríamos que la página de precios de tus productos podría ser https://ejemplo.com/precios/ y una entrada cualquiera podría ser https://ejemplo.com/como-instalar-wordpress/. Como ves, no hay forma de saber que una cosa es una página y otra forma parte del blog.

Una manera de arreglar este problema es el de usar la estructura /blog/%postname%/ y tus entradas pasarán a verse así: https://ejemplo.com/blog/como-instalar-wordpress/. Recuerda, los enlaces permanentes son clave para el SEO.

#12 Insertar imágenes sin permisos

Es una falta de profesionalidad y honestidad insertar imágenes sin tener los derechos de autor para publicarlas. Ya hemos comentado más de una vez que hay un montón de bancos de imágenes de los que puedes extraer imágenes gratuitas para usar en tu web. Muchos de ellos con imágenes muy atractivas, de gran calidad y en la que no necesitas siquiera mencionar al autor si no quieres.

A nosotros, siempre que podemos, nos gusta mencionar a los autores de las imágenes aunque no lo exijan licencias. Es lo mínimo que podemos hacer como agradecimiento y darles el crédito que se merecen. Y en ningún caso desmerecen la calidad de tu web.

Captura de pantalla del sitio web de Pexels
Captura de pantalla del sitio web de Pexels de donde puedes descargarte imágenes gratis.

#13 No tener en cuenta el rendimiento

Seguramente te gustaría ser el primero en la página de resultados de cualquier buscador, ¿me equivoco? En este caso, no te olvides de que los buscadores tienen en cuenta el rendimiento de tu web. Así que asegúrate de que tu web:

  1. Carga rápidamente,
  2. Las imágenes tienen tamaños razonables y están correctamente comprimidas,
  3. No hay demasiados scripts ralentizando su funcionamiento,
  4. Es una web accesible a todos los usuarios.

Y si quieres saber más sobre este tema, te interesará leer: Cómo ser el primero en Google en 5 pasos.

#14 Ignorar a los usuarios de móviles

Cada vez accedemos más a la web con nuestros smartphones y tablets.Así que también deberías asegurarte de que tu web está optimizada para éstos.

Tu web tiene que ser responsive y los formularios deberían estar adaptados para dispositivos móviles. Pero no sólo esto, las conexiones de datos móviles son, en muchos casos, peores que la que podemos tener en casa. Así que la velocidad de carga de tu web es importante no sólo para Google si no para todos tus lectores, ya que no nos gusta esperar. 

Y es por este motivo que Google está promoviendo el uso del proyecto AMP (Accelerated Mobile Pages, páginas móviles aceleradas) o Facebook ha diseñado una plataforma llamada Instant Articles para editores de contenido. Puedes leer una pequeña introducción a AMP e Instant Articles para más detalles.

#15 No usar las herramientas que te proporciona Google

Gracias a Google Analytics puedes conocer datos muy curiosos de tu web que te ayudarán a conocer quiénes son tus lectores y mejorar tus contenidos. Si no tienes instalado Google Analytics en tu web vas totalmente perdido sobre lo que está ocurriendo en tu sitio.

Pero Google Analytics no es la única herramienta que deberías usar, Google Search Console es un conjunto de herramientas también gratuitas que te ayudarán a optimizar, analizar y comprobar el estado de tu web en sus resultados de búsqueda tal y como te explica Google en el siguiente vídeo.

Conclusión

Crear una web en WordPress es trabajo pero no es tan complicado. Evita cometer cualquiera de los errores comentados aquí si no quieres que todo tu trabajo sea en vano.

¡Sigue estas recomendaciones y verás cómo tus lectores lo agradecerán!

Imagen destacada de NeONBRAND en Unsplash.

FlojaNo está malBienMuy bien¡Impecable! (5 votos, promedio: 5,00 de 5)
Cargando…

Actualiza tu WordPress de forma segura

Publicada en WordPress.

¿Sabes cada cuánto deberías actualizar WordPress, los temas y los plugins? No tengas dudas sobre la respuesta: SIEMPRE (o tan pronto como puedas).

Cuanto más tiempo dejes pasar sin tener todo actualizado, no sólo quizá te perderás nuevas funcionalidades interesantes, si no que además corres el riesgo de que haya cosas que dejen de funcionarte correctamente, te aparezcan incompatibilidades entre plugins o con tu tema, o puedas tener una brecha de seguridad en tu web.

Dicho esto, el proceso de actualización no es trivial. Primero tienes que saber en qué orden actualizar. Por ejemplo, no tendría sentido actualizar un plugin que sirve para adaptarse a una nueva versión de WordPress sin haber previamente instalado dicha versión. Y al revés también te puede pasar, que actualizas primero WordPress y te encuentras que los plugins que tienes instalados en tu web no están preparados para este cambio. Precisamente este ha sido uno de los problemas más importantes que hemos sufrido con la nueva versión 5.0 de WordPress.

Además, ten en cuenta que no todas las actualizaciones son siempre seguras. Más de una vez una actualización de un plugin ha supuesto una incompatibilidad con otro plugin y ha dejado de funcionar algo que antes estaba funcionando la mar de bien.

Viendo clara la necesidad de tener actualizada nuestra web, veamos cómo asegurarnos de que lo hacemos de forma segura.

Actualización automática del Core, plugins y temas

Parto de la base de que tu web utiliza un buen servicio de hosting que de entrada te garantiza unos mínimos. Esto es, que tienes:

  • PHP versión 7.2 o superior.
  • MySQL versión 5.6 o superior, o MariaDB versión 10.0 o superior.
  • Compatibilidad con HTTPS.

Y si no es el caso, mi recomendación es que este año 2019 te decidas por cambiar de servicio de hosting.

Dicho esto, vayamos al tema de las actualizaciones automáticas: como ya debes saber, tras la versión de WordPress 3.7 (octubre 2013), por defecto WordPress realiza automáticamente las actualizaciones menores del Core. Esto ya te asegura que se arreglan ciertas vulnerabilidades que puedan aparecer.

Así que si ya instalaste la versión 5.0 de WordPress, automáticamente ya pasaste a la 5.0.1 que solucionaba problemas de seguridad, a la 5.0.2 que solucionaba 73 fallosy a la 5.0.3 que arreglaba 37 errores e incluía 7 mejoras en el editor de bloques. Pero en el momento en que aparezca la versión 5.1 no esperes a que se actualice sólo, ya que sería una actualización «mayor» y estas no se ejecutan solas por defecto.

Ya que estamos aprovecho para recordarte cómo suele funcionar el sistema de numeración de versiones de software:

  • 2.0 – una actualización de la versión 1.0 a la 2.0 está indicando que el software es una versión totalmente diferente a la anterior.
  • 2.1 – una actualización de 2.0 a 2.1 es una actualización mayor en la que pueden haber nuevas funcionalidades que no existían anteriormente.
  • 2.1.1 – se trata de un parche menor en el que se está corrigiendo un error o solucionando una brecha de seguridad detectada. No debería implicar ningún problema que la actualización sea automática.

Los plugins y los temas no se actualizan automáticamente por defecto pero tienes diversas alternativas para automatizar actualizaciones. Eso sí, si decides automatizar algún tipo de actualizaciones, minimiza los riesgos realizando antes una copia de seguridad de tu WordPress siguiendo los pasos que te explicamos.

Activación en WordPress

Si tienes una web corporativa o un blog, quieres automatizar las actualizaciones y eres amante del riesgo, puedes añadir la siguiente línea en el fichero wp-config.php:

define( 'WP_AUTO_UPDATE_CORE', true );

De esta forma, siempre se actualizará automáticamente tu WordPress. Recuerda que aunque deberías siempre tener actualizado tu WordPress, la actualización automática de este no está exenta de riesgos, ya que puede provocar incompatibilidades con tus plugins.

Activación en el Servicio de Hosting

Muchos servicios de hosting disponen de sus propias herramientas que te permiten activar actualizaciones automáticas e indicar qué plugins quieres que se actualicen automáticamente.

Si te animas a que algunos plugins se actualicen automáticamente, la recomendación es que sean sólo aquellos que tienen algún efecto en el Escritorio pero no en la interfaz de usuario (lo que el visitante ve) como pueden ser plugins de:

  • SEO
  • Analítica
  • Herramientas de Admin tales como duplicar entradas o columnas
  • Comprobadores de enlaces rotos
  • Redirecciones
  • Optimización de la base de datos
  • Backups
  • Seguridad

Las empresas de hosting competentes hacen una copia de seguridad de tu web antes de hacer la actualización automática por si la actualización no se hace correctamente. Sus herramientas comprueban automáticamente si tu web está funcionando correctamente y si detectan algún error, revertirán los cambios y te lo notificarán.

Actualizaciones con Easy Updates Manager

De la misma forma en que hay empresas de hosting que tienen sus propias herramientas para que se realicen actualizaciones automáticas, Easy Updates Manager es un plugin gratuito que puedes usar en un WordPress para administrar las actualizaciones.

Con este plugin, tienes la flexibilidad de personalizar que tipo de actualizaciones quieres automatizar:

Easy Updates Manager
Configuración del plugin Easy Updates Manager.

También puedes indicarle que te notifique por e-mail cada vez que haya una nueva actualización.

Actualizaciones con ManageWP

Otra alternativa para administrar las automatizaciones de plugins y temas es usar el panel de administración ManageWP. Con esta herramienta podrás gestionar todos los sitios de WordPress que quieras bajo una misma interfaz de administración similar a la nativa de WordPress. Para ello es necesario que tras registrarte en ManageWP con un email, a las webs que vayamos a gestionar les añadamos y activemos el plugin ManageWP Worker, el cual nos va a permitir su acceso desde ManageWP.

Puedes administrar las copias de seguridad y personalizar las actualizaciones del core, plugins y temas como quieras para cada sitio.

Las funcionalidades más destacadas de la versión gratuita de ManageWP son:

  • Crear copias de seguridad de manera automática y restaurarlas con tan solo 1 click,
  • Actualizar plugins a nuevas versiones, con tan solo 1 click, en todos los sitios de WordPress a la vez,
  • Actualizar los temas de cada instalación,
  • Revisión manual de seguridad y de optimización,
  • Revisar y administrar los últimos comentarios
  • Optimizar la base de datos de la instalación de WordPress (borrar transiciones, revisiones, temporales…),
  • Consultar las estadísticas de Google Analytics de cada sitio, y
  • Consultar informes de rendimiento y posicionamiento.

Además, desde ManageWP, puedes acceder al Escritorio de cada WordPress con un 1 click, ahorrándote tener que acceder a la URL de cada uno de ellos.

Y con las opciones de pago también podrás hacer copias de seguridad de forma regular con la frecuencia que tu indiques o automatizar la revisión de seguridad y de optimización entre otras funcionalidades.

Actualización manual

Finalmente, si quieres quedarte tranquilo y asegurate de que una actualización no rompe nada de tu WordPress, siempre tienes la opción de hacerlo manualmente con tu supervisión.

Como sabes, en el Escritorio de WordPress, en todo momento se te informa de las actualizaciones que tienes pendientes de instalar en tu sitio.

Actualizaciones pendientes
El Escritorio te indica si tienes actualizaciones pendientes (en la imagen ves que hay tres).

Recuerda que ya hemos dicho que no es recomendable ir a saco a actualizarlo todo sin más. La forma más segura para hacer cualquier cambio en tu web es disponer de un servicio de hosting que te ofrezca un entorno de desarrollo y otro de producción; de esta forma puedes hacer los cambios en desarrollo tranquilamente mientras que la instalación de producción se encarga de dar servicio a tus usuarios. Cuando todo funciona correctamente en desarrollo, podrás copiar el entorno de desarrollo a producción.

Pero si no dispones de este servicio, entonces el primer paso es  crea una nueva copia de seguridad. 

Actualización manual del Core mediante FTP

En el caso de que vayas a actualizar el Core, WordPress recomienda que primero desactives todos los plugins que tengas instalados. Esto lo puedes hacer fácilmente seleccionándolos en la lista de plugins, marcándolos todos y aplicando la opción de Desactivar.

#1 Reemplaza ficheros de WordPress

  1. Descarga el fichero de la última versión del corey extrae el paquete localmente en tu ordenador.
  2. A continuación accede a tus archivos mediante FTP. Borra los directorios de wp-admin y wp-includes.
  3. Mediante FTP sube los nuevos directorios que has extraído y tienes en local de wp-admin y wp-includes.
  4. En el caso de los archivos del directorio de wp-content, no borres ni sobreescribas esta carpeta.
  5. A continuación, copia el resto de ficheros sobreescribiendo los que tenías.
  6. Y finalmente, revisa wp-config-sample.php por si has de realizar alguna modificación en tu wp-config.

#2 Actualiza la instalación

  1. Una vez actualizados los ficheros, entra al Escritorio de WordPress. Si hay la necesidad de actualizar la base de datos, WordPress lo detecta y te mostrará el enlace que te lleva a /wp-admin/upgrade.php. Sigue el enlace y completa los pasos que se te indican para actualizar la base de datos y que sea compatible con la última versión del código.
  2. Ya sólo te queda volver a la lista de plugins y volverlos a reactivar todos. Puedes hacerlo, reactivándolos todos a la vez o, uno a uno e ir comprobando que todo sigue igual.

#3 Borra la cache

No te olvides de borrar la cache para finalizar el proceso de actualización del Core de WordPress y asegurarte de que todos tus visitantes están accediendo a la última versión de tu WordPress.

Y si surge algún problema…

Si surge algún problema en la actualización del Core de WordPress, en el Codex de WordPress te explican con más detalle todo el proceso en casos más complejos y los problemas más habituales con los que te puedes encontrar y cómo resolverlos.

Actualización de plugins

La actualización de plugins, en principio, es mucho más sencilla. Eso sí, como siempre te he comentado, no te olvides de hacer una copia de seguridad.

Como sabes la actualización de plugins y temas que están en el Directorio de WordPressla puedes hacer directamente desde el Escritorio de tu WordPress.

Pero antes de actualizar cualquier plugin, te recomiendo que te leas su Changelog en el que puedes ver si se trata de una actualización mayor o de un parche con pequeños cambios.

Recuerda que el número de versión es un buen indicador del tipo de cambio que supone dicha actualización. Si se trata de un cambio mayor, vigila que no pueda haber algún tipo de incompatibilidad con tu sitio (con el Core o algún plugin o tema).

En la mayoría de casos la única forma que tendrás de descubrirlo será probándolo. Así que la mejor recomendación para cambios mayores es primero probarlo en una instalación de staging y tras ver que todo funciona, hacer el cambio en la instalación que tienes en producción.

Actualización de temas

La actualización del tema de tu sitio web puede ser un poco más peliaguda ya que cualquier tipo de personalización que hayas echo al tema o modificación en la configuración del mismo pueden perderse.

Así que antes de animarte a actualizar un tema ten presente lo siguiente:

  • Entiende bien de qué tipo de cambio se trata.
  • Si has modificado algún fichero core del tema, tenlo en cuenta. Si no creaste un tema hijo para dichos cambios, los vas a perder.
  • Si creaste un tema hijo no deberías tener excesivos problemas al actualizar el tema padre, pero es posible que algunos cambios los tengas que volver a recrear.
  • Si el nuevo tema tiene nuevos identificadores y classes en el HTML, tu hoja de estilo puede dejar de funcionar.
  • A la larga, los temas que no se actualizan pueden causar problemas con nuevas versiones de plugins. Así, aunque pueda ser más complejo, no dejes de actualizar tu tema.

Conclusión

Mantener actualizado un sitio hecho con WordPress puede parecer a veces un trabajo engorroso. No lo dejes para mañana. Es necesario para la seguridad y el buen funcionamiento del mismo. Así que no escatimes tiempo y recursos para asegurarte de que tu web está actualizada correctamente y así dormir más tranquilo.  😊

Imagen destacada de Wes Hicks en Unsplash.

FlojaNo está malBienMuy bien¡Impecable! (1 votos, promedio: 5,00 de 5)
Cargando…

Cursos y tutoriales gratis de WordPress

Publicada en WordPress.

Más de una vez habrás oído la frase de que crearte una web en WordPress es muy fácil. Y a ver, no nos engañemos: crear una web sencilla es fácil pero, si te vas emocionando, el tema se te puede complicar que no veas. Si además vas añadiendo plugins sin saber muy bien qué estas haciendo, tu web puede quedar en un estado en que ya nos sepas dónde estás.

Kanye west help by OceanX
Nosotros nos hemos encontrado con webs con los editores de Visual Composer y Divi instalados a la vez. (fuente: oceanx en Giphy).

Incluso contratando a diseñadores expertos para crear tu web (por cierto, seguramente será una de tus mejores inversiones), cuanto más conocimiento tengas de WordPress, más fácil te será ver todas las posibilidades que tienes, hacer tu mismo cambios y asegurarte de que tienes realmente la web que tu quieres. Cuanto más dinámica y más actualizada esté tu web, mejor se posicionará en las búsquedas de Google.

Y si no tienes una gran flexibilidad de tiempo o tu presupuesto es limitado, tienes la gran suerte de que dispones de muchos recursos gratis para aprender WordPress. Así que ya no tienes ninguna excusa para no saber sobre el tema.

Ahora ya sí; sin más preámbulos, aquí tienes la lista que estabas esperando:

Lecciones de WordPress del codex

El Codex de WordPress es el manual en línea de WordPress. Es el repositorio de información y documentación de WordPress. El área de Lecciones de WordPress del codex es un buen punto de partida para entender WordPress. Algunos de los artículos están un poco anticuados, pero siguen siendo relevantes.

Lecciones de WordPress del Codex de WordPress.
Lecciones de WordPress del Codex de WordPress.

Cursos gratis de WordPress en Udemy

Cuando hablamos de cualquier tipo de curso online, el primer sitio que te viene a la cabeza es Udemy. Y efectivamente, encontrarás buenos vídeos de cursos gratis (y también no gratis) sobre WordPress.

Cursos WordPress Udemy
Algunos de los cursos gratis de WordPress en Udemy.

Diego Davila, Francisco Aguilera, Alfred Palomo, Daniel Sánchez Romero o Klinsmann Fabian son algunos de los tutores que ofrecen más de 3 horas de vídeos con los que puedes aprender sobre WordPress.

Tutoriales en YouTube

En YouTube también encontrarás tutoriales para aprender WordPress.

David Ibiza

David Ibiza te ofrece un montón de cursos y tutoriales de WordPress y marketing online para que vayas aprendiendo muchos trucos.

Tutoriales de David Ibiza en Youtube.
Tutoriales de David Ibiza en Youtube.

Sofía González

Sofía Gonzalez tiene varios tutoriales en YouTube para principiantes sobre cómo crear una página web con WordPress.

Tutoriales de Sofia González.
Tutoriales de Sofia González.

Tutoriales de SiteGround

Siteground es una empresa de hosting que ofrece un tutorial muy completo para que aprendas cómo crear y administrar tu sitio web de WordPress.

Tutoriales de WordPress de SiteGround.
Tutoriales de WordPress de SiteGround.

Curso WordPress Gratis de webEmpresa

WebEmpresa es otra empresa de hosting que también ofrece 11 cursos para que sepas los conocimientos básicos sobre WordPress.

Cursos gratis de WordPress ofrecidos por webempresa.
Cursos gratis de WordPress ofrecidos por WebEmpresa.

Como ves, tienes un curso online gratis en el que con 11 lecciones de entre 3 y 6 minutos cada una de ellas, no sólo aprenderás a instalar y configurar tu WordPress, si no que también sabrás gestionar menús, widgets, plugins y comentarios.

Tutoriales WordPress de WPAvanzado

En WPAvanzado encontrarás 10 vídeos de instalación y configuración de WordPress, 10 de instalación y configuración de plugins, 2 de dominios y hosting, 4 sobre cómo crear un blog, 2 de SEO y 2 de cómo vender por internet.

Tutoriales WordPress de WPAvanzado.
Tutoriales WordPress de WPAvanzado.

Tutorial WordPress 2018 de Javier Balcázar

Javier Balcázar te ofrece un tutorial completo que incluye varios vídeos para que aprendas WordPress sin conocimientos previos.

Índice del tutorial de WordPress de Javier Balcázar.
Índice del tutorial de WordPress de Javier Balcázar.

Guía para aprender WordPress y hacer una página web de Ernesto G Bustamante

Ernesto Bustamante es un diseñador Web WordPress que imparte clases en Aula CM. En su blog, ofrece varios tutoriales sobre WordPress.

Guía de WordPress de Ernesto Bustamante.
Guía de WordPress de Ernesto Bustamante.

Guía de Ignacio Santiago

Ignacio Santiago es otro blogger adicto que te ofrece una guía muy completa para aprender a crear tu sitio web con WordPress.

Guía de WordPress de Ignacio Santiago.
Guía de WordPress de Ignacio Santiago.

Guía para dummies de Ciudadano 2.0

Berto López también te ofrece una guía para principiantes en formato de preguntas y respuestas para que aprendas desde cero qué es y cómo crear una web en WordPress.

Índice de la guía de WordPress de Berto López
Índice de la guía de WordPress de Berto López.

Tutorial de WordPress de Romual Fons

Y si te va la marcha, te aseguro que con los vídeos y tutoriales de WordPress de Romuald Fons no sólo aprenderás, si no que tienes garantizado que no te aburrirás.

Vídeo y tutorial de WordPress de Romuald Fons
Vídeo y tutorial de WordPress de Romuald Fons

Cursos de Boluda (subscripción Premium)

Y finalmente, aunque no son gratuitos, tienes la opción de hacer una inmersión absoluta en el mundo de WordPress y del marketing digital suscribiéndote a boluda.com (son 10€ al mes) y tienes cursos de 10 clases cada uno sobre una infinidad de temas. En el momento en el que estoy escribiendo esta entrada, ya dispones de 1955 clases y 2933 videos (diciembre de 2018).

Aquí tienes listados algunos de los cursos que ofrece, pero hay muchísimos más.

  • WordPress Básico, Intermedio, Avanzado y Multisitio
  • Analytics básico e Intermedio
  • Webmaster Tools
  • SEO para WordPress
  • Emergencias WordPress
  • Seguridad en WordPress
  • Genesis Básico, Intermedio, Avanzado, Filters y Child Themes
  • WordPress Widgets y menús
  • CSS, HTML, PHP,
  • Desarrollo de plugins
  • WooCommerce básico, intermedio, cupones,

Todas las entradas de WordPress de Nelio

Finalmente, si quieres acabar siendo un experto de WordPress, continuamente publicamos entradas en nuestro blog donde te explicamos las novedades de WordPress y trucos que te ayudarán a convertirte en un gran experto.

Blog de Nelio WordPress
No dudes en buscar todas nuestras entradas por la categoría WordPress.

Y tras haber creado una gran web en WordPress, tampoco te querrás perder nuestro curso gratuito de cómo conseguir el éxito con tu blog y asegurarte de que te mantienes al día con todas las novedades de WordPress 😉.

CURSO GRATUITO


Cómo conseguir 

el éxito con tu blog

Apúntate a nuestra Newsletter y recibe en tu correo todos nuestros artículos y un curso para conseguir el éxito con tu blog

Imagen destacada de Ben White en Unsplash.

FlojaNo está malBienMuy bien¡Impecable! (2 votos, promedio: 5,00 de 5)
Cargando…

Heatmaps – Pruébalos en tu web con este sencillo script

Publicada en Marketing Online.

Nos encanta saber qué hacen los visitantes cuando entran en nuestra web. ¿Leen todo el contenido de las páginas o sólo una parte? ¿Ven el botón que lleva a la página de precios? Nos hacemos miles de preguntas cuya respuesta nos podría ayudar a mejorar la web y, por tanto, los objetivos que nos planteamos con esta. Objetivos que directa o indirectamente querremos convertir en dinero para nuestros bolsillos 🤑.

Gracias a la analítica web tenemos mucha parte del trabajo hecha. Si eres un lector habitual de nuestro blog sabrás que Google Analytics puede darte mucha información sobre el comportamiento de tus visitantes. Y además es una herramienta gratuita cuya instalación es de lo más sencilla. Pero esto es sólo una parte de lo que podemos llegar a averiguar sobre nuestra web. Existen otras técnicas para entender el comportamiento de los visitantes. Y hoy nos centraremos en los heatmaps.

El porqué de los heatmaps

Cuando hablamos de usabilidad en software una de las pruebas más habituales es la de analizar el comportamiento real de los usuarios. Esto se hace en un laboratorio preparado para ello en el que a un usuario se le plantean ejercicios a realizar delante del ordenador mientras se graba todo lo que hace.

La parte más curiosa suele ser la grabación del seguimiento de la mirada con una cámara que apunta a los ojos directamente (se conoce como eye-tracking). De este modo podemos saber exactamente las coordenadas a las que el usuario apunta la mirada y así ver qué capta su atención y cómo reacciona a la interfaz de usuario que se le presenta.

Analizar el seguimiento de la mirada es algo que se utiliza en infinidad de campos, incluso en supermercados para ver qué productos captan más atención.
Analizar el seguimiento de la mirada es algo que se utiliza en infinidad de campos, incluso en supermercados para ver qué productos captan más atención.

Esta actividad te da información precisa del comportamiento del usuario, pero tiene algunos inconvenientes. El problema principal de este tipo de pruebas es que el coste es elevado (necesitas un laboratorio especial con el equipamiento adecuado), analizar los datos es complejo (convertir coordenadas en conocimiento útil es difícil si no lo has hecho antes) y además es poco eficiente (hacerle la prueba a cada usuario es lento, tiene que estar presente físicamente en el laboratorio y necesitarás una muestra más o menos representativa de estos para que los datos tengan sentido).

Un heatmap o mapa de calor es una representación visual en la que observamos diferentes colores indicando la relevancia de los distintos elementos o zonas que conforman la web. Los colores más cálidos indican una mayor interacción en la zona mientras que los más fríos muestran lo contrario. En la siguiente captura puedes ver que la parte central, dónde se define el plan de compra medio, capta más la atención.

En este heatmap podemos ver qué zonas reciben más atención en una página de precios de ejemplo.
En este heatmap podemos ver qué zonas reciben más atención en una página de precios de ejemplo.

Los heatmaps son la versión low-cost de los análisis de usabilidad convencionales. Te explicaré porqué. El primer punto es que no necesitas un laboratorio complejo; cualquier visitante de tu web puede participar en la prueba de forma anónima y sin enterarse. Por otro lado, el coste es bajo ya que en vez de hacer seguimiento del ojo lo haces del cursor del ratón. Y sí, esto es menos preciso que lo primero, pero funciona bastante bien y tiene su base científica.

Por tanto, los heatmaps son la alternativa perfecta para que puedas comprender cómo interactúan tus visitantes con la web sin tener que necesitar un complejo laboratorio de usabilidad. Además, existen otras variantes como los clickmaps, donde sólo se tienen en cuenta los clics y no el movimiento del cursor, o los scrollmaps, que marcan la profundidad a la que llegan los visitantes desplazándose verticalmente hacia abajo de la web.

Script para simular un heatmap en tu web

Si quieres probar cómo hacer un heatmap de tu comportamiento en tu web, estás de suerte porque te voy a explicar cómo hacerlo de forma sencilla. No necesitas tener conocimientos de programación, sólo saber copiar y pegar.

Lo primero que has de hacer es abrir en tu navegador la página web donde desees simular el heatmap. Una vez allí, has de abrir la consola JavaScript del navegador. Esto se hace de forma diferente dependiendo del navegador y el sistema operativo que utilices. Descubre cómo hacerlo en tu caso aquí.

En mi caso concreto, donde utilizo Google Chrome en un sistema Mac OS X, sólo tengo que ir al menú Ver » Opciones para desarrolladores » Consola JavaScript o pulsar Alt+Comando+I directamente. Esto abrirá una vista donde tienes acceso a una especia de terminal en el navegador donde puedes pegar código JavaScript para su ejecución.

Una vez has hecho esto, copia el siguiente fragmento de código (que también puedes encontrar en mi GitHub aquí):

El código que acabas de copiar hace uso de heatmap.js, una librería JavaScript que te permite crear heatmaps de forma rápida en tu web. Ahora lo pegas en la consola JavaScript del navegador que tienes abierta y pulsas intro para ejecutarlo. Si todo ha ido bien y no te salta ningún error, ya puedes cerrar la consola JavaScript. Ahora en cuanto muevas el ratón o hagas clic en la página verás cómo va apareciendo el heatmap con el seguimiento del movimiento y los clics.

Esto sólo ha sido un juego, pero es divertido, ¿verdad? Ten en cuenta que, para que el experimento tenga validez, es obvio que lo idóneo es que lo hagas de forma transparente (sin que tus visitantes vean el halo que van dejando) y agregando los datos de seguimiento del cursor de todos tus visitantes. De esto modo los datos serían reales y las conclusiones que podrías tomar sobre esto, válidas.

Si dominas JavaScript podrías montarte tú mismo un sistema que hiciera el seguimiento y enviara los datos al servidor donde después puedas agregarlos y dar la visualización final. Pero si no es tu caso, hay muchas herramientas de heatmaps ahí fuera, y la que te recomendamos para WordPress es Nelio A/B Testing, dónde podrás crear heatmaps de forma muy sencilla y además tienes la confianza de que ha sido creada por nosotros mismos, aquí en Nelio.

Si te animas, no dudes en dejarme un comentario al respecto con tu experiencia. Seguro que la información que extraes te es de mucha utilidad para entender mejor a tus visitantes y actuar en consecuencia.

Imagen destacada de Cristian Escobar en Unsplash.

FlojaNo está malBienMuy bien¡Impecable! (2 votos, promedio: 5,00 de 5)
Cargando…

Datos curiosos de tu web que puedes conocer gracias a Google Analytics

Publicada en WordPress.

Google Analytics es la herramienta de analítica web de referencia para la mayoría de los mortales. Cuando construyes una web es de las primeras cosas que configuras para así poder conocer de primera mano el número de visitantes que recibes y su comportamiento.

Ya hemos hablado anteriormente de cómo configurar Google Analytics en tu web. Y de cómo puedes explorar sus informes para sacarle todo el partido a esta herramienta. Ahora bien, ¿sabías que puedes conocer bastantes aspectos curiosos y divertidos de tu web y sus visitantes con Google Analytics? Hoy vamos a estudiar algunos puntos interesantes de Google Analytics que te servirán para pasar un rato entretenido investigando datos y conociendo un poco más tanto a tu audiencia como a tu propia web.

Curiosidades que puedes descubrir gracias a Google Analytics

El número de visitas a páginas o el tiempo que tus visitantes pasan en estas son datos muy trillados que cualquier artículo sobre Google Analytics te va a explicar. Para ser un poco más diferentes y originales, vamos a hacernos 7 preguntas curiosas sobre nuestra web y sus visitantes y veremos cómo responderlas con Google Analytics. ¡Espero que te guste!

¿Visitan más tu web hombres o mujeres?

Los hombres son de Marte y las mujeres de Venus. O eso dicen… Lo que es cierto es que hombres y mujeres, en general, vemos el mundo de forma diferente en algunos aspectos, por lo que entender si tu audiencia está formada por más hombres que mujeres (o viceversa) puede ser interesante.

Dependiendo de esto podrás dirigirte a tu público de un modo u otro (más directo, más informal, etc). Ojo, no pretendo que esto sea una guerra de sexos para averiguar qué es mejor. Pero está claro que si tienes una web de maquillaje (se viene topicazo) y tu público es mayoritariamente masculino, algo estás haciendo mal (o quizás no y has encontrado un nicho por explotar). Creo que ya ves por donde voy…

Google Analytics te muestra una gráfica con el género de tus visitantes.
Google Analytics te muestra una gráfica con el género de tus visitantes.

Google Analytics te permite conocer el género de tus visitantes de forma tremendamente sencilla. Ve al menú Audiencia y allí encontrarás el panel de Datos demográficos. En nuestro caso, como puedes ver en la imagen anterior, tenemos mayoría masculina. Está claro que el mundo de la web en general y de WordPress en particular aún está dominado por hombres. Esperemos que en el futuro cercano la tendencia vaya nivelándose y ese 27% de mujeres aumente.

Es interesante también ver las franjas de edad de los visitantes. Seguimos teniendo una media de visitantes de entre 25 y 34 años, aunque quizás esto es algo más general ya que es más difícil que las franjas de 55+ años sean las dominantes, al no ser generaciones nativas digitales.

Es curioso ver los intereses de tu audiencia en Google Analytics. De esta forma puedes sacar un perfil bastante curioso de tus visitantes.
Es curioso ver los intereses de tu audiencia en Google Analytics. De esta forma puedes sacar un perfil bastante curioso de tus visitantes.

En el mismo menú podemos encontrar la opción de Intereses, donde puedes descubrir en qué categorías incluye Google Analytics a tus visitantes. En nuestro caso vemos que nuestra audiencia está formada por compradores y tecnófilos del segmento de los negocios y la web. Parece que no hemos fallado demasiado al intentar llegar a este tipo de audiencia con los contenidos de nuestra web, ¿verdad?

¿Cuál es la ubicación más rara desde donde te visitan?

Google Analytics te muestra un resumen de las localizaciones geográficas desde donde tus visitantes visitan tu web. Habitualmente, si publicas contenido en habla hispana tendrás visitantes de países que hablen esa lengua (España, Latinoamérica, y poco más).

Las ubicaciones desde donde la gente visita nuestra web no son muy sorprendentes debido a que escribimos contenido en Español e Inglés.
Las ubicaciones desde donde la gente visita nuestra web no son muy sorprendentes debido a que escribimos contenido en Español e Inglés.

Dentro del menú Audiencia ve a la opción de Información geográfica y desde allí a Ubicación. Ahí la tienes, la lista con el ranking de visitas por país. Pero, ¿te has parado alguna vez a mirar cuál es el país más raro desde el que reciben visitas?

En la parte inferior derecha de este listado tienes la opción para avanzar en el ranking hasta llegar al final. El resultado es cuanto menos curioso.

Países más raros desde dónde nos llega tráfico a nuestra web.
Países más raros desde dónde nos llega tráfico a nuestra web.

Nuestra web recibe visitas desde Guernsey, St. Kitts & Nevis, Palau y Togo, entre otros. Llámame ignorante, pero no tengo ni idea de dónde están esos países. ¡Qué interesante descubrir localizaciones remotas desde donde personas reales visitan tu web y miran tus contenidos!

¿Qué idioma es el más común de tus visitantes? ¿Y el menos?

Es de suponer que si escribes tus contenidos en español, el idioma más común de tus visitantes sea ese. Para comprobarlo, solo tienes que ir al menú Audiencia, luego allí ve a la opción de Información geográfica y finalmente a Idioma.

Español e Inglés son los idiomas más habituales de los visitantes a nuestra web.
Español e Inglés son los idiomas más habituales de los visitantes a nuestra web.

Confirmado queda que nuestros visitantes utilizan el Español y el Inglés como idiomas más habituales. Nada nuevo aquí, ya que nuestra web está en los dos idiomas. Lo curioso es ir a la parte final de esta lista al igual que hicimos con la lista de países del apartado anterior.

Seguro que en tu web hay visitantes cuyo idioma es de lo más curioso. Son minoría, obviamente, pero resulta divertido verlo.
Seguro que en tu web hay visitantes cuyo idioma es de lo más curioso. Son minoría, obviamente, pero resulta divertido verlo.

Como puedes ver en la captura anterior, hay un visitante que habla letón (código de idioma lv) y otro que habla tamil (código de idioma ta), que por lo visto es una lengua que se habla en una región de la India. Puedes descubrir qué idioma es cada uno mirando el código de idioma en la referencia de códigos de idioma ISO 639-1 que encontrarás en la Wikipedia.

¿Desde qué dispositivos los visitantes acceden a tu web?

Si quieres que la experiencia de usuario de tus visitantes sea la mejor posible, tendrás que asegurarte de que los que accedan a tu web desde dispositivos móviles no tengan ningún problema. Como hay miles de dispositivos diferentes, una opción habitual es la de mirar qué dispositivos son los más comunes y probar tu web en estos.

Dispositivos móviles más populares entre los visitantes a nuestra web.
Dispositivos móviles más populares entre los visitantes a nuestra web.

En Google Analytics puedes ver los dispositivos móviles más usados por tus visitantes yendo al menú Audiencia y al apartado Dispositivos móviles. En nuestro caso vemos al iPad de Apple en el top de la lista.

Dispositivos menos populares con los que algunos visitantes acceden a nuestra web.
Dispositivos menos populares con los que algunos visitantes acceden a nuestra web.

También podemos ver qué dispositivos son los más raros que usan nuestros visitantes. Podemos encontrar aquí algunas perlas curiosas, como el dispositivo cuyo nombre es Wiko Rainbow Jam, usado por un visitante de nuestra web. Por lo visto es un móvil barato de un fabricante francés. ¡La de cosas que puedes aprender si prestas atención a estos datos de Google Analytics!

¿Qué navegadores y sistemas operativos usan tus visitantes?

En Google Analytics vamos al menú Adquisición, luego al apartado Tecnología, y finalmente a Navegador y SO. Allí encontramos una lista con los navegadores más usados por nuestros visitantes.

En Google Analytics puedes ver desde qué navegadores web acceden tus visitantes a tu web.
En Google Analytics puedes ver desde qué navegadores web acceden tus visitantes a tu web.

En este listado puedes encontrar curiosidades como que en nuestra web hay 2 personas que han accedido a través de su PlayStation 3. ¿En serio hay gente que navega por Internet a través de su videoconsola?

También destacar alguna rareza más, como los navegadores Coc Coc (un navegador vietnamita), Maxthon (un navegador chino) o Puffin (un navegador para Windows). No había oído hablar de estos programas en la vida.

¿Qué consultas en Google llevan a tu web?

Una de las preguntas que más veces te puedes hacer cuando administras una web es saber qué consultas hacen los visitantes en Google que acaban llegando a tu web. Para saberlo, has de ir al menú Adquisición, luego a Search Console y por último a Consultas.

Consultas que tu audiencia hace en Google antes de llegar a tu web.
Consultas que tu audiencia hace en Google antes de llegar a tu web.

En nuestro caso, la consulta «como empezar un blog» es de las más populares. Esto es algo que hemos propiciado nosotros al escribir muchos contenidos sobre la temática de blogs y generación de contenidos.

Por otro lado podemos encontrar cosas divertidas como que hay gente que llega a nuestra web después de buscar en Google «frases de game of thrones». Parece que el artículo que hizo mi compañera Ruth sobre frases de Juego de Tronos útiles para el mundo emprendedor ha tenido éxito en Google 😅.

¿Cuál es la peor página de tu web?

Todo depende de lo que entiendas por «peor». En este caso, definiremos la peor página como aquella que trae visitas pero que tiene el índice de salida más alto. Es decir, será una página que atrae a los visitantes pero que una vez llegan a ella, salen de allí cual alma que lleva el diablo. No siguen visitando tu web. Y eso es algo que claramente no queremos que pase.

Las peores páginas de tu web son aquellas que atraen tráfico pero que una vez este llega, se va sin continuar navegando.
Las peores páginas de tu web son aquellas que atraen tráfico pero que una vez este llega, se va sin continuar navegando.

Ve al menú Comportamiento, luego a Contenido del sitio y finalmente a Páginas de salida. En esa vista verás qué páginas de tu web atraen tráfico y lo repelen de tu web. En nuestro caso vemos que la entrada de nuestro blog en la que hablamos de problemas comunes de WordPress tiene bastantes visitas, pero también que el 93% del tráfico que llega allí se pierde.

Por tanto, esa es una página mala que tendremos que mejorar para conseguir que esos visitantes se dirijan a otros contenidos en vez de irse de nuestra web.

Resumen final

Países curiosos, lenguas desconocidas, guerras de sexos, navegadores y dispositivos curiosos, palabras clave divertidas o páginas que no son tan buenas como piensas. Todo estos datos están en Google Analytics para que pases un rato entretenido explorándolos.

No te quedes en los datos superficiales de tu herramienta de analítica web. Si buceas un poco en ellos encontrarás auténticas perlas que seguro que te divierten un rato. ¿Has descubierto algo también interesante en tu Google Analytics? Cuéntanos el qué en los comentarios de aquí abajo. Seguro que tienes alguna anécdota que nos divierta. Estamos deseando escucharte 😉.

Imagen destacada de Markus Spiske en Unsplash.

FlojaNo está malBienMuy bien¡Impecable! (Ninguna valoración todavía)
Cargando…

Cómo convertir tu WordPress en un foro

Publicada en WordPress.

El éxito de WordPress está en su versatilidad. Lo que nació siendo una sencilla plataforma de blogging ha acabado convirtiéndose en prácticamente lo que uno quiera… Desde una tienda online a una web corporativa, pasando por una red social, la verdad es que puedes hacer que tu WordPress sea cualquier cosa. Y sí, eso también incluye los ya clásicos foros de Internet. ¿Quieres saber cómo crear tu propio foro? ¡Pues no te pierdas esta entrada!

bbPress, un plugin para tener foros en tu WordPress

bbPress es un plugin para añadir foros a tu WordPress creado por los mismos creadores del propio WordPress, así que podemos decir que estamos ante el plugin oficial. Como puedes imaginar, se trata de un plugin de código abierto, con una documentación excepcional y una cantidad de recursos en Internet increíble. Si quieres montar un foro, esta es tu solución sin ningún tipo de duda.

Página oficial de bbPress
Página oficial con la documentación de bbPress.

Vamos a ver cómo instalarlo y configurarlo en tu web.

Cómo instalar y poner en marcha bbPress, paso a paso

La instalación y configuración de bbPress es de lo más sencillo que vas a encontrar. Al tratarse de un plugin de WordPress, basta con que lo busques desde tu Escritorio, lo instales y lo actives:

Resultados de la búsqueda de bbPress en el escritorio de WordPress
Resultados de la búsqueda de bbPress en el escritorio de WordPress.

Una vez el proceso de instalación y activación haya acabado, verás la siguiente página de bienvenida con información sobre las novedades que trae la versión que acabas de instalar:

Página de bienvenida de bbPress
Página de bienvenida de bbPress.

¡Y ya está! Es así de sencillo. ¿Ves como no costaba nada?

Creación del primer foro

Además de la pantalla de bienvenida, si prestas un poco de atención a tu escritorio verás que, después de instalar bbPress, han aparecido algunos menús nuevos: Foros, Temas y Respuestas. Es en estos apartados donde verás todo el contenido que tus usuarios creen en tus foros.

Opción para crear un nuevo foro en el menú de WordPress
Opción para crear un nuevo foro en el menú de WordPress.

Justo cuando empezamos no tenemos ningún foro disponible, así que lo primero que deberemos hacer es crear uno. Para ello, ve a Foros » Nuevo foro y rellena la información que te piden en el formulario:

Formulario para la creación de un nuevo foro en bbPress
Formulario para la creación de un nuevo foro en bbPress. Como puedes ver, es muy parecido a las pantallas de creación de páginas y entradas.

Basta con que pongas un nombre al foro y una pequeña descripción y ya lo tienes preparado. Puedes ir repitiendo el proceso tantas veces como quieras para crear los diferentes foros de discusión que te interese tener:

Lista de foros en el Escritorio de WordPress
Lista de foros en el Escritorio de WordPress.

La interfaz para gestionar los foros es, como puedes ver en la captura anterior, muy familiar, puesto que es la misma que tenemos para gestionar páginas y entradas en WordPress. Evidentemente bbPress incluye un montón de pequeñas opciones que podemos manipular, como el orden en que aparezcan los foros, si queremos que los foros sean jerárquicos o no, su estado, la visibilidad… Pero todo esto son cosas que puedes ir descubriendo por ti mismo, ¿verdad? 😊

Añadir los foros en el menú de navegación

Después de crear los foros es hora de hacerlos accesibles a los visitantes de tu web. De hecho, si los has publicado ya están disponibles para todo aquél que sepa su URL (por lo general, siguen el patrón https://ejemplo.com/forums/forum/nombre-del-foro), pero me refiero a que deberías meterlos en tu menú de navegación.

Para añadir un nuevo foro en tu menú de navegación, ve a Apariencia » Menús y busca los Foros en la columna izquierda de la página de edición de menús. Allí encontrarás todos los foros que hayas creado y los podrás añadir fácilmente a tu menú.

Añadiendo los foros en el menú de navegación de WordPress
Puedes añadir tus foros fácilmente en el menú de navegación de tu web usando la pantalla de edición de menús.

Una de las dudas más habituales cuando se instala por primera vez bbPress es: ¿no existe una página pública donde aparezcan todos mis foros? Y la respuesta es que sí, por supuesto que existe: https://ejemplo.com/forums/. El problema es que no es una página que exista como tal (y que, por lo tanto, encontremos en nuestro escritorio de WordPress dentro del apartado Páginas), sino que es una página «virtual» que genera el propio bbPress:

Lista de foros en bbPress desde la parte pública de la web
Lista de foros en bbPress desde la parte pública de la web.

Personalmente te recomiendo que añadas dicha página en tu menú de navegación usando la opción de enlaces personalizados que encontrarás en la pantalla de edición de menús:

Creación de un menú especial para ver la lista de foros
Usando la opción de enlace personalizado, puedes añadir una opción especial en el menú que te lleve a la lista de foros.

Si lo haces así, luego puedes colgar todos los foros de ese elemento, dejando un menú limpio y ordenado:

Ejemplo de jerarquía de menús para los foros.
Ejemplo de jerarquía de menús para los foros.

Un vistazo a los usuarios…

Si tienes foros, lo más normal es querer que la gente (los usuarios) participen en ellos, así que vamos a dedicar un par de minutos a hablar de la gestión de usuarios en tus foros bbPress. Probablemente, lo primero que debas hacer es habilitar la opción de que cualquier usuario se pueda registrar en tu web o, sino, será imposible que participen en los foros. Para ello, simplemente ve a Ajustes » General y activa la casilla que permite que cualquiera se registre:

Activar la posibilidad de que cualquier usuario se registre a tu web
Activar la posibilidad de que cualquier usuario se registre a tu web.

Huelga decir que si haces esto deberás añadir algún tipo de protección antispam en tus formularios de registro usando plugins como, por ejemplo, Akismet, o te arriesgas a que tu instalación se llene de usuarios basura… 😥 Avisado estás 😇

Una vez hecho esto, lo único que tienes que saber es que bbPress define varios roles adicionales para tus usuarios, cada uno de los cuales establece diferentes permisos a la hora de interaccionar con los foros, temas y respuestas que van apareciendo en tu web:

Roles de usuario en los foros
bbPress define un conjunto de roles de usuario adicionales para gestionar y/o participar en los foros. Los encontrarás en la página de configuración de cada usuario.

  1. Jefe de claves. El administrador del sitio es el que tiene por defecto este rol, así que podemos decir que es el rol que tienes ahora mismo después de haber instalado el plugin. El jefe de claves es el que tiene todo el poder y control sobre los foros, pudiendo crear y borrar foros, crear, editar y borrar temas y respuestas, etc.
  2. Moderador. Los moderadores tienen las herramientas necesarias para moderar los foros, aprobar o bloquear comentarios y usuarios, etc.
  3. Participante. Este es el rol por defecto que se asigna a los usuarios que se apuntan al blog. Pueden crear temas y participar en los que ya existen, marcarlos como favoritos, suscribirse a las novedades, etc.
  4. Espectador. Los espectadores tienen únicamente permisos de lectura en aquellos contenidos que sean públicos.
  5. Bloqueado. Cuando un usuario ha sido bloqueado, no tiene permiso para nada más que leer el contenido público. Jamás va a poder participar, puesto que se le bloqueó de los foros.

Preparar las páginas para registrarse y para recuperar la contraseña

Evidentemente, si queremos que los usuarios participen en nuestros foros hay que facilitarles la posibilidad de registrarse y de recuperar la contraseña en caso de que la hayan olvidado. Por suerte, esto también es bastante fácil en bbPress.

Para que los usuarios se puedan registrar, crea una nueva Página en tu web que se llame Registro y pega el siguiente shortcode en el contenido: [[bbp-register]]. Con esto, consigues una página sencilla con la siguiente apariencia:

Página de registro
Página de registro que incluye el shortcode pertinente de bbPress.

Luego crea otra página llamada Recuperar contraseña y pega el shortcode [[bbp-lost-pass]] para generar la página con la que los usuarios podrán recuperar su contraseña cuando no la recuerden:

Página para recuperar la contraseña
Página para recuperar la contraseña que incluye el shortcode pertinente de bbPress.

¡Y ya está! Bueno, obviamente te queda poner estas páginas en el menú de navegación o en algún sitio concreto para que el usuario pueda llegar pero… sí, en definitiva ya tienes todo lo que necesitas.

Cosas a tener en cuenta

Como ves, montar un foro en WordPress es muy sencillo: en un par de clics puedes tener los foros operativos y funcionando a toda vela. Pero antes de dar la entrada por finalizada, me gustaría compartir contigo un par de consejos más.

Compatibilidad con el tema

Todas las capturas de pantalla que he puesto hoy aquí están con el tema oficial de WordPress Twenty Seventeen. Como has podido ver, la apariencia de los foros y los formularios no está mal del todo, pero la verdad es que es todo bastante sobrio. Es por ello que te recomiendo que busques temas compatibles con bbPress. Algunos de ellos tienen diseños muy elegantes y bonitos para los foros, los temas, etc., y realmente consiguen que tu web destaque, así que dedica unos minutos a explorar las opciones.

Aquí te dejo una lista que hicieron los compañeros de wpbeginner.

Widgets específicos de bbPress

bbPress incluye muchas más cosas de las que hemos visto hasta ahora. Por ejemplo, el mero hecho de haber instalado el plugin añade una colección bastante grande de nuevos widgets que puedes usar en tu web:

Widgets disponibles en bbPress
Widgets disponibles en bbPress.

El más interesante para mí es, de entrada, el de Inicio de sesión. Si queremos reducir la fricción y facilitarle al usuario la participación en nuestros foros, ¿qué mejor que ponerle el formulario de inicio de sesión en una sidebar que aparezca en todas las páginas?

En la siguiente captura puedes ver cómo configurar el widget de Inicio de sesión. Como puedes ver, consta de tres campos: el título del widget y dos URLs. Estas URLs se corresponden a las páginas de registro y de recuperación de contraseña que hemos generado anteriormente.

Widget para iniciar sesión y poder participar en los foros
Widget para iniciar sesión y poder participar en los foros.

Si lo haces bien, este es el widget que verán tus usuarios:

Vista previa del widget para iniciar sesión
Vista previa del widget para iniciar sesión.

Ajustes de los foros

Además de los menús nuevos que ha añadido bbPress en nuestro escritorio y que ya hemos comentado, el plugin también añade un nuevo submenú desde el que configurar el plugin. En concreto, si vas a Ajustes » Foros podrás manipular cosas como la frecuencia de publicación de contenidos (para evitar el spam), el rol por defecto que deben tener los nuevos usuarios, parámetros de paginación y un largo etcétera. No olvides echar un vistazo a esos ajustes para adaptar el plugin a tus preferencias.

Plugins adicionales para potenciar bbPress

Finalmente, huelga decir que bbPress es uno de los clásicos dentro del mundo WordPress y, por lo tanto, la colección de plugins que hay alrededor y que extienden sus funcionalidades es increíble. Así que si hay algo que quieras hacer con tus foros y que no esté disponible por defecto, no olvides pasarte por la sección de plugins de la web de bbPress.

Resumiendo…

Montar una web con foros basada en WordPress es de las cosas más sencillas que hay: basta con instalar un plugin y, con unos pocos clics más para configurarlo, ya lo tienes todo listo. Si quieres montar una comunidad y promover la participación de tus visitantes, usa bbPress y convierte tu WordPress en un fantástico foro online.

Imagen destacada de Toa Heftiba en Unsplash.

FlojaNo está malBienMuy bien¡Impecable! (1 votos, promedio: 5,00 de 5)
Cargando…