Páginas web profesionales de WordPress: manual de consejos avanzados

Share to social media
Páginas web profesionales de WordPress: manual de consejos avanzados - Soy consciente de la importancia del atributo ALT y estamos trabajando para mejorar la accesibilidad de este sitio web.

Érase una vez alguien como tú que aprendió a hacer páginas web profesionales de WordPress con Blogpocket 😉 .

A lo largo de 2019, se consolidó -en Blogpocket- una manera fácil y sencilla de construir un sitio web de WordPress. A esa clase de sitio web, de carácter profesional y creado con el Método Blogpocket, le pusimos nombre y apellido: Web Premium. Si necesitas más información o ayuda para tener una web de ese estilo, puede empezar con una introducción al Método Blogpocket o un poco más de detalle aquí.

Cómo hacer páginas web profesionales de WordPress rápidas, seguras, visibles y éticas

En Blogpocket, encontrarás mucha información sobre cómo implementar la seguridad, rapidez, el SEO, la ética 1 y la legalidad de páginas web profesionales de WordPress.

1: Garantizar la privacidad de los usuarios y el ahorro de energía conforman dos aspectos muy importantes a la hora de hacer una página web de WordPress. Ya no es cuestión de eficiencia sino también de reputación. Por ejemplo, a partir de 2020, una web no puede incumplir el RGPD y tardar más de 3 segundos en cargar en dispositivos móviles, aunque tenga el diseño más bonito del mundo.

Pero en este artículo nos vamos a centrar en una serie de ajustes y configuraciones de alto nivel, que influyen en el buen funcionamiento de una página web de WordPress y también en una óptima experiencia de usuario. No nos limitaremos a recomendarte herramientas y procedimientos, sino que también se indicará cómo afecta cada solución a todos aquellos factores propios de una Web Premium: la seguridad, el rendimiento (WPO) y la ética (ecologismo y legalidad).

Y como también tienen que ver mucho con el mantenimiento de WordPress empezaremos hablando de ese tema.

Mantenimiento de WordPress

No se puede hacer páginas web profesionales sin prever un mantenimiento de WordPress.

En 2019 se diseñó en Blogpocket un método para realizar un mantenimiento de WordPress automático mediante la herramienta Manage WP. Este fue uno de nuestros hitos clave con el que se puede ahorrar mucho tiempo y ser mucho más productivo y eficaz.

Manage WP es gratuito pero algunas funciones requieren una suscripción de pago.

Fundamentalmente, se puede automatizar la actualización de plugins y temas; una tarea esencial a la hora de preservar la seguridad y el buen funcionamiento de una página web de WordPress.

Eliminación de links rotos

Manage WP distribuye tambén un plugin de WordPress, muy popular, para este cometido: Broken LInk Checker. Esta es una de las estrategias para configurar el SEO técnico o preparación para el SEO on-page.

En Blogpocket, hemos empleado esta extensión durante mucho tiempo. Es automática y plug&play pero hemos comprobado en el laboratorio que la función incluida en el dashboard de Manage WP es más eficaz.

Debes pagar 1 USD al mes por añadir la búsqueda de links rotos en Manage WP y la gestión, lógicamente porque requiere análisis de los posibles enlaces rotos detectados, es manual.

Optimización de la base de datos

Junto con la actualización de plugins/temas y el análisis de enlaces rotos, la optimización de la base de datos completa el triángulo de las Bermudas del mantenimiento de WordPress. Para hacer pagínas web profesionales de WordPress bien, tienes que contemplar estas tres tareas periódicamente. Como hemos visto, en Blogpocket automatizamos la actualización de plugins/temas y el análisis de links rotos con Manage WP.

Manage WP ofrece una función básica de optimización de la base de datos pero no incluye automatización.

En Blogpocket, hemos venido utilizando WP Optimize pero en las pruebas de laboratorio la automatización con el plugin Optimize Database After Deleting Revisions fue mucho más eficaz. Incluso, no se logró poner en piloto automático a WP Optimize en algunos casos.

Además de la automatización, Optimize Database After Deleting Revisions añade un botón de 1 clic al escritorio de WordPress.

Actualización del core de WordPress

Para nosotros, la gestión de la instalación de WordPress es una tarea que debe proporcionar plug&play el proveedor del servicio de alojamiento web.

En Greengeeks, el hosting que utilizamos en Blogpocket, WordPress se instala con un clic. Pero existe la función para gestionar automáticamente las actualizaciones del core y, naturalmente, la opción (no negociable) de backups y restauraciones automáticas, de toda la página web o de elementos concretos (base de datos, achivos, etc.). En SiteGround también se hace todo eso.

Tener los plugins/temas y el core de WordPress siempre actualizados a la versión más reciente es una obligación incuestionable.

Protección de la página de login

Ya hemos dejado bien claro la importancia de la seguridad a la hora de hacer páginas web profesionales.

Nuestra herramienta de cabecera es Wordfence. Con Wordfence puedes implementar plug&play la seguridad de tu sitio web y poner en marcha un firewall extendido muy eficaz para defenderte de los ataques de los piratas informáticos.

Pero me interesa subrayar aquí una de sus funciones con el fin de proteger la página de login de WordPress.

Se trata de la posibilidad de activar el captcha invisible en la página de login del escritorio de WordPress. Tener un captcha invisible implica una mejor experiencia de usuario, comodidad y rapidez a la hora de administrar tu página web, ya que te olvidas de la necesidad de resolver captcha alguno.

Para tus usuarios también es conveniente que implantes el captcha invisible. Para ello, existe el plugin Invisible reCAPTCHA for WordPress que puede resultarte útil, sobre todo si tienes comentarios y formularios de contacto. Sin embargo, este plugin penaliza los resultados de GTMetrix. Debes valorar si la pérdida de rendimiento, por usar este plugin, es asumible o no. Esta extensión incluye la protección para la página de login, por lo que es preciso elegir entre Wordfence (solo protección de página de login, sin afectar al rendimiento) o el plugin Invisible reCAPTCHA for WordPress (protección de cualquier formulario de captura de datos, con pérdida de rendimiento).

Hay que decir que el captcha invisible de Google V3 no funciona para las nuevas extensiones de dominios del estilo «.online», «.blog», «.education», etc. En ese caso, puedes emplear un captcha simple como Simple Login Captcha.

Implementación del código de seguimiento de Google Analytics

Hay muchas maneras de llevar a cabo la inserción del código de seguimiento de Google Analytics para hacer páginas web profesionales de WordPress.

La mejor manera es siguiendo este tutorial clave: Cómo empezar con Google Analytics 4 (GA4) e insertar el código de seguimiento (y cumplir el RGPD)

Lee también: Cómo configurar tu cuenta de Google Analytics para cumplir el RGPD.

Para la correcta implementación de Google Analytics en tu web, puedes instalar en Google Drive una checklist elaborada en Distilled: The Google Analytics Audit Checklist.

Bloqueo de cookies

Este apartado es fundamental para hacer una página web ética y Premium: no se debe cargar ninguna cookie antes de que el usuario otorgue su permiso y su consentimiento explícito, salvo las necesarias para el propio funcionamiento de la web.

La mejor manera de bloquear cookies es empleando el plugin Complianz: Complianz: cómo configurar el bloqueo de cookies (ej.: Google Analytics)

El Reglamento general de protección de datos (RGPD) se aplica a todos los sitios web con usuarios de la UE. Por lo tanto, saber si el uso de cookies y del seguimiento en línea de tu sitio web cumple con el RGPD y la Directiva de privacidad (ePR) es algo básico y necesario.

Cómo tener estadísticas de Google Analytics, Search Console y PageSpeed Insights en el dashaboard de WordPress sin afectar al rendimiento

El plugin de MonsterInsights no es una buena idea para tener las estadísticas de Google Analytics en el dashboard de WordPress. Si quieres hacer páginas web profesionales de WordPress en condiciones, debes usar herramientas plug&play, sencillas y cuya experiencia de usuario sea óptima. Además, se debe cumplir otro requisito imprescindible: que no impacten en el rendimiento.

Existe una solución estupenda bajo esos criterios y es Google Site Kit.

Con Google Site Kit tendrás en el dashboard de WordPress, y sin pestañear, tres recursos muy útiles:

  • Estadísticas de Google Analytics.
  • Monitor de Search Console.
  • Informe de rendimiento de PageSpeed Insights.

Activa cada opción por separado, autoriza el acceso a tus datos de Google por parte de WordPress y listo.

La única salvedad es que hay que desactivar la inserción automática del código de seguimiento de Google Analytics. Recuerda que, en caso contrario, el código no se añadirá después del código de Cookiebot y las cookies no se bloquearán. Inserta el código de seguimiento de Google Analytics manualmente pero deja activada la opción de acceso a los datos y ya está.

Para más información acerca de cómo poner en marcha Google Site Kit: Cómo configurar Site Kit by Google para añadir un sitio web a Analytics y Search Console automáticamente.

Carga de las Google Fonts

Acerca del uso de Google Fonts, se ha dejado claro en Blogpocket cómo hacerlo; tanto mediante la carga de la librería externa como de manera manual: Cómo modificar el tipo de letra de Google Fonts de cualquier theme de WordPress.

De cara a optimizar el rendimiento lo mejor sería evidentemente no usar las fuentes de Google. Cualquier tipo de letra que no requiera la llamada a una librería externa estaría bien.

Sigue este tutorial para el mejor aprendizaje sobre esta materia: RGPD y Google Fonts: cómo proteger la privacidad de tus visitas si usas las fuentes web de Google.

Backup de los consentimientos

Para finalizar, esta serie de trucos avanzados para hacer páginas web profesionales de WordPress, debes recordar que es imprescindible realizar una copia de seguridad de todos los consentimientos de tus usuarios; tanto los que han otorgado permiso en formularios (comentarios, contacto, suscripción a newsletter, etc.) como para cargar cookies.

En cuanto a los consentimientos relacionados con formularios de suscripción a newsletter existe una manera muy sencilla, siempre y cuando tu proveedor de email marketing te envíe un email cada vez que alguien se dé de alta o de baja en la lista de correo. MailChimp proporciona esa función y la manera de realizar los backups de los consentimientos se describe aquí: Cómo crear una landing page con Mailchimp. El email debe incluir los datos identificativos, fecha y dirección IP; y la herramienta para implementar un sistema de backup de los consentimientos es Takeout, siempre y cuando seas usuario de Gmail.

Se puede hacer algo parecido con los formularios de contacto implementados con Contact Form 7: Trucos de Contact Form 7 para WordPress: haz formularios de contacto fácilmente.

Para los comentarios, en Blogpocket utilizamos el plugin RGPD en los comentarios que guarda en la base de datos de WordPress los consentimientos.

Hacer páginas web profesionales de WordPress: Conclusiones

Hacer páginas web profesionales de WordPress implica muchas cosas. Unas evidentes y muy conocidas; y otras, no tanto.

En este artículo, se ha expuesto una serie de ideas, de las que no son tan evidentes, para terminar de configurar bien una web Premium. Sobre todo, se han revisado soluciones estudiadas, investigadas y probadas a lo largo de 2019 con el objetivo de desarrollar una web de WordPress de altas prestaciones.

Responder en Mastodon (requiere usuario en esa plataforma)

Puedes usar tu cuenta de Mastodon para responder a este post de acambronero

Copia y pega esta URL (https://www.blogpocket.com/2020/02/26/paginas-web-profesionales-manual/) en el campo de búsqueda de la interfaz web de tu servidor Mastodon.

Icono de Mastodon

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre protección de datos Ver más

  • Responsable: Antonio Cambronero.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento: No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a GreenGeeks que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ir al contenido