¿Eres un fan de WordPress? Apuesto a que sí, por lo que tienes que probar nuestro nuevo plugin: Nelio Content. Hay tantas cosas que podrás hacer sin salir de WordPress… ¡Descúbrelas todas!
El nuevo editor de bloques de WordPress (también conocido como Gutenberg) es un cambio radical para los desarrolladores acostumbrados a trabajar con PHP.
Si necesitaste aprender JavaScript en profundidad de forma rápida para así actualizar tus plugins y mantener todo funcionando, es posible que te sintieras un poco abrumado.
El desarrollo de bloques representa un gran reto para todos los que no dominamos JavaScript. En esta charla que di en la pasada WordCamp Nordic pude enseñar una serie de buenas prácticas a seguir en el desarrollo con Gutenberg, así como alguno de los errores típicos que debes evitar para que tu código no rompa nada.
Puntos clave
Los argumentos más importantes tratados en la presentación son los siguientes:
En 2015 a los desarrolladores de WordPress se les encomienda la misión de aprender JavaScript en profundidad. Se avecinan cambios que harán necesario tener este tipo de conocimientos.
En Diciembre de 2018, con el anuncio definitivo de la fecha de salida de WordPress 5.0 y el nuevo editor de bloques (también conocido como Gutenberg), los desarrolladores de plugins han de adaptar sus plugins al nuevo editor. Es en este momento cuando aprender JavaScript en profundidad se convierte en una prioridad.
Aprender JavaScript en profundidad implica dominar toda una serie de tecnologías además del propio lenguaje. Transpiladores, compiladores, empaquetadores… Todo esto es complejo y puede asustar al desarrollador más purista de PHP.
Hemos desarrollado un boilerplate para facilitar el proceso de adaptación a los desarrolladores WordPress. Este plugin sienta las bases de la programación sobre el editor de bloques incluyendo una configuración inicial completa sobre la que ir avanzando.
Lo primero que choca al abrir archivos JavaScript de Gutenberg para intentar entenderlos es su sintaxis moderna. Si no entendemos las construcciones modernas de ESNext, se hace complicado poder entender el código de Gutenberg. Por esto, la recomendación es entender la sintaxis de las construcciones ESNext de JavaScript.
Una vez entiendes la sintaxis de JavaScript, el siguiente paso debería ser aprender React. No obstante, WordPress encapsula y oculta React bajo sus propias funciones. Por tanto, en vez de aprender React es mucho más interesante aprender la sintaxis JSX para creación de interfaces de usuario.
Gutenberg proporciona un montón de componentes reutilizables para crear interfaces de usuario en JSX. Una buena práctica es utilizar componentes ya existentes, en vez de programar desde cero o reinventar la rueda.
La función registerBlockType es la más conocida de Gutenberg. Proporciona la posibilidad de crear nuevos bloques en el editor. Pero hay muchas más funciones que vale la pena investigar.
La función registerPlugin te permite añadir un plugin que extiende el editor con una barra lateral en la que añadir los componentes que desees.
La función subscribe te permite escuchar los cambios que suceden en el editor de bloques y añadir tus propias funciones que se ejecutan cada vez que ocurre un cambio. Has de ir con cuidado y evitar el código incondicional con esta función para evitar afectar al rendimiento final del editor.
Ten cuidado al escribir tu código JavaScript. No estás solo. Tu código puede romper cosas si eres descuidado.
En vez de aprender JavaScript en profundidad, aprende Gutenberg superficialmente y empieza a desarrollar más rápido. Luego ya te centrarás en ampliar y profundizar tus conocimientos en aquellas áreas que necesites.
No tengas miedo al nuevo editor de bloques ni a JavaScript. Con lo que se explica en esta presentación puedes empezar a desarrollar poco a poco.
Recursos
Los siguientes recursos fueron mencionados durante la presentación o son información adicional útil.
State of the Word – WordCamp US 2015: Presentación de Matt Mullenweg durante la WordCamp US de 2015 donde se pide por primera vez a los desarrolladores de WordPress que aprendan JavaScript en profundidad (“learn JavaScript deeply”).
Getting Started with JavaScript: documentación oficial de WordPress para iniciar a los desarrolladores al uso y manejo de JavaScript.
WordPress Block Editor Boilerplate: plugin base sobre el que extender el editor de bloques de WordPress (Gutenberg) con bloques adicionales o plugins para el propio editor. Incluye ejemplos y está documentado.
Construcciones de ESNext para JavaScript: tutorial con ejemplos de uso de la sintaxis moderna de JavaScript, que encontrarás todo el rato en el código fuente de Gutenberg.
Si eres como yo, estoy segura de que no quieres perder tu tiempo promocionando entradas en Twitter, Facebook, LinkedIn… ¡Utiliza Nelio Content y deja que trabaje por ti! ¡Échale un vistazo!
Muchos servicios externos que utilizan a su vez la nube de Google te van a pedir una API Key para poder funcionar. Pero, ¿qué es una API Key y cómo la puedes obtener? Pues esto mismo es lo que te voy a explicar ahora mismo.
En el ejemplo que vamos a ver obtendremos una API Key para poder utilizar la API de Google Cloud Translate, pero el proceso es el mismo si, por ejemplo, queremos obtener una API Key para otro servicio de Google Cloud diferente, como podría ser Google Maps.
Empecemos por el principio… Una API Key no es más que una cadena de caracteres que funciona como una clave de uso o licencia de un determinado servicio. En el caso que estamos tratando, una API Key de Google nos permitirá acceder a alguno de los servicios de la nube de Google desde una aplicación externa.
Sin esa clave no podremos hacer llamadas a los servicios de Google de forma autenticada desde una aplicación de terceros, y por tanto no nos funcionará la aplicación que hace uso de esta clave. Ahora que tenemos un poco más claro que es una API Key, veamos cómo obtener una para Google Translate.
Cómo crear una nueva cuenta en Google Cloud Console
Lo primero que necesitas es tener una cuenta en Google Cloud Console y configurar un método de pago en esta. Para ello, sigue estos pasos:
Abre el menú lateral izquierdo de la consola y selecciona Billing (facturación).
Haz clic en el botón New billing account (nueva cuenta de facturación). Ten en cuenta que si ésta no es tu primera cuenta de facturación, primero debes abrir la lista de cuentas de facturación. Para ello, haz clic en el nombre de tu cuenta de facturación existente cerca de la parte superior de la página y, a continuación, en Manage billing accounts (administrar cuentas de facturación).
Introduce el nombre de la cuenta de facturación y su información de facturación. Las opciones que verás dependen del país de tu dirección de facturación.
Haz clic en Submit and enable billing (enviar y habilitar la facturación).
Pantalla principal de de Google Cloud Console.
De forma predeterminada, la persona que crea la cuenta de facturación es un administrador de facturación para la cuenta. Cuando ya tengas la cuenta bien creada y la información de facturación lista, ya puedes seguir con los siguientes pasos para obtener la API Key.
Cómo crear un nuevo proyecto en Google Cloud
Ve a la barra superior y en el desplegable podrás ver tus proyectos creados así como crear uno nuevo haciendo clic en el botón New Project:
Pantalla de selección y creación de un nuevo proyecto en Google Cloud.
Ahora lo que tienes que hacer es darle un nombre al nuevo proyecto y crearlo haciendo clic en el botón correspondiente, como puedes ver en la siguiente captura:
Vista de creación de un nuevo proyecto en Google Cloud.
En este punto ya tienes el proyecto creado y seleccionado, así que sigamos adelante.
Activar la API de Google Translate
Antes de poder usar una API de Google en tu proyecto, lo que hay que hacer es activarla. Ve al menú lateral y selecciona la opción APIs & Services:
Menú de APIs y servicios de Google Cloud.
Ahora verás una pantalla con estadísticas sobre las APIs que tienes activadas. Si creaste el proyecto desde cero siguiendo los pasos que ya te he explicado antes, no tendrás datos de uso, como puedes ver:
Dashboard de APIs y servicios de Google Cloud.
Tienes que hacer clic en el botón superior Enable APIs and services para seguir con el proceso de activación de la API que queramos activar.
Esto nos lleva a un buscador donde hemos de buscar la API de Google Translate, que es la que vamos a activar en este tutorial. Escribe translate en el cuadro de búsqueda y haz clic en el resultado Cloud Translate API.
Vista de búsqueda de APIs para su posterior activación en nuestro proyecto de Google Cloud.
Esto nos lleva a una pantalla con la descripción de la API de Cloud Translation, donde hemos de hacer clic en el botón Enable para activar la API en nuestro proyecto:
Antes de poder empezar a utilizar la API de Google Translate en nuestro proyecto hay que activarla en Google Cloud.
Ya tenemos la API de Google Cloud Translate activada. Ya casi estamos…
Crear una nueva API Key para Google Translate
Después de activar la API, veamos cómo generar una nueva API Key para poder usar este servicio. Tenemos que ir al menú lateral otra vez y seleccionar la opción Credentials:
Menú de gestión de credenciales de Google Cloud Translate.
En esta pantalla veremos un botón con un desplegable y el texto Create credentials. No hagas clic en el botón. Lo que tienes que hacer es abrir el desplegable haciendo clic en la flecha de la derecha del botón y allí seleccionar la opción API Key.
Hay que seleccionar el tipo de credencial API Key para crear una nueva clave para la API de Google Translate.
Esto crea la nueva API Key. Ya la puedes copiar si quieres, aunque podrás acceder a ella más tarde:
Google Cloud nos proporciona una nueva API Key para poder usar Google Translate con nuestras aplicaciones de terceros.
Cómo restringir nuestra API Key para proteger y limitar su uso
Para controlar el coste de Google Cloud al usar la API de Google Cloud Translation (o Google Translate, que lo mismo es), podemos hacer dos cosas: restringir desde donde se puede usar la API Key que acabamos de crear, y limitar el uso que podemos hacer del propio servicio.
En la captura de pantalla anterior, si haces clic en el botón Restrict Key irás a la pantalla de restricción de la API Key que hemos creado:
Podemos restringir desde qué dominio web podemos utilizar la API Key que acabamos de generar para evitar un mal uso de la misma en caso de pérdida.
Allí puedes seleccionar restringir la API Key por HTTP referrers, que lo que quiere decir es que sólo podrás hacer llamadas a la API de Google Cloud Translate mediante la API Key desde ciertos nombres de dominio.
Has de añadir los nombres de dominio habilitados en el cuadro de texto que aparece al seleccionar la opción HTTP referrers. En nuestro caso, nosotros hemos añadido aquí nuestro nombre de dominio https://neliosoftware.com/*.
Por otro lado, ve al menú API’s & Services → Dashboard → Cloud Translation API → Quotas y allí encontrarás un cuadro llamado Characters. Allí puedes modificar los límites de uso de la API de Google Cloud Translation y reducirlos, si lo crees necesario.
El precio de Google Cloud Translation API en el momento de escribir esta entrada es de 20 dólares americanos por cada millón de caracteres traducidos, así que haz tus números.
Google Cloud nos permite limitar el uso que hacemos de las APIs para así controlar los consumos máximos que queremos acabar pagando.
Pues ahora sí que ya estamos. Ya tienes tu API Key lista para ser usada con la aplicación que quieras. El proceso es un poco engorroso así de primeras, pero tampoco es algo que imposible. ¡Pruébalo y ya me cuentas!
¿Sabías que sólo somos tres personas en Nelio? Y aún así nuestras entradas molan, ¿eh? ¡Es gracias a nuestro nuevo plugin, Nelio Content! ¿Por qué no lo usas tú también?
Uno de los mayores retos que tenemos por delante los que nos dedicamos a desarrollar con WordPress es reciclar nuestros conocimientos para adaptarnos al nuevo paradigma de programación que hay detrás del nuevo editor de bloques.
La principal novedad es el cambio en el stack de tecnologías a utilizar. Habitualmente un desarrollador de WordPress estaba acostumbrado a utilizar principalmente PHP, con añadidos en HTML, CSS y JavaScript en menor grado. Ahora la herramienta principal es JavaScript, dejando relegado PHP a ser usado como base para crear la estructura de plugins y temas.
Es posible que pienses que esto no es así y que todavía PHP tiene largo recorrido en WordPress. No te culpo por ello, los cambios siempre cuestan de aceptar. Sin embargo, creo que te equivocas. JavaScript ya no es el futuro de WordPress, sino el presente. Y si quieres mantener tu posición, te va a tocar sí o sí ponerte las pilas.
Aprende JavaScript en profundidad, decían…
Afortunadamente, aunque nos han insistido en que debemos aprender JavaScript en profundidad, yo creo que no es así. Con conocer unos mínimos básicos que cualquier tutorial te puede enseñar es más que suficiente. Lo demás que vas a necesitar para empezar a desarrollar para Gutenberg lo puedes aprender rápidamente gracias a los recursos que te voy a ir dejando a lo largo de este artículo.
Aprende JavaScript
Cuando aprendes un nuevo lenguaje de programación, lo primero que necesitas es conocer y entender su sintaxis. Sólo de esta forma podrás empezar a programar con él. Una vez que tienes esto claro, no hace falta mucho más para empezar a crear.
Cuando quieres aprender JavaScript, no hace falta leerse un manual de más de 1000 páginas… Hay opciones mucho más simples y amenas, a la par que suficientemente completas.
Si nunca antes habías hecho nada con JavaScript, estos son algunos tutoriales en diferentes formatos que te ayudarán a iniciarte:
JavaScript For Cats: otra introducción a JavaScript con ciertos toques de humor gatuno.
Exercism.io: web gratuita en la que puedes hacer ejercicios en JavaScript y subir tu solución para que un mentor te la evalúe.
JSBooks: si eres de los que prefiere aprender con libros, aquí tienes un montón de ellos gratis.
Por el contrario, si ya tienes algo de experiencia utilizando JavaScript, amplía tus conocimientos estudiando conceptos avanzados sobre las funciones, ejecución asíncrona con promises y async/await, y en definitiva, todo aquello relativo a ESNext.
Con una jornada de formación en JavaScript debería ser más que suficiente para adquirir los conocimientos básicos para moverte con soltura en todo lo relativo a lo que necesitarás para desarrollar sobre el editor de bloques de WordPress.
Aprende React y Redux
Además de JavaScript, para desarrollar sobre el editor de bloques de WordPress necesitarás tener ciertas nociones de React y Redux.
Esto es lo que todo el mundo te dirá, pero la verdad es que no es así. Puedes desarrollar para Gutenberg sin tener ni idea de React ni de Redux. Eso sí, si sabes como funcionan y para que se utilizan, pues mejor que mejor.
React y, sobretodo, JSX
De lo que no puedes prescindir es de conocer cómo funciona la sintaxis JSX para crear elementos dentro de React, que utilizaremos para definir la interfaz de nuestros componentes (ya sean bloques de Gutenberg o vistas dentro del editor).
Imagínate que quieres definir la interfaz de los componentes Product y ShoppingListpara luego usarlos en un bloque de Gutenberg. Con notación estándar lo harías de la siguiente forma, utilizando la llamada wp.element.createElement() que te proporciona Gutenberg:
En cambio, si usas JSX dentro del método render(), que no es más que una notación similar al HTML, lo que tienes es lo siguiente:
Utilizar JSX simplifica la escritura y reutilización de componentes, ya que el código es mucho más simple y más fácil de leer. Como ves, en el ejemplo anterior estamos creando componentes React sin tener ni idea de React, sólo sabiendo manejar JSX y utilizándolo como si de un HTML con superpoderes se tratase. Además, puedes utilizar componentes ya existentes en Gutenberg. Los puedes ver en este visualizador que además está enlazado a la documentación oficial.
Sólo hay un problema. Necesitarás transpilar el código con Babel para que esa notación se acabe transformando en el código sin JSX y cualquier navegador lo pueda interpretar. Sin embargo, esto no es un drama ya que lo puedes hacer automáticamente con WebPack.
Redux para mantener el estado de tu aplicación
Por otro lado, también es posible que hayas oído hablar de Redux. Se trata de una herramienta para guardar y gestionar el estado en aplicaciones JavaScript. De nuevo, si te interesa aprenderlo, te recomiendo estos vídeos de Wes Bos, pero tampoco es necesario.
Si tuvieras la necesidad de crear tu propia store de datos, no la harías con Redux, sino que utilizarías el paquete @wordpress/data incluido en Gutenberg. Este paquete utiliza Redux internamente, pero eso a ti te da igual. Además, estamos hablando de un caso de uso complejo que seguramente no necesites, por lo menos en una etapa inicial. Así que por lo pronto olvídate de ello.
NPM, WebPack, Babel, PostCSS y ESLint
Además de JavaScript y nociones básicas de React y de JSX, para la nueva era que ya está aquí en WordPress vas a necesitar conocer las siguientes tecnologías para que tu trabajo de desarrollador sea mucho más sencillo y automatizado:
NPM: el gestor de dependencias por antonomasia para JavaScript. define las dependencias que necesites y al hacer npm install, se instalan solas.
WebPack: el empaquetador de JavaScript. Es complicado de configurar al principio, pero una vez lo tienes, facilita el trabajo de gestión de archivos JavaScript: transpilación, minificación…
Babel: el compilador de JavaScript para poder usar la sintaxis de las próximas versiones de este lenguaje hoy.
PostCSS: lo mismo que Babel, pero para tus hojas de estilo CSS.
ESLint: detecta errores de uso y estilo de JavaScript para que los evites mientras estás escribiendo código.
La mayoría de estas tecnologías ya te las presenté con anterioridad aquí. Sin embargo, me voy a poner de deberes escribir otro artículo pronto donde te explicaré cómo integrarlas en un proyecto de desarrollo para WordPress. para que así las sepas usar en un caso real.
Cómo crear nuevos bloques para Gutenberg
Ahora sí, vamos a por la parte más importante de todas: qué necesitamos para empezar a crear nuevos bloques para el editor de WordPress.
Lo primero que necesitas para empezar a crear tus propios bloques es dominar la función wp.blocks.registerBlockType(). La documentación más completa sobre esta función la encontrarás aquí, en la guía oficial de Gutenberg.
A esta función le pasas como parámetro un string con el nombre del bloque, que ha de ser único e identificarlo, y un objeto con la configuración del bloque, donde las partes más importantes son la función save y la función edit del bloque. Ya te expliqué brevemente esto en este artículo.
Si esto te parece demasiado complicado, puedes empezar utilizando el toolkit de Ahmad Awais llamado create-guten-block. Esto te crea una estructura de directorios con todas las dependencias necesarias para crear tu primer bloque. Puedes ver un tutorial sobre su uso en el siguiente vídeo:
Finalmente, si esto te sigue pareciendo demasiado complejo, tienes una última opción disponible. Seguro que conoces el plugin Advanced Custom Fields (también conocido como ACF, por sus siglas). Pues bien, este plugin te va a permitir crear bloques para Gutenberg sin tener ni idea de JavaScript.
Pero esto no te lo voy a explicar yo, mejor te lo cuenta Mauricio Gelves en su blog con todo lujo de detalles. Y si lo prefieres, también puedes ver la presentación que hizo Mauricio sobre este tema en la WordCamp Zaragoza 2019 que ya tienes en WordPress.tv:
Extender el editor de bloques de WordPress
Hay muchas otras cosas que puedes hacer con Gutenberg, además de crear nuevos bloques. Por ejemplo, puedes crear un plugin dentro de Gutenberg para añadir un panel de opciones en la zona lateral derecha del editor con todo lo que desees. Lo mejor de esto es que la documentación oficial de WordPress incluye este tutorial completo con ejemplos concretos de lo que puedes hacer allí.
Te recomiendo que te mires con mimo toda la documentación oficial que tienes en la guía de Gutenberg para desarrolladores y diseñadores que encontrarás aquí. Tómatelo con calma porque hay mucha información y el orden no es el más claro, pero sin duda, este es uno de los mejores recursos que tienes disponible.
Una de las cosas que más me gusta de WordPress son los plugins; ¡hay tantas cosas que puedes hacer! Por ejemplo, puedes descargar e instalar nuestro nuevo plugin, Nelio Content.
La versión 5.0 de WordPress que se lanzó el 6 de diciembre del 2018 trajo consigo el editor Gutenberg de WordPress, basado en bloques. Con el nuevo editor, cada trocito de contenido es un bloque. Un párrafo, una imagen, un vídeo de YouTube, una tabla, etc., es un bloque separado. Este nuevo paradigma de edición nos abre nuevas posibilidades de diseño para la creación de páginas y entradas, tal y como mostró Matt Mullenweg en la WordCamp US 2018 (minuto: 9:50 del vídeo).
Por defecto, Gutenberg te viene con un conjunto de bloques bastante completo que los podríamos categorizar en:
Bloques de creación de texto para crear párrafos, listas, encabezados, tablas y botones.
Bloques de creación de objetos multimedia como imágenes, imágenes de portada, galerías de imágenes, audios, vídeos, objetos incrustados y shortcodes.
Bloques para insertar citas y versos.
Bloques de creación de código y HTML.
Bloques de formato de columnas y separadores.
Aunque el editor de Gutenberg no los agrupa por las categorías que te he comentado. Primero te muestra los que considera bloques comunes:
Bloques comunes del editor Gutenberg.
Luego, los bloques que te permiten crear formatos distintos:
Bloques de formatos.
Bloques para crear elementos de diseño:
Elementos de diseño.
Bloques para crear widgets:
Bloques de widgets.
Y finalmente, los bloques para incrustar elementos externos:
Algunos de los bloques para incrustrar elementos externos.
Así de entrada en Gutenberg parece que tienes un montón de bloques, pero luego te das cuenta de que te gustaría incluso tener más posibilidades. Y es por este motivo que encontrarás plugins para WordPress que te proporcionan nuevos bloques que te facilitan la creación de entradas y webs. Veamos algunos de ellos:
#1 Atomic Blocks
El plugin Atomic Blocks creado por el equipo de Array Themes te proporciona 11 bloques adicionales a los que ya tienes por defecto. En la web del plugin del Directorio de plugins de WordPress encontrarás demos de como funciona cada uno.
Bloques que tienes disponibles con Atomic Blocks.
Así, por ejemplo, con el Testimonial Block, en un periquete ya tienes creado un testimonio en tu página:
Bloque de Atomic Block de creación de un testimonio.Con este bloque, crear un testimonio en una página, es tan sencillo como rellenar los distintos campos.
#2 Kadence Blocks
Kadence blocks te proporciona 6 bloques de diseños en los que puedes crear tu propio diseño, pero también incluye una librería de variaciones prediseñadas.
Bloques disponibles en el plugin de Kadence Blocks.
Así, por ejemplo si echamos una ojeada al formato de fila (Row Layout) puedes definir el formato de fila que quieres crear:
Selección de formato de una fila o bloque.
Pero también puedes ir a la librería de formatos prediseñados y seleccionar el que más te guste.
Algunos formatos ya pre-diseñados disponibles en la librería de Kadenze Blocks.
#3 Advanced Gutenberg Blocks
El plugin Advanced Gutenberg Blocks ha sido desarrollado por Maxime Bernard-Jacquet e incluye 15 bloques adicionales. Con el siguiente vídeo te harás una rápida idea de las capacidades de cada uno.
#4 Block Gallery
El plugin Block Gallery te da tres nuevos bloques con los que puedes crear tres maneras distintas de visualizar galerías de imágenes.
Bloques del plugin de Block Gallery.
De forma muy fácil (tan sólo tienes que seleccionar las imágenes) puedes crear una galería carrusel, en formato Masonry (estructurado de forma óptima como cuando estás en Pinterest) o poner las imágenes apiladas una debajo de la otra.
Subiendo imágenes al bloque Masonry de Gallery Blocks.
Bokez es un plugin desarrollado por Delabon que te proporcina 14 bloques nuevos con los que puedes crear fácilmente una tabla de precios, mostrar fácilmente tus últimas entradas, compartir en redes sociales, etc.
Algunos bloques disponibles con Bokez.
#6 Advanced Gutenberg
El plugin Advanced Gutenberg, desarrollado por JoomUnited incluye más de 20 bloques adicionales a tu editor. Además también incluye la posibilidad de controlar a nivel de usuario o perfil de usuario a qué bloques se puede acceder.
El plugin Advanced Gutenberg.
#7 CoBlocks
El plugin CoBlocks incluye 10 nuevos bloques en Gutenberg para profesionales del marketing de contenidos.
Bloques de CoBlocks.
Por ejemplo, el bloque Author te permite añadir rápidamente la caja donde añadir el nombre, resumen de biografía y foto del autor y el botón para seguirlo donde puedes indicar una URL.
Bloque Author de CoBlocks.
#8 Stackable
El plugin Stackable desarrollado por Gambit Technologies seguramente es el que más bloques extra te proporciona: 24 y siguen aumentándolo.
Los bloques del plugin Stackable.
Y si quieres ver una demo de una web construida con sus bloques, sólo tienes que hacer una visita a su propia web.
#9 Nelio Maps
Si lo único que buscas es un bloque para insertar un mapa totalmente personalizado de Google en tu página o entrada, con el plugin Nelio Maps ya lo tienes.
Cuando añades un mapa de Google a WordPress con Nelio Maps, la apariencia del mapa por defecto es la de Google Maps, con la paleta color pastel en grises, verdes y azules.
Istiak Rayhan nos contactó para comentarnos que no podíamos dejar de incluir el gran plugin que Matt Mullenweg había incluido en sus diapositivas en WordCamp US: Ultimate Blocks. Ya viene con 16 bloques y hay más en camino.
Ultimate blocks.
Conclusión
Como ves, con Gutenberg y todo el conjunto de bloques que te proporcionan estos plugins, puedes crear diseños mucho más impactantes sin escribir ni una sola línea de código.
Gutenberg y todos los desarrollos que vengan a partir de ahora nos traerán, seguramente, una nueva forma de creación de páginas y entradas muy distinta a la que conocíamos.
Ojalá tuviera un calendario donde poder planificar todas mis entradas… espera un momento, ¡si ya lo tengo! ¡Si es que incluso me ayuda a promocionarlas en las redes sociales! ¡Descúbrelo!
Empezamos este año nuevo 2019 hablando del crecimiento y las estadísticas de uso de WordPress.
Conocer esta información te puede ayudar a decidir en qué sistema construir tu web o incluso a convencer a un cliente o a tu diseñador de que ha llegado el momento de renovar la web.
Número total de dominios, y sitios webs en el mundo
¿Tienes idea del número de dominios y sitios web que existen en internet?Difícil, ¿verdad? Pero antes de hablar de estos números, mejor aclarar bien las diferencias entre los conceptos de nombre de dominio, URL o sitio web.
Un nombre de dominio es la dirección en línea que escriben tus clientes cuando quieren encontrar tu negocio. Es el neliosoftware.com de la URL que ves escrita en la barra de direcciones de esta misma página.
Los nombres de dominio se crearon como sustitutos del Protocolo de Internet de un sitio web, o dirección IP, que es simplemente una serie única de números que identifican el servidor informático específico donde se aloja el sitio web. Es mucho más fácil recordar un nombre que una cadena de números aleatorios. Como curiosidad, las cifras que se han llegado a pagar por los 25 nombres de dominio más caros van de los 5 millones a 25 millones de dólares. 🤑
Una URL es lo que encuentras en la barra de direcciones de cualquier página web. Es el localizador universal de cualquier pagina. En el caso de esta página es https://neliosoftware.com/es/blog/curiosidades-y-estadisticas-sobre-wordpress-que-deberias-conocer. Como ves, incluye el nombre de dominio.
Diagrama de URL.
Finalmente, cuando hablamos de un sitio web o web nos referimos a una o a un conjunto de paginas web relacionadas entre ellas que incluyen contenido multimedia. Una web puede ser accesible públicamente a través de internet o en privado en una red local.
Volvamos ahora a las cifras que nos interesan sobre el número de webs, URLs o dominios que existen. Quizá te sorprenda pero curiosamente no hay un registro único oficial que nos dé esta información.
La información seguramente más cercana a la realidad te la proporcionan Netcraft y Internet Live Stats. Según éstos, en el mundo hay más 1,9 mil millones de webs. I según Verisign, que se dedica a revisar el estado de la industria de nombres de dominio a través de varias investigaciones estadísticas y analíticas, acabamos el año 2018 con más de 350 millones de registros de dominio de todos los dominios de registro superior o TLD (del inglés top-level domain).
Y, ¿por qué hay esta diferencia tan abismal entre estas dos cifras? Por la sencilla razón de que hay muchos dominios que se dividen en subdominios que corresponden a webs distintas. Así por ejemplo, del dominio wordpress.com tenemos un montón de webs, como por ejemplo https://pildorasdecomunicacion.wordpress.com/,https://lagottocattleya.wordpress.com/, https://worddreams.wordpress.com/ etc.
Webs de WordPress
Ahora que ya tenemos una estimación del número de webs total en el mundo como punto de referencia, vayamos a ver cuántas de ellas utilizan un gestor de contenidos o CMS (del inglés Content Management System). Por si no estás familiarizado con qué es, un CMS es un sistema que se instala en un servidor (normalmente el de una empresa de hosting) y genera las páginas web cuando cualquier usuario de internet la solicita, e incluso se puede generar contenido dinámico dependiendo del usuario. Dispone de una parte pública que ven todos los internautas y de una sección privada o panel de control. Es a través del panel de control donde el propietario de la web puede cambiar los contenidos sin necesidad de tener conocimientos de programación, “parecido” a usar el Word.
Según W3Techs, el 54,5% de las webs usan un CMS versus el 45,5%, que no usa ninguno. Como ves, más de la mitad de las webs usan algún tipo de gestor de contenidos.
Uso de gestores de contenido (fuente: datos extraídos de W3Techs)
Pero es que del 54,5% de las webs que sí usan algún tipo de CMS, el 59,5% usan WordPress, lo que equivale al 32,5% de todas las webs.
Es decir, de todas las webs que puedes encontrar, el 32,5%son de WordPress.
Uso de WordPress (fuente: datos extraídos de W3Techs).
Así que, partiendo de que son ciertas las cifras de que tenemos 1,9 mil millones de webs de las cuales32,5%son de WordPress, deducimos que tenemos 617,5 millones de webs en WordPress en el mundo. Y de hecho estas cifras no son tan lejanas a las que nos da BuiltWith.com en la que han analizado 1 millón de los mejores sitios webs que usan un CMS, de las cuales el 53% son de WordPress (por debajo del 59,5% de W3Tech).
¿Qué CMS usan el millón de mejores webs con algún CMS? (Imagen de builtwith.com.
Como ya debes saber WordPress es un software libre de código abierto con licencia GPL que incorpora los lenguajes de programación PHP, MySQL, JavaScript, HTLM y CSS. Nadie oficialmente es propietario del software de WordPress pero la marca WordPress y el dominio WordPress.org son propiedad de la WordPress foundation, una organización sin ánimo de lucro, cuyo único propósito es asegurarse de que WordPress está disponible, se mantiene y se desarrolla libremente.
Dando apoyo a la fundación tenemos a varias empresas del sector, incluyendo a Automattic, la empresa de Matt Mullenweg (fundador de WordPress) y propietaria de WordPress.com. Hay miles de personas que velan por el desarrollo del core de WordPress. Pero lo cierto es que hay una cierta discusión recurrente sobre quién exactamente toma las decisiones sobre cómo debe ser WordPress. Y si no, verás que en la última WordCamp US del 2018, una de las preguntas que precisamente le hacen a Matt Mullenweg es si puede aclarar a quien se refiere exactamente cuando habla de “nosotros” y quién toma las decisiones (minuto 1:16:35 del vídeo WCUS 2018 State of the Word):
Pero sigamos con las cifras curiosas. Al ser WordPress una comunidad en la que todos contribuimos en su desarrollo y mantenimiento, promocionamos su uso y patrocinamos eventos en los que hablamos sobre él, esto le ha permitido a Matt Mullenweg ser propietario de una de las empresas tecnológicas más rentables.
Impresiona ver el ratio de ingresos por número de empleados de Automattic, ¿verdad? (Fuente: Automattic).
Algunas otras cifras de WordPress.com: alrededor de 409 millones de personas ven más de 21.2 mil millones de páginas cada mes. Y se producen más de 69.3 millones de nuevas entradas y más de 72 millones de comentarios cada mes. Y como ya he dicho, esto son cifras de WordPress.com.
También puedes echar un vistazo a algunos de los usuarios más destacados de WordPress.
Algunos usuarios destacados de WordPress.com (fuente: WordPress.com)
Si echamos una ojeada a las versiones que están instaladas en las webs, a mitad del último mes del 2018 la versión más instalada era la 4.9 con un 59% de webs, y la 5.0, recién sacada del horno, ya contaba con un 9.8% de instalaciones.
Vemos que el inglés (de Australia, Canada, Sudáfrica, Reino Unido y Estados Unidos) está instalado en el 52,1% de las webs de WordPress, seguido del japonés con un 6% y luego ya el alemán y el castellano/español (de Chile, Mexico y España), ambos con un 5,4%.
Aprovecho para comentar que sobre el tema de los idiomas, WordPress.org dispone de 180 equipos de voluntarios en 45 localidades que se dedican a la traducción del core de WordPress, de temas y plugins. Y es que si algo es clave en WordPress es su comunidad.
La comunidad de WordPress
WordPress no podría ser lo que es hoy si no tienes en cuenta su comunidad. Ya has visto el ratio de ingresos versus el numero de empleados de Automattic. Y la pregunta rápida que a uno le viene a la mente es ¿por qué hay tanta gente que voluntariamente contribuye al proyecto de WordPress? Por supuesto, puede haber una razón altruista, pero no es la única. Los que contribuimos a WordPress solemos trabajar para empresas que venden productos o servicios de WordPress (plugins, temas, desarrollo de webs, consultoría, formación etc.). Es decir, nos ganamos la vida gracias a WordPress y nos interesa que el proyecto WordPress crezca para tener más oportunidades de negocio.
Veamos algunas cifras interesantes relacionadas con la comunidad:
Ten en cuenta que en todas las WordCamps, tanto los organizadores como los ponentes son voluntarios que no cobran nada por el trabajo realizado.
Y aquí has que sumarle los eventos relacionados con WordPress que son para algún nicho de mercado como Publishers, WooConf, LoopConf, WP Campus, and A Day of REST y todo el conjunto de meetups de WordPress que se organizan a nivel local para crear comunidades de WordPress locales.
Para que te hagas una idea de la contribución que podemos hacer las empresas a la comunidad de WordPress, en el 2018 todos los miembros del equipo de Nelio fuimos organizadores de la WordCamp Barcelona 2018.
Asistentes a la WordCamp Barcelona 2018.
Pero no sólo eso, también participamos en la WordCamp Europa 2018, WordCamp Madrid 2018 y, actualmente David y Toni forman parte del equipo organizador de la WordCamp Europe 2019. Y aquí no he añadido toda la contribución que estamos realizando aportando errores o problemas al nuevo editor de bloques. Como ves, no dejan de ser un montón de horas dedicadas a la comunidad y al proyecto.
Plugins y Temas de WordPress
En el Directorio de WordPress dispones de temas y plugins con licencia GPL gratuitos que luego pueden tener versiones premium con funcionalidades o servicios de soporte de pago.
El precio medio de un tema de WordPress no llega a los $59 y los precios pueden variar entre $10 y $200.
Precio promedio de los temas de WordPress (fuente: CodeinWP).
Y, ¿cuáles son los temas de WordPress más populares?
Distribución del uso de los temas de WordPress (fuente: BuilWith.com).
Según BuilWith, del millón de webs analizadas, el tema de WordPress más popular es el propio de WooComerce (un 25%). Luego ya le siguen les temas de Genesis y Divi con un 5% cada uno y Avada con un 4%.
Con esta cifra tan increíble, lo complejo es, a veces, encontrar el plugin que buscas. Mientras tengas claro que los dos plugins, compatibles con Gutenberg, que te ayudarán más a promocionar tu contenido y optimizar la conversión de tu web son Nelio Content y Nelio A/B Testing, respectivamente… ya vas bien… 😉
Y precisamente hablando de plugins, Matt Mullenweg comentó en la WCUS 2018 que, con el objetivo de promocionar Gutenberg, en estos momentos los plugins que más se iban a destacan en el directorio son todos aquellos que ofrecen bloques para el nuevo editor de bloques.
Seguramente como usuario de WordPress no necesites conocer toda esta información para tu día a día, pero te ayudarán a entender y explicar mejor que WordPress no es ni de lejos sólo una plantilla o un programita para crear una web. ¿no crees?
¿Sabías que sólo somos tres personas en Nelio? Y aún así nuestras entradas molan, ¿eh? ¡Es gracias a nuestro nuevo plugin, Nelio Content! ¿Por qué no lo usas tú también?
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.
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:
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.
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.
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.
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.
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.
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.
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.
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
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.
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
No soporto perder el tiempo haciendo las mismas tareas una y otra vez. Por eso hemos creado Nelio Content, para que tanto tú como yo seamos más eficientes. ¡Compruébalo!
La mejor manera de aprender algo en esta vida es poniéndolo en práctica. Si eres de los que quieres aprender a dominar Google Analytics, por mucho que leas artículos tan buenos como los que encontrarás en esta web o hagas alguno de los miles de cursos al respecto que encontrarás en Internet, lo mejor es probarlo tu mismo en tu web.
El problema principal de esto es que tardarás un tiempo en capturar datos para poder empezar a extraer conclusiones interesantes revisando los informes de Google Analytics. Y si encima tu web tiene poco tráfico, aún será más desesperante poder empezar a poner en práctica todo lo aprendido.
Por suerte para ti, existe una solución para que no tengas que esperar y puedas tener una cuenta de Google Analytics repleta de datos y lista para trabajar sobre ella y así convertirte en un as de esta herramienta de analítica web. Pero antes de ir a ella, permíteme que te hable un poco de la tienda de merchandising de Google 😇.
La tienda de merchandising de Google
Es posible que no lo supieras (yo no lo sabía), pero Google tiene una tienda de merchandising donde vende toda una serie de productos variados con su marca y las de sus demás sitios web estrella, como por ejemplo Youtube. Para poder entrar en esta tienda, sólo tienes que ir aquí.
En la Google Merchandise Store puedes comprar productos de Google, YouTube o Android.
Lo primero que puedes llegar a pensar al ver esta tienda es si habrá mucha gente que compre este tipo de productos. ¿Realmente hay un mercado para vender camisetas, polos, vasos, pegatinas y demás cositas varias con la marca de Google, YouTube, Android y demás? ¿Cuánto gana Google cada mes vendiendo estos productos?
En la tienda de merchandising de Google puedes adquirir un montón de productos.
¿Y si te dijera que puedes ver estos datos sin soltar ni un solo euro? ¿Te gustaría acceder a la cuenta de Google Analytics de la tienda de merchandising de Google? Pues sigue leyendo…
Aprende experimentando con los datos de Google Merchandise Store
Google Analytics proporciona una cuenta de demostración para que puedas probar todas las características que esta herramienta de analítica web ofrece. Y los datos de esta cuenta vienen directamente desde la tienda de merchandising de Google. Un ejercicio de transparencia curioso que desde aquí aplaudimos.
Google Analytics proporciona los datos de una cuenta de demostración para que puedas jugar con ella.
Para acceder a esta cuenta de demostración simplemente visita este enlace. Allí encontrarás toda la explicación de la cuenta de demostración y podrás incluirla en tu cuenta de Google, como si de un sitio web más de los que controlas en Google Analytics se tratase. Recuerda que necesitarás tener una cuenta de Google Analytics, algo obvio para poder ver todo esto.
La página principal de la cuenta de demo de Google Analytics ya nos enseña muchos datos sobre la Google Merchandising Store.
Los datos de la cuenta de demostración de Google Analytics se corresponden con los que podrías encontrar en un sitio web convencional dedicado al comercio electrónico (una tienda online, vamos) e incluyen los tipos de información siguientes:
Datos de fuentes de tráfico: información sobre la procedencia de los visitantes del sitio web. Incluye datos sobre tráfico orgánico, tráfico de publicidad en buscadores, tráfico de display, etc.
Datos de contenido: información sobre el comportamiento de los usuarios en el sitio web. Incluye las URL de las páginas que ven, cómo interactúan con el contenido, etc.
Datos de transacciones: información sobre las transacciones que se realizan en el sitio web de Google Merchandise Store (compras de productos, básicamente).
¿Quieres ver cuánta gente accede a la Google Merchandising Store en este preciso momento?
Todos los usuarios a la cuenta de demostración de Google Analytics tienen acceso de lectura y análisis; es decir, pueden ver los datos de configuración y de los informes, trabajar con los datos de estos (p. ej., filtrar una tabla, añadir una dimensión secundaria o crear un segmento), pero no pueden modificar la configuración de la cuenta ni de los objetivos definidos. Esto es normal, ya que como hemos dicho antes, el acceso es de solo lectura.
Puedes conocer toda la información sobre la audiencia que entra a la Google Merchandising Store.
En la siguiente captura de pantalla de la cuenta de demostración de Google Analytics puedes ver incluso el embudo de ventas de los productos de la tienda de merchandising de Google. Y recuerda, todos estos datos que ves aquí son datos reales sacados de la propia tienda online. ¿Quién sabe?, si les propones alguna mejora a la web que pueda hacer que vendan más es posible que incluso te contraten en Google 😉.
La cuenta de demo de Google Analytics te permite ver el funnel de ventas de productos de la Google Merchandising Store.
Y si quieres saber qué producto es el que más se ha vendido en los últimos 30 días o en cualquier periodo temporal, sólo has de consultarlo en la sección correspondiente de la cuenta de demostración de Google Analytics. Es curioso que cuando estoy escribiendo esto lo que más beneficios dio a Google fue una cámara de seguridad para exteriores 🧐.
La cuenta de demo de Google Analytics te permite saber cuánto dinero gana Google por cada producto que vende en la Google Merchandising Store.
No pierdas ni un minuto más y ve corriendo a mirar todo lo que puedes descubrir con la cuenta de demostración de Google Analytics. Tener un ejemplo real de analítica de una tienda online seguro que te sirve para aprender un montón al respecto.
Resumen final
Has descubierto las posibilidades que Google Analytics te proporciona de la mano de la cuenta de demostración de la Google Merchandise Store. En esta cuenta de Google Analytics tienes los datos reales de una web con un número de visitas interesante, además de poder investigar las analíticas completas de un sistema de comercio electrónico real.
Este recurso es muy interesante si estás empezando a familiarizarte con Google Analytics pero aun le tienes un poco de miedo o no dispones de una web decente en la que instalar un código de seguimiento y empezar a recolectar datos. Podrás tocar y mirar todo lo que quieras sin miedo a romper nada, ya que estás ante un entorno de demostración seguro. ¡El sueño de todo alumno!
Te animo a echarle un vistazo y empezar a trastear con esta cuenta de demostración. Seguro que aprendes mucho sobre Google Analytics que podrás acabar aplicando a tu propia web en un futuro próximo.
Si eres como yo, estoy segura de que no quieres perder tu tiempo promocionando entradas en Twitter, Facebook, LinkedIn… ¡Utiliza Nelio Content y deja que trabaje por ti! ¡Échale un vistazo!
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 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.
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.
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.
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.
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.
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.
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.
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 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.
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.
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 😉.
Ojalá tuviera un calendario donde poder planificar todas mis entradas… espera un momento, ¡si ya lo tengo! ¡Si es que incluso me ayuda a promocionarlas en las redes sociales! ¡Descúbrelo!
Hay muchas maneras de sacarle partido a una web. Pero sin duda, la mejor manera es convertirla en una tienda online en la que vender tus productos. Y con esto nos referimos a cualquier cosa, desde productos físicos hasta documentos digitales, o incluso horas de tu tiempo.
Si tu web es una tienda online, vas a poder vender cualquier cosa a un público que está presente en todo el mundo, por lo que las posibilidades y el impacto que puedes llegar a tener son prácticamente infinitos.
Monta una tienda online en tu WordPress y conviértete en un crack de las ventas. Fuente: Giphy.
En este artículo voy a explicarte algunas de las formas que tienes para convertir a tu web en WordPress en una tienda online de forma sencilla. El objetivo principal es quitarte el miedo y enseñarte que con unos pocos clics y muchas ganas puedes montar un negocio rentable desde la pantalla de tu ordenador. ¡A por ello!
Monta tu tienda online en WordPress
Vamos a ver las opciones más populares para montar tu tienda online en WordPress. Hay muchas opciones más, pero con estas tendrás todas tus necesidades cubiertas.
WooCommerce
WooCommerce es la plataforma de comercio electrónico más popular hoy en día (sólo tienes que ir a ver las estadísticas en Builtwith). Es un plugin para WordPress totalmente gratuito que transforma tu instalación en una tienda online con todo lo necesario para empezar a vender.
Para instalar WooCommerce sólo tienes que ir a la sección de Plugins de tu WordPress, buscarlo e instalarlo. Una vez lo actives te aparecerá un asistente que en unos sencillos pasos te ayudará a configurar tu tienda online.
El asistente de WooCommerce te guía para configurar tu tienda online de forma sencilla. En un momento tendrás tu tienda funcionando.
Podrás definir los métodos de pago que permites, la configuración de los envíos y muchos aspectos más para iniciar toda la infraestructura de tu tienda online. Además de esto, WooCommerce tiene una documentación muy completa y fácil de consultar en la propia web de WooCommerce.
Además, una vez termines te sugerirá que instales el tema Storefront, que es el tema oficial para WooCommerce con el que podrás visualizar los productos. Alternativamente puedes encontrar un montón de temas para WordPress que tienen soporte para WooCommerce (tanto gratuitos como de pago).
Storefront es el tema para WordPress diseñado por los desarrolladores de WooCommerce.
Al tratarse de un plugin tan popular, hay todo un ecosistema de plugins para WordPress alrededor que extienden las funcionalidades por defecto de WooCommerce. Así que en WooCommerce casi cualquier cosa es posible gracias a todos los plugins que extienden sus características.
De entre los plugins más conocidos para extender WooCommerce podemos destacar los plugins oficiales que puedes encontrar directamente desde el menú de tu WooCommerce.
Allí encontrarás información sobre Subscriptions, que es una extensión para permitir pagos recurrentes; también verás la existencia de Bookings, un plugin para que tus visitantes puedan comprar franjas de tiempo en un calendario, algo perfecto para hacer reservas en tiendas físicas, como por ejemplo, un centro de estética; por último, destacar el plugin Memberships, para convertir tu web en un club donde los miembros tienen ventajas sobre el resto, como ver contenidos privados o poder acceder a productos premium.
WooCommerce tiene un montón de plugins que te permiten extender sus funcionalidades para adaptar tu tienda a tus necesidades.
Como estoy seguro de que eres de los que les gustan las analíticas, con WooCommerce tienes informes sobre el desempeño de tu tienda. Así, de un simple vistazo podrás saber si tus ventas están funcionando bien con gráficas sencillas que puedes consultar desde el propio escritorio de WordPress. Con esto ya no tienes excusa para montar una tienda online y gestionarla desde tu propio WordPress sin necesitar nada más que un plugin y un poco de dedicación.
WooCommerce proporciona una serie de informes para que puedas ver cómo de bien está funcionando tu tienda online.
Si estás empezando en el mundo del comercio electrónico te recomiendo que instales WooCommerce en tu instalación y empieces a hacer pruebas. Seguro que lo que encuentras te acaba convenciendo. Por algo es la opción más habitual en WordPress cuando queremos montar una tienda.
Easy Digital Downloads
Easy Digital Downloads es el plugin más popular para vender en WordPress, después de WooCommerce. Está especializado en venta de productos digitales y es gratuito, aunque puedes adquirir paquetes de pago con acceso a extensiones adicionales y soporte premium.
Con Easy Digital Downloads puedes definir productos de descarga digital y gestionar su compra a través de diferentes plataformas de pago.
Puedes definir los productos de descarga directamente desde WordPress, como si fuera una página o entrada. Tan sólo deberás indicar su precio y subir el archivo o indicar la URL desde donde se puede descargar. Todo lo demás es igual que cuando editas contenido en tu WordPress, por lo que no necesitas aprender nada nuevo. Si sabes WordPress, sabrás manejarte con Easy Digital Downloads.
Pantalla de edición de un producto con Easy Digital Downloads.
Al igual que con WooCommerce, Easy Digital Downloads incluye informes sobre cómo está funcionando tu tienda y las ventas de tus productos. También podrás exportar los datos para así poder trabajar con ellos en otros sistemas si así lo necesitas.
Easy Digital Downloads incluye gráficas con los datos de ventas de tu tienda online en WordPress.
Otras opciones
Si tus necesidades para vender en WordPress no son demasiado complejas, es posible que tanto WooCommerce como Easy Digital Downloads sean demasiado grandes. Quizás algo más simple ya te es suficiente.
Si es tu caso, existen plugins que te permiten añadir un botón de pago a tu web para que cuando tus visitantes hagan clic puedan pagarte directamente. Esto será útil cuando pidas donaciones o cuando necesites pagos únicos y simples a cambio de un producto digital que el cliente recibe a través de una URL oculta de tu web.
Una opción interesante es recibir pagos a través de PayPal. Para ello puedes usar el plugin PayPal Buy Now Button, que te permite añadir botones de pago a través de PayPal en tu WordPress utilizando shortcodes.
FastSpring te permite añadir botones para comprar desde WordPress los productos que tengas definidos en tu tienda con ellos.
Por otro lado, si utilizas FastSpring para tu sistema de pagos tienes disponible el plugin FastSpring para WordPress que te permite configurar tu tienda y añadir botones de pago en el contenido.
Resumen final
Como has podido ver, si quieres montar una tienda online en WordPress, tienes varias opciones disponibles dependiendo de tus necesidades. Si tan solo vas a vender algún producto suelto, no hace falta que te compliques demasiado y con añadir botones de venta será suficiente. Hay muchos plugins para ello.
En cambio, si necesitas una solución profesional para tu tienda online en WordPress, tienes WooCommerce o Easy Digital Downloads como los plugins más importantes de comercio electrónico. Todo dependerá de si el producto que estás vendiendo es físico o digital. Lo bueno de esto es que ambos plugins son muy sencillos de usar, así que seguro que los acabas manejando con soltura.
Cuéntanos tu experiencia vendiendo con WordPress en los comentarios. Estaremos encantados de leerte 😉.
¿Pierdes demasiado tiempo en las redes sociales? A mí también me pasaba, pero ya no. Nelio Content me permite ahorrar tiempo desde el primer día. ¡Compruébalo por ti mismo!
Uno de los grandes enigmas de la actualidad en Internet es saber cómo poder posicionar mejor nuestra página web en Google, el buscador por excelencia. Pues bien, hoy vamos a estudiar una herramienta esencial: Google Webmaster Tools (ahora conocida como Search Console).
¿Qué es Webmaster Tools? ¿Para qué sirve Search Console?
Google Search Console (antes Google Webmaster Tools) es un conjunto de herramientas gratuitas que nos ofrece Google para optimizar, analizar y comprobar el estado de nuestra web en sus resultados de búsqueda. Aunque quizás mejor que veas este vídeo dónde es el propio Google quien te explica qué es Google Search Console:
Cuando Google analiza los contenidos y la estructura de tu página web y detecta algo raro, gracias a Google Search Console podrás tener más detalles al respecto para que lo puedas arreglar y así hacer feliz al buscador.
Conocer más en detalle el funcionamiento de esta herramienta para webmasters es clave para poder optimizar tu página web. Por eso vamos a ir viendo algunos puntos a destacar de Google Search Console para que vayas cogiendo soltura con la herramienta y te cueste menos empezar.
Cómo dar de alta tu web en Google Webmaster Tools/Search Console
Para poder empezar a ver los datos de tu web en Google Search Console lo primero que has de hacer es dar de alta a tu web. Para ello necesitas una cuenta de Google. Entra en la web de Google Search Console con tu cuenta y verás la pantalla de bienvenida siguiente:
Pantalla de inicio de Google Search Console una vez entras con tu cuenta de Google.
En este momento debes introducir la dirección web completa (URL) de tu página web en el cuadro de texto que aparece. Después haces clic en el botón de añadir propiedad y entonces te aparecerá una vista para validar la web:
Google Search Console te pide que valides que eres el propietario de una web antes de empezar a ver sus datos.
Este paso es importante, ya que si no validas que eres un propietario (o que tienes los permisos suficientes) de tu web, no podrás seguir adelante y no tendrás acceso a los datos de Google Search Console (algo totalmente entendible, por otro lado).
Hay varias formas de validar tu web en Google Search Console, pero la más recomendable es la que Google te muestra por defecto, que consiste en subir un archivo HTML a la raíz de tu instalación WordPress (o del sistema que utilices en tu web). Para ello descarga el archivo desde Google Search Console (puedes ver el enlace en la captura anterior), súbelo a tu web mediante FTP y luego haz clic en Verificar.
Si has seguido los pasos de forma correcta ya has terminado. Irás directamente al panel de control de Google Search Console, que veremos a continuación.
El Panel de Control de Google Webmaster Tools (Search Console)
El panel de control de Google Search Console contiene un montón de vistas diferentes con información diversa sobre el desempeño de tu web en Google. Vamos a ver algunas de las vistas principales en esta sección para que aprendas a moverte con confianza por la interfaz.
Google Search Console incluye diferentes secciones donde comprobar el estado de tu web desde el punto de vista del buscador.
Cuando entras lo primero que encuentras es una vista resumen con información del estado actual de tu web. Concretamente podrás ver los errores de rastreo, que muestra si el robot de Google ha encontrado fallos al indexar tus páginas. Además, también ves las analíticas de búsqueda con el número de clics que ha tenido tu web en los resultados de Google, así como información de los sitemaps (veremos esto más adelante) que has añadido en Google Search Console (en caso de haberlo hecho).
Structured Data
Los datos estructurados enriquecen la información que el buscador encuentra en tu web y así le es más fácil catalogarla. Para ello deberías incluir datos estructurados en tu web, ya sea a través de tu tema o a través de algún plugin para WordPress.
Google Search Console te permite ver cómo interpreta Google los datos estructurados de tu contenido y si hay errores en estos.
Google Search Console tiene un apartado específico para los datos estructurados que Google detecta en tu página. Además, en caso de que haya errores en tus datos, habitualmente porque te has dejado algo en alguna página, desde aquí podrás encontrarlos y solucionarlos. De esta forma en el gráfico histórico verás los errores detectados y, cuando los soluciones y Google vuelva a indexar correctamente tus datos estructurados, verás que estos desaparecen.
Accelerated Mobile Pages
AMP es un proyecto de Google y otras organizaciones para acelerar la carga de páginas web en dispositivos móviles. Tienes un artículo en más profundidad en esta web sobre AMP y cómo configurarlo en tu web en WordPress.
Google Search Console te muestra cuántas páginas en tu web son compatibles con AMP y si hay errores.
Google Search Console tiene una sección específica para AMP donde muestra el total de páginas que ha indexado con soporte para AMP en tu web. Además, si encuentra errores de compatibilidad con AMP en alguna podrás verlo. Incluso tienes acceso a un test de compatibilidad y a avisar a Google cuando hayas arreglado los errores para que compruebe realmente que lo has hecho.
Search Analytics
Una de los apartados más importantes de Google Search Console es el de las analíticas de búsqueda. Desde aquí podrás ver cuales son las consultas que hace la gente en Google con más frecuencia y cuantos clics a tu web trae cada una. Esto es perfecto para ver si estás indexando correctamente por las palabras clave adecuadas.
Google Search Console te permite descubrir las palabras clave que la gente usa en Google para llegar a tu web.
Si ves que las palabras clave que salen no tienen que ver mucho con lo que tú quieres, pues ya tienes trabajo para crear contenidos que puedan atraer a visitantes con las palabras clave deseadas.
Sitemaps
Un sitemap no es más que un archivo XML con el listado de páginas que quieres que Google indexe en tu página web. Existen varios plugins en WordPress que pueden crear un sitemap en tu web, pero si tienes instalado Yoast SEO, que sepas que este plugin ya te crea el sitemap que quieres.
Google Search Console te permite especificar un sitemap de tu web para ayudar a Google a indexarla mejor.
Coge la URL del sitemap y añádela en la sección de Sitemaps de Google Search Console para que así Google indexe esas páginas más fácilmente. Además, como en los casos anteriores, si Google tiene problemas para indexar alguna de las páginas que están listadas en el sitemap, te lo dirá para que lo arregles.
El futuro de Google Search Console
Google está actualizando la interfaz de Google Search Console y a día de hoy ya puedes entrar a probarla. Pero si lo haces ten en cuenta que todavía no está completa y que hay informes y vistas que sólo encontrarás en la interfaz antigua.
La nueva interfaz de Google Search Console te muestra información relevante sobre tu web y sus contenidos.
La nueva interfaz de Google Search Console incluye información sobre la estructura de enlaces de tu web, donde encontrarás las páginas más enlazadas de tu web tanto en tu propia web como en webs de otros. Incluso podrás conocer qué webs externas son las que más te enlazan.
Google Search Console te permite ver información sobre la estructura de enlaces de tu web.
¿Necesitas Webmaster Tools si usas Google Analytics?
La respuesta es un sí rotundo. Mientras que Google Analytics se centra en tus visitantes y en el comportamiento de estos, Google Search Console te da un punto de vista más del lado del propio buscador. Con esta herramienta conocerás lo que Google sabe de tus páginas y cómo las “ve”.
Lo que debes hacer es combinar ambas herramientas para sacarle más partido a todas las analíticas y sugerencias de mejora que obtendrás de estos datos. Si te quedas sólo con una tu web estará “coja”. Como siempre decimos, cuantos más datos tengas, mejores decisiones podrás tomar. Así que te animo a que empieces ya con Google Search Console si no lo habías hecho antes.
Resumen final
Hay miles de herramientas de analítica web ahí fuera. Pero está claro que si una herramienta te la da el propio buscador que luego te acabará posicionando, ignorarla puede ser fatal. Después de haber leído este artículo sobre Google Search Console/Webmaster Tools ya no tendrás excusa para sacar información y mejorar tu web.
Con las diferentes vistas e informes que proporciona Google Search Console tienes trabajo para rato en cuanto a optimización. Échale un ojo y seguro que encuentras cosas para hacer que tu web sea mejor. Déjanos tu experiencia en los comentarios; seguro que es muy interesante 😉.
Esta web usa cookies operativas propias que tienen una pura finalidad funcional y cookies de terceros que nos ayudan a entender cómo interactúan los visitantes con la web mediante la recopilación y presentación de información de forma anónima. Si continuas navegando, aceptas su uso pero puedes desactivarlas si lo deseas. Más información…
