David Carrero Fernández-Baillo

close-up photography of train railway

Pautas de accesibilidad web y cómo conseguirlo desde WordPress

Un sitio web debe ser accesible para cualquier usuario que quiera acceder a su información o utilizar alguna de sus funciones. Conseguirlo no es una tarea sencilla si no se tienen en cuenta muchos factores relacionados con los diferentes tipos de dispositivos o las posibles discapacidades que puedan tener los usuarios.

Seguir las pautas de accesibilidad web es fundamental en cualquier proyecto, bien sea un blog, un eCommerce o una página web, garantizando así que cualquier persona pueda disfrutar de una gran experiencia de usuario.

Qué es la accesibilidad web

La accesibilidad web es un concepto que persigue diseñar sitios web que puedan ser utilizados por personas con algún tipo de discapacidad, sin ningún inconveniente. Una web accesible es aquella en la que pueden navegar e interactuar cualquier usuario, independientemente de si tiene algún tipo de discapacidad.

En el mundo existen millones de personas que cuentan con algún tipo de discapacidad y que encuentran barreras insalvables a la hora de utilizar sitios web que no son accesibles. Los distintos tipos de discapacidad como la visual, auditiva, cognitiva, física, neurológica o del habla, no deben ser impedimento para que los usuarios puedan acceder al contenido de una web o para poder utilizar alguna de sus opciones.

La accesibilidad web persigue eliminar estas barreras que existen en los sitios web para lograr un internet accesible para todos.

Cuáles son las pautas para conseguir una web accesible

Para conseguir una buena accesibilidad en páginas web es necesario seguir una serie de pautas establecidas por la WCAG y que son reconocidas como un estándar internacional. Estas pautas se centran en tres áreas:

Accesibilidad del contenido web

Cuando se habla de contenido web se hace referencia a la información y los datos que se pueden encontrar en un sitio web como pueden ser imágenes, sonidos, vídeos, y sobre todo, textos.

Algunos ejemplos de las pautas del contenido web a seguir para hacer un sitio más accesible son, el uso de letras de gran tamaño, diseños adaptados a dispositivos móviles (responsive design), el uso de lectores de pantalla, y asistentes para facilitar la navegación web, entre otros.

Accesibilidad de herramientas de creación de contenido

Son las pautas que deben tener las herramientas de creación de contenido para que puedan ser utilizadas por personas con algún tipo de discapacidad, como CMS (WordPress, PrestaShop y similares), editores de CSS o HTML, o la gestión de plataformas (como correo electrónico o redes sociales).

Accesibilidad de los agentes de usuario

Se trata de que los navegadores web y sus complementos, los lectores de pantalla y reproductores multimedias y otras aplicaciones, para que faciliten el acceso al contenido a personas con discapacidades visuales, auditivas o de otro tipo.

Por ejemplo, un navegador web debe permitir incrementar el tamaño de las fuentes para facilitar la accesibilidad web para personas con discapacidad visual.

Diseño y desarrollo de sitios web accesibles desde WordPress

Para conseguir un buen diseño y desarrollo de sitios web accesibles utilizando WordPress es necesario mejorar aquellos aspectos donde este CMS es más flojo. Aunque con cada versión mejora la accesibilidad de los sitios creados, aún son muchos los problemas que crean a personas con discapacidades.

Para abordar un proyecto web con WordPress accesible es necesario poner la accesibilidad como tema prioritario desde el principio, junto con otros asuntos de vital importancia como la seguridad o la usabilidad.

A continuación, ofrecemos una serie de consejos para poder crear un sitio web accesible en WordPress:

Atributo ALT

En WordPress es muy sencillo añadir el atributo de imágenes alternativas o ALT a cada imagen que se sube a la web. Este texto alternativo describe lo que representa la imagen ayudando a que los lectores de pantalla puedan describir a los usuarios con discapacidad visual el contenido (además de ayudar a posicionar la web en los motores de búsqueda).

Contraste de colores

Son muchas las personas que tienen problemas de visión y que tienen dificultades para leer el contenido de webs con un contraste inadecuado. Consultando las WCAG 2.0 AA se puede ver el valor de los contrastes de colores para seleccionar en WordPress los colores ideales para el fondo y las letras.

Enlaces subrayados

Los enlaces de una web cuentan con su propio color distintivo para alertar a los usuarios del mismo. Muchas webs desactivan la opción de subrayar los enlaces porque creen que con el cambio de color es suficiente, pero con esta acción están poniendo dificultades a muchas personas para poder distinguir los enlaces de su sitio.

Utilizar un tema de WordPress que no elimine el subrayado de los enlaces es una buena forma de mejorar la navegabilidad para los usuarios con problemas visuales.

Botones grandes en dispositivos móviles

En el diseño responsive el espacio está muy limitado pues el tamaño de la pantalla es bastante inferior al de monitores y pantallas de ordenadores de sobremesa y portátiles. Además, el tipo de interacción es táctil y no se utilizan los precisos clics de ratón.

Para ayudar a las personas mayores y a personas con dificultades de visión es importante que los botones de acceso o con enlaces de la web sean de gran tamaño, facilitando la pulsación por parte de todos los usuarios. Existen plugins de WordPress para poder crear botones personalizados que permiten dimensionarlos y situarlos de manera adecuada en el diseño para teléfonos móviles.

Existen diferentes niveles de accesibilidad web, dependiendo de las pautas seguidas en su desarrollo y diseño. Apostar por este tipo de diseños en un proyecto web ayuda a crear un internet más global y accesible, que no excluya a nadie.

Los mejores y necesarios plugins para WordPress

WordPress marca la diferencia con el resto de CMS debido a la amplia variedad de plugins existentes y a la calidad de los mismos, que permiten crear una web profesional con casi cualquier funcionalidad que se imagine.

Seleccionar los mejores plugins para WordPress es una decisión que se debe abordar en todo desarrollo web, para conseguir que el sitio pueda ofrecer un gran rendimiento, una amplia variedad de funciones y un funcionamiento óptimo que garantice una buena experiencia de usuario.

7 plugins para WordPress indispensables

Veamos una serie de plugins para WordPress indispensables que toda web debe plantearse implementar:

1. Yoast SEO vs RankMath SEO

Es fundamental que un sitio web esté optimizado para motores de búsqueda para que así pueda aparecer en mejores posiciones en las páginas de resultados y atraer un mayor volumen de tráfico web.

Con SEO de Yoast se dispone de uno de los mejores complementos para WordPress. Gracias a este plugin es más sencillo realizar muchas tareas que ayudan al posicionamiento web, como comprobar el uso de palabras clave en entradas y páginas, mejorar la legibilidad del sitio o crear sitemaps para indexar de forma correcta las distintas URL que forman el sitio web.

RankMath SEO es el mayor competidor reciente que tiene Yoast y que poco a poco le está comiendo mucho terreno con multitud de opciones para mejorar el posicionamiento de cualquier WordPress. Cuenta con una versión gratis y otra de pago muy asequible.

2. Contact Form 7 vs Fluent Forms

Toda web debe incluir un formulario de contacto para que los usuarios puedan interaccionar de forma rápida y sencilla. Con Contact Form 7 se puede integrar un formulario personalizado en un sitio WordPress, indicando los campos que sean necesarios, modificando su diseño y apariencia, e incluyendo el consentimiento explícito necesario para compartir la información (como recoge la normativa de protección de datos vigente).

Como alternativa ligera tenemos Fluent Forms que tiene multitud de funcionalidades para crear los mejores formularios que puedas imaginar para tu sitio web.

3. WooCommerce

WooCommerce es mucho más que un plugin, se trata de un complemento que transforma WordPress en un e-commerce profesional. Este plugin gratuito incorpora todos los elementos fundamentales para crear una tienda online sin necesidad de poseer conocimientos de programación web (fichas de productos, sistema de carrito de la compra, métodos de pago y de envío, ventas cruzadas, políticas de envío y devoluciones…).

Además, WooCommerce cuenta con sus propios plugins específicos para poder crear casi cualquier tiempo de comercio online.

4. Google Analytics para WordPress

Para poder mejorar la experiencia de usuario y optimizar un sitio web para los motores de búsqueda es necesario realizar un estudio y análisis profundo del mismo, así como del comportamiento de los usuarios que lo utilizan.

Con este plugin se puede conectar de forma sencilla una web WordPress con una cuenta de Google Analytics, para así tener acceso a una gran cantidad de datos sobre el sitio presentada de forma visual mucho más sencilla de comprender.

Es fundamental conectar una web WordPress con Analytics de Google para poder llevar a cabo acciones de mejoras en el sitio y conseguir mejores posiciones en las SERPs de Google.

5. Social Media Share Buttons vs Scriptless Social Sharing

Las redes sociales son uno de los canales de comunicación entre empresa y cliente más importantes hoy en día. Con Social Media Share Buttons se dispone de un complemento que integra en las entradas y páginas de WordPress (y en otras ubicaciones de la web), una serie de botones de redes sociales para compartir el contenido de la web en ellas.

Estos botones pueden ser configurados de forma personalizada para solo mostrar aquellas redes que utilicen la web o empresa. Gracias a estos botones, los usuarios podrán compartir aquellos contenidos que consideren más interesantes en sus redes sociales.

Scriptless Social Sharing es un pequeño plugin con el que añadir botones sociales a tus entradas/páginas, para facilitar a tus lectores que compartan tu contenido en las redes sociales. Lo mejor de todo es que no carga javascript ni código innecesario para hacer lo que tiene que hacer muy bien.

6. WP Cookie Plugin y otras mil opciones

El RGPD y la LOPD son las normativas de protección de datos que obligan al uso de cookies y al consentimiento explícito sobre las mismas de los usuarios en un sitio web. No cumplir con estas normas y leyes ocasionará graves sanciones económicas.

Con WP Cookie plugin se puede activar el mensaje de cookies ofreciendo distintas opciones a los usuarios, para rechazarlas, activarlas o realizar una selección de las que deseen activar o desactivar.

Su uso es muy sencillo y permite disponer de una web WordPress que cumple el Reglamento General Europeo de Protección de Datos en muy poco tiempo.

Lo mejor es que consultes todas las opciones de plugins para cookies y GDPR que tienes gratis en directorio de plugins de WordPress.

7. All In One WP Security Firewall

Entre los WordPress plugins indispensables que no pueden faltar en un sitio web debe encontrarse uno dedicado a la ciberseguridad. Con este complemento se dispondrá de múltiples herramientas enfocadas a incrementar la seguridad web y evitar ataques de terceros como inyección de SQL, envíos masivos de spam, incremento de seguridad de la base de datos y las cuentas de usuario, gestión de permisos de los archivos que forman la web o sistemas para implementar medidas antiplagio.

Con All In One WP security plugin se podrá realizar una auditoría de seguridad de la web para conocer qué puntos hay que mejorar para incrementar el nivel de protección.

Los plugins para WordPress son una forma de personalizar un sitio web y conseguir que funcione de forma segura, rápida y eficiente, ofreciendo multitud de opciones y funciones a los usuarios, así como herramientas de gestión avanzadas para los administradores.

person holding smartphone

Progressive Web App: qué es y cómo funciona

En los últimos años, se ha ido hablando cada vez más de las progressive web app, o aplicaciones web progresivas, un tipo de aplicación que tiene algunas particularidades y características que las hacen especiales y diferentes a las tradicionales. Aunque no son una tecnología novedosa, se pusieron de moda después de que Microsoft anunciase que las soportaría de forma nativa.

Qué son las Progressive Web Apps

A la pregunta de qué son las progressive web apps podemos definirlas como aquellas que se encuentran en un punto intermedio entre las aplicaciones web y las aplicaciones nativas. Se trata de páginas web que hacen uso de los conocidos como Service Workers y otras tecnologías que se comportan en mayor medida como unas apps normales que como aplicaciones web.

A través de los mencionados Service Workers y otras tecnologías de progresive web app pueden continuar ejecutándose en segundo plano sin tener que encontrarse en el interior del navegador. Tanto en Windows como en el smartphone es posible instalarla una progressive web app como una aplicación más.

De esta manera, y de forma resumida, podemos decir que las progressive web app es una evolución de las aplicaciones web que quiebran la barrera existente entre las aplicaciones y la web, haciendo posible que se puedan hacer taras que, por lo general, solo podían ser llevadas a cabo por apps nativas.

Cómo funciona el Progressive Web App en WordPress

Cada vez son más quienes muestran interés por convertir WordPress en PWA, nada extraño teniendo en cuenta todas las ventajas que ofrecen. Para entender mejor cómo funciona la PWA app WordPress hay que empezar recalcando que los contenidos creados se mantienen en el propio CMS y que son emitidos mediante plantillas estándar.

Es un Service Worker el que se encarga de ofrecer su funcionalidad offline. Al abrirse el sitio por primera vez, este se encarga de descargar un archivo en el que figuran todas las páginas que se han generado en el lado del servidor.

De esta manera, al ser visitado un sitio web, se muestra el sitio almacenado en la memoria caché. El Service Worker se encarga de efectuar la actualización en segundo plano; y de esta manera muestra el nuevo contenido en la siguiente vista en el caso de que haya habido modificaciones o actualizaciones de contenido. De igual forma, siempre será posible ser recargada después de que haya habido una actualización.

Cabe tener en cuenta que el almacenamiento de datos se realiza por completo offline, sólo para los vídeos; y solo para contenidos externos y vídeos es para lo que se requiere de conexión a la red.

Ventajas de una Progressive Web App

A la hora de hablar de las ventajas de las Progresive Web App (PWA) debemos destacar sus principales ventajas, que son las siguientes:

Responsive

En la actualidad, la gran mayoría de los sitios web tienen un diseño responsive que hace que se puedan adaptar a cualquier tipo de dispositivo, sin importar que se acceda a la web a través de un ordenador, una Tablet o un smartphone.

Aunque las Progressive Web App van más allá de este diseño, es una de sus principales características; y es que se pueden adaptar a cualquier formato, navegador o dispositivo.

Indexables por los buscadores

Una aplicación web progresiva permite, de una manera sencilla y rápida, copiar la URL y compartirla en cualquier sitio web o red social. Al no ser una app nativa, los usuarios tienen la ventaja de que no tienen que proceder a su descarga.

A esto hay que sumar que no deben pasar por complejos procesos de validación por parte de Apple o Google, por lo que se producen de manera automática. Tampoco es necesario crear una cuenta de desarrollador para su publicación en Apple Store o Google Play.

Actualizadas

Una Progressive Web App siempre muestra la última versión al usuario. Esto es posible gracias al uso de actualizaciones automáticas de forma instantánea y constante, y sin necesidad de proceder a su descarga.  En ello juegan un papel fundamental los Service Workers, además de que no deja de ser una web app.

Sin necesidad de conexión a internet

Uno de los grandes beneficios de las PWA es que no necesitan de conexión a internet para funcionar. No se requiere de conexión a la red, puesto que la primera vez que se accede a la misma, se queda guardado su contenido en el dispositivo. Así, la siguiente vez en la que se acceda, incluso sin conexión, será posible acceder a todo el contenido.

No necesitan de tienda de aplicaciones

Una Progressive Web App se puede descargar sin necesidad de acudir a la tienda de aplicaciones, por lo que son muy accesibles. Rápidamente podrás disfrutar de ellas, además de compartirla fácilmente a través de una URL, ya que la PWA genera un enlace que incluso se puede convertir en un código QR.

turned-on black iPad

Cómo añadir en WordPress un Favicon a tu web

Cuando se aborda un proyecto web son muchos los elementos que deben tenerse en cuenta para que la web presente un aspecto profesional y llamativo. Hasta el más pequeño detalle es importante para que los usuarios puedan disfrutar de una gran experiencia y que vuelvan a visitar el sitio y recomendarlo en su círculo cercano.

El favicon es un pequeño elemento que permite diferenciar una web y que, muchas veces, no recibe la atención necesaria por parte de muchos sitios web. Este elemento identificativo es fundamental para que los usuarios puedan identificar una página, blog o tienda online en sus pestañas del navegador o en el listado de sitios de su historial de navegación.

En WordPress, el favicon es un elemento que se puede cambiar de forma muy sencilla en las propias opciones de configuración del panel de administración.

Qué es un favicon

Favicon es un término que se forma de las palabras inglesas favorite icon (icono favorito) y hace referencia a un pequeño icono que utilizan los navegadores para identificar un sitio web. Se trata del icono que define una página web y que se utiliza para mostrarla en distintas partes del navegador web como en:

Pestañas del navegador.Barra de favoritos.Historial de navegación.Página de inicio de Google Chrome.

Cuando se habla de que el favicon es un pequeño icono, se hace de manera literal, pues el tamaño de este archivo gráfico que normalmente se utiliza en formato PNG para utilizar transparencias, es de 16×16 píxeles.

Ventajas de tener un favicon en tu web

¿Tiene importancia un icono de apenas 16 x 16 píxeles para tu web? La respuesta a esta pregunta es un rotundo sí. El favicon es un elemento visual muy importante para todo sitio web, ya que aporta numerosos beneficios entre los que podemos destacar:

Permite identificar la web

El principal uso y ventaja de un favicon es que permite que los usuarios puedan identificar la web de forma rápida y sencilla. Cuando se navega por internet hoy en día es habitual tener abiertas gran cantidad de pestañas con diferentes sitios que se van visitando.

Gracias al favicon, es posible que el usuario pueda reconocer de forma rápida y con solo dar un vistazo, una web entre todas las pestañas que tiene abiertas en ese momento.

Por lo tanto, el favicon se utiliza como elemento diferenciador para que el usuario pueda reconocer y acceder a una web.

Ayuda a la imagen corporativa

El favicon ayuda al branding y a que un sitio web cumpla con la imagen corporativa de la empresa. Es habitual que el favicon se utilice una versión reducida o parcial del logotipo de la empresa, con colores y tipografía similar, con el objetivo de que sea aún más sencillo para el usuario reconocer la web de un solo vistazo.

Proyecta una imagen de profesionalidad

Si una página cuenta con un favicon personalizado, los usuarios la percibirán como un sitio serio, profesional y que transmite confianza.

En un sitio WordPress, si no se define un favicon personalizado, se mostrará como logotipo en pestañas e historial, el favicon de WordPress por defecto. Si un usuario tiene abierta varias pestañas o acude al historial o los marcadores para buscar la web, será más difícil que la encuentre al tener el mismo marcador de WordPress que muchas páginas.

Afortunadamente, es muy sencillo cambiar el favicon en WordPress, evitando que la visibilidad del sitio se vea afectada por utilizar el icono estándar de este CMS.

Cómo añadir un favicon en WordPress

Como acabamos de comentar, WordPress muestra por defecto un favicon si no se sustituye en sus opciones de configuración. Veamos cómo cambiar el icono de pestaña WordPress es una serie de pasos muy sencillos:

1. Panel de administración

Desde el panel de administración de WordPress, hay que ir a la sección de Apariencia/Personalización para acceder a las distintas opciones de configuración de muchos aspectos visuales de esta plataforma.

2. Seleccionar identidad del sitio

En la sección identidad del sitio de Personalización, se puede acceder a la configuración de diferentes apartados, entre ellos, el icono de pestaña o favicon del sitio.

3. Cambiar el icono del sitio

En la opción Icono del sitio se puede subir un icono personalizado de 16×16 píxeles para sustituir al favicon por defecto de WordPress (haciendo clic en Seleccionar imagen).

Al cambiar el favicon en WordPress se mostrará un nuevo icono en las pestañas de los diferentes navegadores web cuando los usuarios accedan al sitio. También se mostrará este pequeño icono cuando los usuarios añadan el sitio a sus marcadores, o cuando accedan a su historial de navegación.

Este elemento es muy importante para identificar, diferenciar y mostrar una imagen profesional de una web, por lo que no debe dejarse de lado al tratarse solo de un pequeño icono de solo 16 x 16 píxeles.

Qué es el lazy loading y cómo implementarlo en WordPress

La velocidad de carga de una página web o de un e-commerce es un factor muy importante para ofrecer la mejor experiencia de usuario y conseguir así incrementar el número de conversiones (suscripciones o ventas). Optimizar una web para acelerar su tiempo de carga es uno de los principales trabajos en cuanto al SEO que deben realizarse, aunque existen técnicas como el lazy loading que permiten ofrecer una mejor experiencia a los visitantes.

A continuación, hablaremos sobre el lazy loading, qué es, cómo se puede implementar en una web WordPress y por qué es una técnica muy interesante.

Qué es el lazy loading

El lazy loading o carga diferida es una técnica que se implementa en un sitio web para diferir la carga de sus objetos al momento en el que aparecen en el área visible para el usuario. Con este método se consigue un acceso más rápido a una web debido a que muchos objetos permanecen en espera sin ser cargados, hasta que el usuario se mueva por la web y aparezcan en la zona visible de la misma.

Una forma de entender este tipo de carga “retardada” se puede ver de forma sencilla con las imágenes, que se mostrarían solo cuando el usuario llega a la zona donde se encuentran, no cargándose en memoria hasta ese momento, por lo que la velocidad web sería superior cuando el usuario accede a la web.

Cómo funciona el lazy loading

El funcionamiento de esta técnica es sencilla: una vez implementada en una web, cuando el usuario accede a ella, su navegador crea la web DOM sin descargar imágenes y otros elementos, y sin descargar los vídeos. Luego, mediante un script de JavaScript se identifican los distintos elementos que se deben precargar para mostrarlos al usuario, dejando pendiente aquellos que solo lo harán cuando el visitante se desplace a lo largo de la web.

Cómo implementar el lazy load desde WordPress

En WordPress es muy sencillo implementar esta técnica de carga diferida gracias al uso de plugins, existiendo diversos complementos especialmente diseñados para implementar este método.

Veamos dos plugins WordPress para lazy load:

A3 Lazy Load. Es el plugin ideal para todos los que no tengan conocimientos de CSS, JavaScript y HTML, ya que permite configurar la carga diferida sin tener que tocar código. Además, es un plugin orientado principalmente a implementar el lazy load para dispositivos móviles, por lo que se adapta perfectamente a las necesidades actuales, donde estos dispositivos son los más utilizados por los usuarios para navegar por internet y realizar compras online.Lazyload by WP Rocket. El lazy load de la prestigiosa empresa de plugins WP Rocket es especialmente recomendado para webs que contengan un gran número de imágenes, como puede ser un e-commerce. Funciona muy bien a la hora de evitar que se carguen las imágenes que no están dentro del campo visual del usuario, consiguiendo que se acelere de forma considerable su velocidad web. Es un complemento de lazy load images muy popular que cuenta con gran cantidad de instalaciones activas.

Ventajas del lazy loading

Utilizar CSS para lazy load junto a JavaScript permite acelerar de forma significativa el tiempo de carga de una web, beneficiando a los sitios web de varias maneras:

Acelera la velocidad web

La principal característica de esta técnica es que disminuye el tiempo de carga de una web. Al cargarse solo los elementos que aparecen a la vista del usuario, permaneciendo el resto a la espera de ser cargados, la velocidad del sitio se ve incrementada mostrando el contenido de forma inmediata al usuario.

Una alta velocidad web consigue:

Reducir la tasa de rebote.Incrementar el tiempo de permanencia.Aumentar las conversiones o ventas.Ayudará a conseguir mejores posiciones en las páginas de resultados de Google y otros motores de búsqueda.

Mejora la experiencia de usuario

Los usuarios que acceden a una web con lazy loading podrán ver el contenido y acceder a sus funcionalidades de forma mucho más rápida. Esta mejora del rendimiento les permite disfrutar es una buena experiencia navegando por la web y utilizando sus distintas funcionalidades.

Libera al servidor web de mucha carga

El servidor web es otro de los beneficiados de esta técnica, ya que tendrá menos trabajo al evitar cargar muchos elementos que probablemente no son necesarios, al usuario no acceder a ellos.

Por ejemplo, el servidor no tendrá que procesar y enviar las imágenes de la parte inferior de la web, ya que la mayoría de los usuarios no accederán a esa zona.

El loading lazy es un método muy interesante para que los usuarios de tu página web, blog o tienda online puedan acceder de forma más rápida al sitio y disfruten de una gran experiencia de usuario.

Implementar esta técnica en WordPress y WooCommerce es muy sencillo gracias a la existencia de diferentes plugins específicos que facilitan su configuración.

Cómo crear en WordPress una web en varios idiomas

La digitalización y el uso de internet han sido fundamentales para que nos encontremos en una era donde la distancia ya no es un problema para comunicarnos y acceder a información de cualquier parte del mundo.

Hoy en día es posible realizar compras online en tiendas de cualquier país, acceder a páginas web de empresas y entidades públicas o realizar formación online en distintos idiomas. La barrera del espacio no existe en este nuevo entorno digital donde el único impedimento con el que puede encontrarse un usuario cuando navega por internet es el idioma.

Con WordPress multi idiomas es más sencillo construir un sitio web que ofrezca el contenido y las funcionalidades de sus sitios en diferentes idiomas, ya que muestra de forma automática el idioma apropiado según desde donde acceda el usuario.

Ventajas de tener una web multilingüe

Una web WordPress en varios idiomas es la mejor forma de internacionalizar un negocio o de llegar con el contenido del sitio a muchas más personas.

Entre las múltiples ventajas de implementar diversos idiomas en un sitio WordPress podemos destacar:

Conseguir un mayor alcance

Disponer de una web en diversos idiomas permite que una mayor cantidad de usuarios acceda a su contenido, lo que incrementa de forma notable la visibilidad del sitio.

Por ejemplo, el inglés es un idioma que utilizan unos 1350 millones de personas en todo el mundo (unos 380 tienen el inglés como lengua nativa), por lo que tener una versión de la web en inglés dará un gran alcance al sitio.

Mejorar el posicionamiento web

Si has realizado una búsqueda en Google en otro país te habrás percatado que las páginas de resultados son diferentes pues están “localizadas” o personalizadas para dicho país.

Al tener una web en diferentes idiomas, será más sencillo que Google y otros motores de búsqueda puedan posicionarlas en un mejor lugar de su ranking en distintos países, y además podremos llegar a un mayor número de usuarios.

Incrementar las ventas

Para un e-commerce creado con WordPress y WooCommerce es fundamental añadir la opción de múltiples idiomas. Si se quiere incrementar el número de ventas en un determinado país, la mejor solución es que los usuarios del mismo puedan acceder a la tienda online en su propio idioma.

Los e-commerces multilingües consiguen más ventas, ya que ofrecen una mejor experiencia de usuario y generan mayor confianza en los usuarios.

Conseguir una ventaja competitiva

Una web WordPress en varios idiomas te permitirá diferenciarte de la competencia y proyectar una imagen de profesionalidad y seriedad que será bien recibida por los usuarios.

Si el portal web de una empresa se presenta en diferentes idiomas, el usuario percibirá que el sitio es confiable y que tiene la capacidad de operar en diversos países.

Claves para conseguir una web en varios idiomas desde WordPress

A continuación, te mostramos cómo hacer un sitio multilenguaje en WordPress y así conseguir que los usuarios de otros países disfruten de la mejor experiencia cuando accedan a tu página web, blog o tienda online.

Apostar por un buen plugin

Puedes utilizar un plugin de idiomas en WordPress o utilizar la opción multi-site de la propia plataforma, para ofrecer tu web en diferentes idiomas. Los complementos de WordPress son la manera más sencilla y eficiente de implementar varios idiomas en tu web, ya que automatizan gran parte del trabajo necesario para ello, lo que supone un gran ahorro de tiempo y esfuerzo.

WPML.org es probablemente el mejor plugin que puedes utilizar para una web WordPress en varios idiomas, aunque se trata de un complemento comercial que requiere comprar una licencia de uso.

Realizar una selección de idiomas óptima

Es importante que elijas bien en qué idiomas vas a traducir tu web de WordPress. De nada sirve invertir tiempo en un idioma si, por ejemplo, no se piensa operar en ese país, o no se tiene como público objetivo a los usuarios de una determinada región.

Realizando una buena selección de los idiomas a implementar, el proceso de crear un portal WordPress será más rápido y eficiente.

Seleccionar un tema multi idioma

Con un tema o plantilla adaptado para múltiples idiomas será más sencillo crear una web en varios idiomas en WordPress. Estos temas ya tienen en cuenta el objetivo de ofrecer la web en diferentes idiomas y cuentan con elementos específicos para ello (como banderas e iconos personalizados, por ejemplo).

Además, es bueno recordar a la hora de seleccionar un tema WordPress multi idioma, que también sea responsive, para que se adapte perfectamente a las características especiales de los teléfonos móviles (para ofrecer la mejor experiencia de usuario en estos dispositivos).

Ofrecer una web creada en WordPress en varios idiomas es un proceso muy útil para incrementar la visibilidad del sitio y conseguir que los usuarios de otros países disfruten de la mejor experiencia de usuario.

Gracias al uso de plugins como WPML es posible disponer de una web WordPress en diferentes idiomas sin que para ello haya que realizar una gran inversión o dedicar en el proceso mucho tiempo y esfuerzo.

Los plugins de Xootix generan una brecha de seguridad crítica en WordPress

Según hemos podido conocer, una serie de plugins están provocando una vulnerabilidad crítica en las versiones actuales de WordPress. Se trata de tres plugins desarrollados por Xootix que podrían estar instalados en más de 84.000 sitios webs. Esta brecha ha sido descubierta por la investigadora Chloe Chamberland, la cual alertó del CSIRF (vulnerabilidad de falsificación de solicitud entre sitios) en el popular CMS. ¿Qué significa esto? Pues bien estamos hablando de una brecha de seguridad que se da cuando un atacante engaña a un usuario logueado enviando una solicitud web manipulada especialmente para un propósito.

Los plugins de Xootix se caracterizan por implementar mejoras en las tiendas online con WooCommerce para WordPress. Es decir, si tienes una ecommerce desarrollado con WordPress, revisa si tienes instalado alguno de estos plugins. Si la respuesta es afirmativa, no olvides actualizarlos a la última versión. Es muy importante:

Login/Signup Popup (Inline Form + Woocommerce) V 2.3 Side Cart Woocommerce (Ajax) V 2.1Waitlist Woocommerce (Back in stock notifier) V 2.5.2

El origen del fallo de seguridad reside en que las solicitudes AJAX no se validan haciendo que el atacante pueda modificar la acción «user_can_register» y cambiar el «default_role» a un rol administrador.

 

Por desgracia, el hallazgo ha llegado casi un mes después de que los atacantes ya pudieran hacer de las suyas. De hecho, explotaron estas vulnerabilidades en 15 temas de Epsilon Framework para apuntar a 1,6 millones de sitios desarrollados con WordPress como parte de una campaña de ataque a gran escala que se originó en 16.000 direcciones IP.

Lo dicho, revisa si tienes instalados estos plugins en tu CMS y, como te decimos siempre, actualízalos a la última versión para estar a salvo de posibles ataques.

¿Qué novedades trae la nueva versión de WordPress 5.9?

Por fin tenemos aquí la nueva versión de WordPress, la 5.9. A decir verdad, una de las versiones que más cambios trae a la plataforma desde que se lanzó la versión 5.0 con el nuevo editor Gutenberg, sobre el que hablamos largo y tendido en esta santa casa. Y es que desde hace un tiempo, el CMS se propuso el objetivo de ser una plataforma independiente a la hora de crear sitios webs. En otras palabras, quería que sus usuarios no tuviesen que depender de builders como Elementor, WP Bakery o DIVI para dar rienda suelta a su imaginación. Comenzaron en un principio por el contenido con el editor de bloques, y con la 5.9 podemos decir que WordPress cuenta con su propio editor de sitios web. ¿Qué quiere decir esto? Pues que ahora podemos modificar todo lo que se muestra en la web desde el backoffice: el header, el footer, la página 404… Tal y como te permiten hacer los plugins mencionados anteriormente. Una auténtica revolución, vamos.

El equipo de Automattic ha bautizado a esta versión de WordPress como Joséphine, en honor a la popular cantante de jazz Joséphine Baker. Pero vamos por partes, ¿qué es lo que incluye la 5.9 de WordPress?

Nuevo tema Twenty Two

Twenty Two es un hito dentro de la historia del conocido CMS ya que es el primer tema de bloques. Es decir, es un tema que permite a los usuarios personalizar todo lo que se muestra en el frontoffice de manera visual en base a bloques que conforman el diseño completo de la web. Podremos modificar la tipografía, los colores, espacios, el modo en que se muestran las imágenes, y mucho más; de todo lo que aparece por pantalla de nuestra web. Y todo desde el editor del sitio.

Twenty Two se espera que sea el primero de muchos temas de bloques que llegarán al repositorio de temas de WordPress. De este modo, los usuarios podremos confeccionar nuestros proyectos de la forma que queramos, sin tener que ceñirnos al diseño de un tema específico y sin necesidad de utilizar los ya conocidos builders. Mediante este tipo de temas contaremos con una versatilidad sin igual. Podríamos decir que contaremos con un control absoluto de la apariencia de nuestro proyecto.

 

Editor de temas de bloques

Como ya he dicho los temas de bloques nos dan el poder para poder personalizar la apariencia de nuestra web sin tener que recurrir a soluciones de terceros. Simplemente tendremos que instalar este tipo de temas desde el repositorio de WordPress (hay un nuevo apartado de temas de bloques) y utilizar el nuevo editor de temas. Como podremos hacer con Twenty Two, contarás con la posibilidad de configurar la apariencia de la web mediante bloques al igual que veníamos haciendo con el contenido de entradas, páginas y demás tipos de posts personalizados.

Este editor de temas nos da la posibilidad de editar varios apartados de la web, como la forma en que se muestra la cabecera, el pie, la portada, las páginas, las entradas, los archivos (categorías, autores, tags…) e incluso la página de resultados de búsqueda. Todas las zonas que contemple el tema de bloques por así decirlo.

 

Dentro de cada una de las plantillas, que es así como las llaman, podremos variar aspectos generales como la tipografía, el color o la disposición de los elementos, los cuales es común en todas las zonas; y aspectos específicos, gracias a distintos bloques que se han creado con el fin de confeccionar estas secciones a nuestro gusto. De hecho, con los colores de la web, al igual que hacen otros temas, podremos definir una paleta, que podremos utilizar en enlaces, fondos, encabezados… Así no tendremos que insertar los colores a mano cada vez que queramos cambiar la tonalidad de algo.

El nuevo bloque de navegación

Y puestos a cambiar cosas, decirte que la sección de Menús de WordPress, con un tema por bloques, desaparece por completo. Ahora el menú es un nuevo bloque al cual han llamado Navegación, que podemos agregar donde nos venga en gana. Este bloque nos da la opción de que se adapte a la pantalla del usuario, de que se despliegue al hacer clic… Simplemente tendremos que definirle un menú ya creado y la manera en que se represente es cosa tuya.

 

Mejoras en los bloques

Por supuesto, como ves, los bloques han venido para quedarse. Por eso Automattic ha puesto todo su empeño en que sean lo más fáciles de utilizar posible, y en que tengamos todas las posibilidades al alcance de unos cuantos clics. Así que en varios bloques ahora tendremos más opciones para temas como la tipografía, el espaciado del elementos, bordes… Para alcanzar el diseño que soñamos.

No olvidemos tampoco que para esta versión se han mejorado el tema de los patrones. Ahora podremos insertar diversos patrones en cualquier página y plantilla de la web, y editarlos como nos parezca. Con una vista a pantalla completa, podremos insertar estos patrones con un par de clics del ratón.

Y algo de lo que mucha gente se quejaba con el editor Gutenberg era que era muy engorroso a la hora de distribuir los diferentes bloques. WordPress 5.9 soluciona esto con una vista de lista en la que puedes ver en modo listado una representación de la disposición de los bloques de un contenido. Por supuesto, desde esta vista podrás agregar nuevos bloques, agarrarlos y soltarlos donde quieras para posicionarlos…

Y por último, ahora podremos especificar un estilo para cada una de las imágenes que componen una galería. Podrás recortar las imágenes, aplicarles un modo de fusión, integrarles un duotono…

Y hasta aquí nuestro artículo sobre WordPress 5.9 Joséphine, la nueva versión de WordPress que debes instalar ya en tu web si te preocupa la seguridad. Espero que te haya gustado y, si te ha resultado útil, no dudes en compartirlo en redes sociales. ¡Nos leemos!

Ir arriba