Llegamos tarde si queremos hablar de la importancia del SEO en un ecosistema de comunicación tan digital. Tanto grandes empresas como Pymes como cualquier tipo de autónomo o usuario individual puede tener acceso a una web, y es en este punto cuando nos introducimos en WordPress, el CMS con más usuarios en el mundo (+27 millones de webs lo utilizan, lo cual representa +50% de los CMS en internet).

En el artículo siguiente vamos a hablar de SEO para WordPress comenzado desde lo más básico y avanzando poco a poco hasta llegar a un modo avanzado.

Redirecciones de subdominios ¿con o sin www?

Comenzamos con una recomendación para aquellos que van a realizar una instalación de WordPress; antes de instalar pensar qué versión de dominio prefieres con www o sin ellas, ya que cuando lanzas una aplicación de instalación de WordPress, por ejemplo en CPANEL te da la opción de realizar toda la instalación bajo tu opción preferida, para que posteriormente quede redirigida la versión que no hayas escogido.

Si has obviado esta parte, tendrás que trabajar con el archivo htaccess. Hay plugins como WP HTACCESS EDITOR que te facilitan la edición del archivo, pero te recomiendo que si no estás seguro de lo que estás haciendo, mejor pide ayuda, porque este archivo es fundamental para el funcionamiento de la web.

Si aún así decides trabajar esta opción, este es el código que debes añadir.

Redireccionar dominio sin www a con www

RewriteEngine On

RewriteCond %{HTTP_HOST} ^tudominio.es [NC]

RewriteRule ^(.*)$ http://www.tudominio.es/$1 [L,R=301]

Redireccionar dominio con www a sin www

RewriteEngine on
RewriteCond %{HTTP_HOST} ^www.tudominio.es
RewriteRule ^(.*)$ http://tudominio.es/$1 [R=301,L]

Aún así, vuelvo a hacer hincapié que la edición del archivo htaccess es algo que tienes que tener muy claro, por lo que, si vas a editar, hazte una copia de seguridad primero.

Instalación de WordPress: primeros pasos en la optimización

Antes de nada, tienes que  entender cómo trabaja Google y que todas las acciones que hagas -deberías- en la medida de los posible, facilitarle el trabajo al bot de Google cuando este visite nuestra web.

¿Por qué digo esto? 

Porque este punto es uno de los errores más comunes que se comenten por los usuarios, no solo de WordPress, sino de todo diseñador web o webmaster.

Si tu contenido no está acabado no permitas el acceso al bot de Google (Googlebot), porque ralentizarás el proceso de posicionamiento de tus urls.

Así pues, si tengo que recomendar algo antes de comenzar es «disuadir a los motores de búsqueda que indexen mi contenido».

Indexación de WordPress: ¿Cuándo debo indexar mi web?

Cuando estamos realizando las instalación tenemos la opción de bloquear el acceso de los motores de búsqueda en la pantalla de configuración. Pero si nos hemos saltado este punto, podremos hacerlo desde Ajustes > Lectura.

disuade a los motores de búsqueda

Opción para bloquear el acceso de los robots

Esta “prohibición” también podemos hacerla desde el popular archivo Robots.txt. Si eres un usuario con más recorrido en el campo de las webs, a través de una cuenta  FTP que ha sido creada o facilitada por tu proveedor de hosting, podrás añadir este archivo a la ruta principal donde se encuentra tu web alojada.

El archivo Robots.txt, se puede crear simplemente con el Bloc de Notas (windows) o TextEdit (Mac), eso sí, recuerda que tiene que ser un archivo de texto; en el que añadiremos estas dos líneas:

User-agent: *

Disallow: /

En esta lista vemos los Rastreadores de Google más populares (User-Agents)

tipos de user agent de google

Diferentes user agent de Google

En nuestro código si indicamos User-agent: * estamos diciendo que nos referimos a todos los bots, ninguno podrá acceder a nuestra web. También podemos referirnos solo a un Bot, (Googlebot, Googlebot-Video, etc) pero en este punto no lo recomiendo. Así que, todos bloqueados.

Estructura de urls y urls amigables

Una vez que hemos dejado claro cual es nuestro dominio preferido y bloqueado el acceso a los robots, vamos a pasar a la estructura de urls.

Este es un paso que se debe hacer antes del rastreo e indexación, porque de lo contrario nos tendríamos que meter en el mundo de las redirecciones y no es lo óptimo.

WordPress por defecto te facilita opciones para que tú elijas la que mejor va a estructurar el contenido de tu web. Esta elección depende del proyecto y de cada uno, todas las opciones son factibles si el proyecto lo requiere.

Te explico:

Una vez dentro del dashboard de WordPress iremos a Ajustes > Enlaces Permanentes

Y nos encontraremos con esta pantalla:

estructura de urls en wordpress

Estructura de urls con los enlaces permanentes

Como he dicho anteriormente ya depende de cada uno la elección, pero si hablamos de SEO es preferible trabajar con un tipo de formato de urls más amigable.

¿Qué son las urls amigables?

Llamamos urls amigables a las urls que son comprensibles a los ojos del usuario y aportan en un vistazo una interpretación semántica del contenido de la urls.

https://www.amazon.es/dp/B07N2TJDKN/ref=s9_acsd_al_bw_c2_x_1_t?pf_rd_m=A1AT7YVPFBWXBL&pf_rd_s=merchandised-search-5&pf_rd_r=2GE5K63QEB3EJHYDP5A9&pf_rd_t=101&pf_rd_p=7d31ce7e-6a50-4430-98b6-b5d73b936248&pf_rd_i=17328035031

La primera url te da información del contenido que vas a encontrar, la segunda no, pero esto no quiere decir que Amazon haga las cosas mal, sino que utiliza diferentes parámetros de control para identificar internamente sus urls.

Hay que tener en cuenta que al disponer de millones de productos y categorías, los números les facilitaran el trabajo de control.

Una vez hecha esta aclaración y viendo las opciones, tenemos 3 tipos de urls:

  • Con fecha
  • Con el nombre de la entrada o post
  • Personalizable mediante variables.

Enlaces permanentes en WordPress

Urls con Fecha

urls con fecha

Son muchos los consultores SEO que rechazan estas urls, sobre todo porque te delata con la fecha de creación de la entrada, pero este tipo de urls son muy útiles cuando se disponen de un volumen grande contenido.

Por ejemplo, el caso de los medios de comunicación. Si te fijas en todas sus urls, tienen la fecha. Para un medio de comunicación tener una estructura lógica para poder almacenar sus urls en la hemeroteca, es fundamental, además es un identificador que viene muy bien para saber de cuándo es una noticia.

  • https://elpais.com/tecnologia/2019/11/25/actualidad/1574676898_992149.html

El País utiliza un tipo de urls mixta, ya que tiene información semántica como el nombre de categoría, fecha y subcategoría, y termina con un identificador de noticia.

Otros periódicos además del identificador de noticia también tienen términos del titular de la noticia en la url.

  • https://www.levante-emv.com/sucesos/2019/12/12/marta-calvo-asesino-serie-valencia/1955157.html

Cuando se trabaja en la sintaxis de urls, existen una opción muy interesante que se suele filtrar: las stop words.

Los Stop Words son términos que queremos evitar en la creación de una nueva url. Este acción se realiza mediante programación, en nuestro caso de WordPress mediante PHP.

Un ejemplo de Stop Words serían: artículos, pronombres, números, etc…

Rank Math tiene una opción que te permite evitar este tipo de términos.

enlaces rank math

Eliminar stop words en la creación de urls

Url con el nombre de la entrada o página

nombre de la entrada en la url

Opción sencilla y muy utilizada. Nuestras urls se formarán con el nombre de la entrada o de la opción modificada en el slug.

El Slug o enlace permanente se puede editar en las entradas, por lo que, si no queremos la opción automática que nos ha dado WordPress, manualmente modificaremos la url (solamente la entrada, no el dominio).

moficación del slug para contruir la url

Url personalizada mediante variables

url personalizable mediante variables

Como verás, aquí entran en el juego diferentes variables para construir una url a nuestro gusto.

Las variables darán más información al usuario. Si quieres estructurar tu contenido de una forma que necesitas añadir alguna variable, selecciona esta opción.

Te pongo un ejemplo: Queremos indicar en nuestra url, categoría, el año, el nombre del post y el identificador.

https://seoalive.com/%category%/%year%/%postname%/%post_id%/

Arquitectura de la Información: categorías, páginas padre y tags

Hay que entender todas las posibilidades que WordPress nos da para trabajar el contenido antes de comenzar con la Arquitectura de la Información.

Como ya sabrás, WordPress tiene sus peculiaridades y aunque un post y una página puede parecer aparentemente lo mismo, las funcionalidades y los plugins sí que las diferencian.

La estructuración de contenido es una parte fundamental del SEO para poder trabajar el enlazado y relacionar contenido similar, es lo que se conoce como clústers de contenido.

Para ello podemos trabajar con:

  • Categorías
  • Tags
  • Entradas (Post)
  • Páginas
  • Subpáginas

Categorías, Tags y Entradas (Post)

Hay dos formas de agrupar las entradas en WordPress de forma automática: con categorías y con tags.

¿Cuando utilizamos las categorías y cuando los tags?

Entendiendo que Categorías y Tags nos ayudan con la agrupación de contenido, la decisión de utilizarlas siempre tiene que estar supeditada a la cantidad de contenido que vamos a generar porque de lo contrario podemos estar duplicando contenido.

Tanto categorías como tags nos ayudarán con el enlazado interno y a que Google rastree todo nuestro contenido, pero como hemos dicho hay que saber cómo utilizarlo.

Mi consejo es utilizar categorías cuando vamos a crear contenido frecuentemente dentro de la temática de nuestra web.

Utilizaremos los tags, si dentro de temáticas concretas hay una gran cantidad de contenido que tienen algo en común.

Te pongo un ejemplo:

Deportes sería una categoría, pero Cristiano Ronaldo podría ser un Tag, aún así debes preguntarte ¿cuántas noticias voy a generar de Cristiano Ronaldo?

Si no vamos a generar contenido suficiente para que nuestra agrupaciones de páginas vayan a ser distintas entre sí, tenemos dos opciones: o no se crea la categoría/tag o no las indexamos.

Cuando trabajamos con categorías y tags, existen otros complementos que nos van a ayudar a que nuestro contenido pueda relacionarse con contenido similar.

Breadcrumb o Ruta de Navegación

WordPress construye la ruta de navegación a través del contenido estructurado de Categoría y Post, por lo tanto si queremos utilizar el breadcrumb para que nuestro contenido esté bien enlazado, debemos optar por este tipo arquitectura.

Así pues nuestro post quedaría de la siguiente manera:

  • URL : nombredelsite.com/category/nombre-categoria/nombre-post
  • Breadcrumb: Home > Nombre Categoría > Nombre Post

Existen plugins para introducir los breadcrumbs pero todos tiran de la estructura de la BBDD que tengamos de nuestro WordPress, a día de hoy no conozco un plugin que te permita flexibilidad en la definición.

Como ya os habréis dado cuenta la url de una post con categoría, introduce el término CATEGORY.

Esto viene de casa de WordPress, es decir, que en todos los WordPress te lo vas a encontrar y la opción que te da en los enlaces permanentes solo te sirve para cambiar un nombre por otro (category por otro término).

Tenemos varias opciones para solucionar esto, de nuevo Rank Math nos da la opción:

quitar category de la url

Y también existen plugins que te ayudan a eliminar este término y dejar una url más limpia.

plugin remove category

Plugins para eliminar Category de la Url de WordPress

Página Padre y Subpágina

Volviendo a la estructura de contenido hay una forma de trabajar que me gusta y es con páginas y subpáginas. Este tipo de estructura la suelo utilizar para Landing Page de servicios o páginas Hub.

La diferencia sobre todo está en la flexibilidad del diseño que te da una página y no una categoría. Tanto las categorías como los post están marcados por el Theme o plantilla de WordPress, pero las páginas pueden ser diseñadas a tu gusto con la ayuda de los Page Builders (plugin o complemento para personalizar la web a través de bloques).

¿Cuándo vamos a utilizar una página y una subpágina?

El ejemplo más claro que me viene es cuando tenemos un servicio general y distintos servicios más concretos. Se creará una página para el servicio genérico y subpáginas para el servicio concreto.

  • Landing Page Genérica : Diseño
  • Landing Page Específica: Diseño Web, Diseño Gráfico, Diseño de producto, diseño industrial…

Ejemplo de Url:

nombredelsitio.com/diseño/web/

nombredelsitio.com/diseño/grafico/

nombredelsitio.com/diseño/producto/

Breadcrumb: Home > Diseño > Diseño Web 

Para realizar esto debemos sacar desde el editor del artículo (post o entrada)  la venta de atributos de página que se encuentra en la parte superior.

menu atributos de la página

Ahora en la derecha de nuestra página se habrá añadido un módulo con los atributos de la página.

pagina y subpagina

Eligiendo una de las páginas existentes, la página actual dependerá de la selecciona haciendo que sea su subpágina.

Plugin SEO para WordPress: Rank Math, Yoast…

Una vez tenemos claro nuestra estructura de urls y parte de la arquitectura de la información, he querido meter en este punto la instalación del Plugin SEO (Rank Math, Yoast, All In One SEO…). Actualmente estos plugins te facilitan la vida en cuanto a SEO, ya que disponen de las herramientas fundamentales para poder trabajar el SEO en tu contenido.

Una vez instalado este plugin, es el momento de añadir el código de seguimiento y verificación de la web a la que queremos realizar el seguimiento. Como herramientas de análisis, no hay mejores herramientas que Google Analytics y Search Console.

Código de seguimiento o código de Google Analytics

Como irás viendo en WordPress, si aún no lo has visto, siempre hay varias formas de hacer un proceso.

Para insertar el código de seguimiento de Analytics o el ID de seguimiento podemos hacerlo a través de código en el propio html de la página, mediante el template que normalmente facilita un espacio para meter códigos en el Header o con un plugin.

Si no sabes cómo obtener el ID de seguimiento de analytics, desde la página de soporte de Google te indican el camino https://support.google.com/sites/answer/97459?hl=es

Google dispone de su propio plugin para WordPress (Site Kit Google), donde podemos tener la parte analítica completa.

plugin de google

También tenemos opciones sencillas para añadir el código de seguimiento de Google Analytics.

plugins para seguimiento google analytics

Actualmente los diseñadores ya tienen en cuenta estas necesidades de los webmaster y ofrecen en la configuración de la plantilla, un cuadro para meter el código el header.

insertar código de google analytics

Verificar nuestro WordPress en Search Console

Existen diferentes formas para la verificación de un dominio en Search Console, yo te voy a hablar de 2: una con el archivo de verificación de Google y otra con el plugin de SEO con el que vamos a trabajar.

  1. Archivo de verificación de Google Search Console.
  2. Con el código de verificación de la propiedad

Para una sencilla verificación podemos utilizar nuevamente Rank Math.

verificacion search console con rank math

En la primera casilla podemos introducir directamente el ID que encontramos en la parte de verificación de Search Console (si pinchamos sobre el texto del recuadro nos lleva directamente a la url que nos da esa información.

Luego solo tenemos que añadir el ID que marco a continuación en rojo.

<meta name=»google-site-verification» content=»ejemplo de código» />

Cómo hacer un Sitemap en WordPress

Otro punto que genera controversia en el sector SEO son los sitemaps. Este archivo antes era importante para que Google pudiera acceder a todas nuestras urls páginas.

Es verdad que las cosas han cambiado y Google no necesita de una archivo para rastrear por completo tu web. Pero de igual modo es cierto que con Search Console y los sitemaps tendrás información adicional que te puede ayudar a resolver futuros problemas con las urls.

Hay muchas formas de hacer un Sitemap, pero lo ideal es que sea un archivo dinámico que se actualice con las nuevas entradas o páginas.

Tanto si utilizamos Yoast como Rank Math o cualquier otro tipo de plugin SEO, para acceder a esta funcionalidad solo tenemos que indicarlo.

Para explicarlo voy a utilizar la herramienta que nos facilita Rank Math y nos vamos a ir a la opción Ajustes del Mapa de Sitio.

configurar sitemap wordpress

Ejemplo de configuración del sitemap en Rank Math

Como vemos en la imagen podemos personalizar diferentes opciones  sobre el tipo de url que vamos a trabajar.

  • Enlaces por mapa de sitio: 1000 (dejamos la opción predefinida, esto se refiere al número de urls que queremos en nuestro archivo)
  • Imágenes en los mapas de sitio: Recomiendo activar esta opción si tus imágenes son originales y aportan información al artículo.

De todas formas si utilizas imágenes en tu contenido Google va a rastrearlas con facilidad.

sitemap para wordpress

Las dos primeras casillas de esta parte de la configuración es para excluir entradas o páginas que no quieres que añadan al sitemap.

Esto se hace a través del identificador y podemos encontrarlo de la siguiente forma.

Cuando vamos a la sección de entradas o páginas, si colocamos el cursor encima de una entrada sin pinchar, en la parte inferior nos saldrá la url.

identificador de entradas y páginas en wordpress

Si nos fijamos en la parte inferior, en el cuadro rojo, se ve post=5745, el número es el identificador que tenemos que utilizar para evitar que esta página se vea en el sitemap.

La siguiente opción es con Taxonomías, es decir hacer lo mismo con TAGS y Categorías.

La opción de Rank Math es limitada y viene predefinida para hacer 5 tipos de sitemaps (entradas, páginas, multimedia, categoría y tags)

etiquetas en wordpress

Eres tú quién decide que sitemap no quieres, mi consejo es que no hagas un sitemap de urls que no quieres que Google las vea (noindex o bloqueada por robot).

Una vez terminada esta parte inicial vamos a irnos a la parte de contenido y a explicar qué factores debes de conocer, y, cómo funciona WordPress para la optimización del contenido.

Optimizando Contenido para WordPress

Cuando nos ponemos a optimizar una página o entrada, tenemos que conocer qué es imprescindible que tengamos en cuenta.

Las etiquetas más importantes en la optimización del contenido son:

  • Title  <title> en HTML
  • Descripción <meta name=»description» content=» texto descriptivo” >
  • Jerarquía de encabezados <h1, h2, h3, h4… >
  • Etiqueta ALT <img src=”url de la imagen” alt=”descripción de la imagen”>

Optimización de la velocidad de carga (WPO) de WordPress

Ahora nos ponemos serios, esta es una parte que da verdadero quebradero de cabeza a todos los webmaster porque son muchas variables las que afecta a la carga. Tenemos diferentes herramientas para medir la velocidad de carga, yo os voy a hablar de las que uso y cómo las uso.

Conceptos básicos

Un análisis WPO (Web Performance Optimization), se realiza para mejorar la carga de tu web. Las herramientas utilizados no son 100% precisas y cada usuario puede obtener tiempos de espera de carga de la web diferentes.

Por eso, cuando optimizamos una web, nuestra pretensión no es sacar la máximo puntuación posible en las herramientas de auditoría utilizadas, sino mejorar ciertas aspectos que sea cual sea el usuario, verá mejoría en la carga de nuestra web.

Cuando trabajamos WPO, lo que pretendemos optimizar es lo que está en nuestra mano:

  • Request: Peticiones que realiza un recursos al origen (nuestro servidor u otro servidor externo)
  • Total Page Size: Tamaño de los recursos que carga una página.
  • Fully Loaded Time: Tiempo de carga total de la página.

Otros aspectos como la respuesta de nuestro servidor, aunque podemos hacer por mejorarla, no está tan a nuestro acceso.

Gtmetrix y Lighthouse

Vamos a realizar un acercamiento con dos herramientas accesibles y gratuitas, bueno Gtmetrix tiene una versión de pago pero con las funcionalidades de la versión gratuita nos es suficiente.

Para la explicación voy a utilizar una web de mi propiedad en la que he desactivado los plugins que me ayudan con la optimización.

gtmetrix analisis

He tenido que utilizar una versión de caché nueva porque la herramienta estaba leyendo la versión antigua en caché (con los plugins activados) y me daba buenos resultados de optimización, lo que para mi ejemplo no era algo que quería.

Recordad si queréis tener una versión de caché añadir ? es vuestra url seguida de cualquier tipo de carácter, por ejemplo url?version1

Como hemos dicho anteriormente las peticiones (Request) es uno de los factores básicos que tenemos que trabajar. Para ello, vamos a analizar lo que se conoce como Waterfall o cascada de tiempos de ejecución.

Waterfall

waterfall de gtmetrix

Como vemos en este cascada tenemos 87 peticiones realizadas. Cada una de estas peticiones tiene un nombre, un status, la ubicación y el tamaño.

¿Cómo comenzamos a trabajar?

Imágenes

Si vemos cualquier herramienta de análisis de WPO sobre una web no optimizada, veremos que nos recomiendan 4 tipos de acciones a realizar sobre los recursos de imágenes.

Reducir su resolución

Hay millones de herramientas a utilizar tanto online como para PC o MAC, a mi me gusta hacerlo todo con Photoshop, pero claro todo depende de la cantidad de imágenes que tengas que optimizar. Como herramienta online puedes utilizar Kraken.io pero como te he dicho antes yo me quedo con Photoshop porque puede realizar una optimización más precisa.

Servir las imágenes en el tamaño de lectura máximo

Es un error muy frecuente. Utilizar un banco de imágenes, descargarnos la imagen de 2800 x 1600 y utilizarla en nuestra web con una resolución de 900 x 400.

Mi recomendación es que utilices el inspector con el tamaño máximo de la página y mires el tamaño que se está utilizando.

escalar imagenes

Vemos como el inspector nos indica el tamaño que se está utilizando como máximo en nuestras imágenes del blog, ese debe ser el tamaño de nuestra imagen.

Utilizar formatos de nueva generación o con buenas compresiones

Si no quieres complicarte mucho la vida con formatos del tiempo webp (desarrollado por Google pero aún no soportado por el 100% de los navegadores), utilizar JPEG y huir de PNG al menos que necesites un canal transparente.

Utilizar la función de carga diferida (lazy loading)

Lazy load o carga diferida es una de las funciones más interesantes para evitar que se carguen elementos como imágenes o vídeos en un primer momento. Lo que hace es aplazar la carga de las imágenes en un primer momento.

Imagínate las imágenes que tenemos en la parte inferior de nuestra página ¿para que queremos cargar si el usuario aún no ha llegado a ellas?

Plugins para la optimización de imágenes

Aunque personalmente no soy muy fan de este tipo de plugins, te voy a recomendar algunos que te pueden resolver los problemas de optimización si te encuentras con webs con muchas imágenes.

  • Imagify
  • EWWW Image Optimizer
  • WP Smush

Minificar y Combinar CSS, HTML y JavaScript

La acción de minificar tiene como objetivo reducir el peso de estos recursos, cuanto menos peso tiene que cargar una página más rápida será esa carga.

Aunque parecer una acción básica (ya que todos los recomiendan), no es una acción de las que vamos a obtener grandes resultados.

En cambio la acción de combinar si que vas a sernos más útil, pero es más delicada.

¿Qué sería lo ideal?

Lo ideal es tener archivos pequeños con las funciones JS o estilos CSS que realmente se están utilizando en ese html, sin embargo cada diseñador y cada programador decide qué mete en sus CSS y JS. Fíjate en el ejemplo de mi web antes de optimizar. Bueno, miento porque aunque he desactivado los plugins, aún tengo archivos minificados.

css optimizados

29 peticiones solamente de JavaScript. Esto es una barbaridad pero ten en cuenta que cuando tu haces una acción como la de meter un embebido de Youtube, estás cargando un recurso JS (Javascript), así que si tienes varios vídeos pues todo se multiplica.

Y ahora te voy a enseñar la carga de recursos una vez optimizados.

js optimizados

Ahora solo tenemos 4 JS. Esto se debe a la función de combinar.

Con los CSS nos sucedió lo mismo, vemos el antes:

optimizando css en gtmetrix

Y después:

css minificados

La reducción de peticiones no solo ha sido por combinar CSS y JS, también hemos dejado de cargar ciertos recursos que no eran necesarios como el típico de Wp-emoji-realese.js (emojis en WordPress).

¿Qué nos queda por hacer?

Pues para seguir optimizando ya tendríamos que atacar a los JS individualmente y ver si se puede realizar una carga diferida o asíncrona.

  • JS Async: El recurso se descarga sin detenerse la carga del html pero una vez descargado si que se detiene la carga para ejecutar el JS.
  • JS defer: El recurso también se descarga de forma paralela con la carga del html pero se ejecuta al terminar la carga, no hay bloqueo por parte del scritpt.

Hay que tener claro que este atributo nos sirve para JS externos y no para los que se ejecuta INLINE (en el mismo html)

Optimización de la Caché

Sin lugar a dudas una de las partes más importantes de la optimización en la velocidad de carga, pero tenemos que tener en cuenta que para que esto sea útil, el usuario tiene que haber entrado previamente en nuestra web y descargarse los recursos que el navegador necesita.

Es decir, la optimización de la caché es importante, pero puede ser que no sea trascendente si “ese usuario” no vuelve a visitar nuestra web.

La optimización de la caché es una de las partes que más valora todas las herramientas de auditoría de carga. A continuación te voy a explicar las partes a tener en cuenta.

¿Qué hace un plugin de caché?

Lo que hace un plugin de caché es realizar copias de las distintas partes procesadas de una web (página, objetos, consultas a la bbdd) para luego servirlas y ahorrar tiempo de espera a la hora de realizar las peticiones al servidor.

  • Vida útil o máxima de la caché antes de que vuelva a ser cacheada: este factor depende mucho del tiempo de web que tengas, si tu contenido no cambia frecuentemente puedes utilizar una duración mayor, si tu web se actualiza frecuentemente o varias veces en un día, acorta esa duración.

Si hemos realizado esta operación con alguno de los plugins de caché que hay en el mercado y que ahora veremos, podemos comprobar desde la herramienta de desarrolladores de Chrome, cómo hemos trabajado esta función:

Tenemos varios métodos de cacheo:

  • Last-Modified
  • ETag (Entity Tag)
  • Expires
  • Max-age

Carguemos nuestra web teniendo abierto la herramienta de desarrolladores de Chrome y seleccionar la opción de Network , ahora podemos ver todas peticiones de recursos que realiza nuestro navegador. Al pinchar en cualquiera de uno de estos recursos y seleccionando la opción de Headers, podremos ver la respuesta de las cabeceras de estos archivos y si tenemos activada la caché y qué método se utiliza.

En SEO Alive, vemos que es a través de MAX-AGE. En esta parte, también vemos si desde el servidor se está realizando una compresión GZIP.

vida util de la cache

  • Caché de usuarios logueados: esta función es importante para no servir páginas cacheadas a usuarios logueados si estos van a estar actualizando wordpress, porque sino no verán los cambios que están realizando.
  • Caché móvil: muchos plugins dan la opción de generar distintas “cachés” para diferentes dispositivos, lo recomiendo si tu versión de móvil es personalizada y no es una versión responsive.

Plugins para optimizar la velocidad de Carga en WordPress

Te he querido explicar antes de meternos en el tema de los plugins, las partes más importantes para realizar la optimización, ya que en casi todos los plugins lo explicado anteriormente son opciones de activación y eres tú el que debe considerar activarlas o no activarlas.

Por eso he preferido explicarlo para que lo entiendas, antes de comentarte qué plugins tienes para poder realizar estas acciones. Estos son los plugins más populares para WordPress.

  • WP Rocket
  • W3 Total Cache
  • WP Fastest Cache
  • Autooptimize

En todos ellos, tienes las opciones que hemos comentado anteriormente, aunque puede ser que para trabajar JS estén más limitados en cuando al tipo de carga.

Herramientas para medir la velocidad de Carga

Como ya te puedes imaginar existen una multitud de herramientas que nos ayudan a conocer la velocidad de carga de un sitio.

Ten en cuenta que un WordPress está formado por diferentes tipos de páginas y cada una de ellas va a responder de diferente forma, por lo que si tienes que hacer una auditoría WPO, hazla de:

  • Home
  • Categorías
  • Páginas
  • Entradas

También es importante que sepas que Google Analytics tiene una métrica que mide la velocidad de un sitio y si sacas una métrica de día de la semana o del mes, te puede ser útil para sacar conclusiones.

velocidad de paginas con google analytics

Estas son las herramientas para realizar una auditoria WPO más populares:

  • Google PageSpeed Insights
  • GTmetrix
  • Pingdom Tools

Datos Estructurados en WordPress

Si acabas de comenzar con el SEO seguramente no te suene de nada el concepto de Web Semántica, pero a día de hoy es difícil hacer seo sin entender este concepto.

Google trabaja día a día para mejorar la lectura e interpretación de los sitios web, y el marcado de datos a través de la implementación de metadatos semánticos facilita este trabajo.

Para ello tenemos diferentes plugins que nos ayudan a marcar el contenido diferente de las páginas de nuestra web.

Si has instalado Rank Math tienes una lista de metadatos para tu contenido a través del plugin y visibles en la pestaña de Snippet Enriquecido.

rank math snippets

Lo malo de esta opción es que muchas veces un contenido puede tener más de un marcado de datos, por ejemplo:

Puedes etiquetar un contenido como Blog Posting (entrada de blog) y tener 3 vídeos en el contenido sin etiquetar.

Si estás familiarizado con los datos estructurados puedes añadir bloques HTML con Gutenberg (editor por bloques de WordPress) y añadirlo manualmente.

Google pone a tu disposición una herramienta para validar que tus datos estructurados estén correctamente implementados.

Plugins recomendados para mejorar el SEO en WordPress

Para acabar con este artículo me gustaría recomendarte unos plugins que te pueden ayudar a mejorar el SEO en tu WordPress.

Índice de contenidos

Aunque este plugin se puede hacer fácilmente con HTML, las opciones de estilo y diseño que aportan lo convierten en un básico para mejorar la navegación en la página por parte del usuario.

índice de contendios en wordpress

Post relacionados

A día de hoy muchos plugins tienen la opción de entradas relacionadas, pero recuerda que si no lo tiene está opción es muy importante para que tu contenido siempre esté enlazado entre sí.

Te dejo este plugin que a mi me ha ayudado mucho con ciertas plantillas.

post relacionados y recientes

AMP

El desarrollo de una página en AMP puede ser una buena opción por diferentes motivos: velocidad, usabilidad…  o trabajar el posicionamiento en carruseles como el de noticias en la versión móvil donde prima este tipo de tecnología.

Así que te dejo un plugin si quieres tener tus páginas en AMP aunque existen muchas opciones disponibles.

plugin para implementar amp

Sitemap Video y Google News

Aunque muchos SEOs ya no utilizan los sitemap, yo siempre recurro a ellos para tener un mejor control de indexación de mi contenido. Aquí te dejo un plugin para crear un sitemap de vídeos y otro para Google News.

plugin sitemap de video

sitemap de google news

Espero que este artículo te sea, en alguna de sus partes, útil e interesante y por supuesto si tienes alguna duda que puedo resolver, tienes los comentarios para hacérmela llegar.