Opciones SEO

Opciones SEO

Optimización de imágenes

Si activas esta sección, cada imagen que subas a tu sitio web se convertirá primero al formato de salida que elijas: .webp, .jpg o .jpeg, y luego se comprimirá entre el 40% y el 90% del tamaño original seleccionado sin pérdida de calidad. Puedes modificar los parámetros en los siguientes campos. Ten en cuenta que la mayor compresión es del 40%, siendo la menor del 90%.

Puedes subir imágenes en los formatos .jpg, .jpeg, .png, .gif, .webp, .heic, .tiff, .tif y .jfif para convertirlas a los formatos de salida que elijas.

Las imágenes originales en todos los formatos mencionados pueden ser de gran tamaño, y al activar este servicio, las imágenes de al menos 2 MB se reducirán a solo unos pocos kilobytes sin pérdida de calidad.

Además, las imágenes en formato horizontal con un ancho mayor, por ejemplo, de 3500 píxeles, se reducirán a un ancho de entre 1200 píxeles con su altura respectiva. Las imágenes verticales no serán modificadas, sino que serán comprimidas.

Puedes utilizar este servicio para imágenes que utilizarás en publicaciones, páginas o documentos. No lo uses para imágenes destinadas al diseño y personalización del sitio web, a menos que sepas lo que estás haciendo.

Para imágenes destinadas a los productos de la Tienda, hasta hace poco, WooCommerce no permitía el formato .webp, así que realiza tus propias pruebas antes de proceder con la inserción. Pero te adelantamos que si configuras una compresión del 45%, con formato de salida .jpg y un ancho de 1200 píxeles, los resultados son extraordinarios.

Si deseas desactivarlo después de subir ciertas imágenes, las imágenes subidas no se perderán.

Importante para Google o Bing imágenes:

Antes de subir la imagen, renómbrala de manera que sea legible para los motores de búsqueda. Por ejemplo, cambia el nombre de ‘668dskkd87d5.heic’ a ‘mi-imagen-de-iphone.heic’, ya que cuando se convierta al formato de destino, el servicio añadirá el texto alternativo como «Mi imagen de iPhone» y se mostrará automáticamente en el atributo ALT como «Mi imagen de iPhone». Este punto es muy importante para el SEO.

Esta acción tiene dos funciones cruciales para el SEO técnico y de contenidos, así como para el SEO de imágenes en Google o Bing.

Renombrar la imagen a un texto legible ayuda a los motores de búsqueda a indexar la imagen en los buscadores de imágenes. La otra parte muy importante y crucial es que inserta automáticamente el atributo ALT al subir la imagen en el campo de Texto Alternativo de WordPress, evitando así las graves penalizaciones que la mayoría de los sitios web en el mundo enfrentan por descuidar manualmente el atributo ALT.

Compresión de código HTML

Comprime el HTML de la plantilla solo cuando hayas terminado de configurar y diseñar.

En cualquier parte de tu web clicas con el botón derecho de tu raton y en el menú que sale pulsa en «Ver código fuente de la página» en Edge, Chrome y Firefox u «Origen de página» con Opera,  ahí veras que tienes el código fuente ordenado línea por linea hacia abajo con sus respectivos espacios. Al activar la compresión del HTML y si vuelves a comprobar verás todo el código comprimido en una sola línea sin espacios.

La compresión del HTML en una página web tiene un propósito importante en términos de SEO y rendimiento. Imagina que una página web es como un libro; el HTML sería el lenguaje en el que está escrito. Comprimir el HTML es como utilizar un lenguaje más eficiente y compacto para contar la misma historia.

Cuando comprimes el HTML de una página web, reduces el tamaño de los archivos, lo que significa que se transmiten más rápidamente a través de internet. Esto es esencial porque las páginas web más rápidas tienden a clasificarse mejor en los resultados de búsqueda. Los motores de búsqueda valoran la velocidad de carga de una página, ya que una experiencia más rápida y fluida es más satisfactoria para los usuarios.

Además, al reducir el tamaño de los archivos HTML, también disminuyes el consumo de ancho de banda, lo que puede traducirse en un ahorro en costos si estás utilizando servicios de alojamiento o servidores que cobran en función del uso de recursos.

En resumen, la compresión del HTML beneficia el SEO al mejorar la velocidad de carga de la página web, lo que puede resultar en un mejor posicionamiento en los motores de búsqueda y una experiencia más positiva para los visitantes.

Caché

Esta caché funciona en el servidor. Cuando un cliente solicita una página, la función de caché de PHP verifica si la página está en la caché. Si está en caché, el servidor devuelve la versión caché oculta. Si no está en caché, genera la página, la almacena en caché y luego la envía al cliente.

La caché de servidor ayuda a que las páginas web se carguen más rápido. Imagina que es como tener una versión rápida de la página guardada en un lugar secreto. Cuando alguien visita la página, en lugar de crear todo desde cero, muestra esta versión rápida.

Este servicio específico hace varias cosas:

• Cuando se actualiza una página o imagen, elimina la versión rápida guardada.
• Comprueba si hay una versión rápida guardada y, si la encuentra, la muestra en lugar de crear la página desde cero.
• Si no hay una versión rápida guardada, crea una nueva versión rápida y la guarda para la próxima vez.

En resumen, el código ayuda a que las páginas web se carguen más rápido mostrando versiones rápidas guardadas en lugar de construir todo desde el principio cada vez.

Compilador de activos CSS y JS

Cuando hayas terminado de configurar y estilizar, compila todos los activos CSS y JS del tema en un solo archivo por extensión. Este servicio no incluye los activos de complementos de terceros.

Importante.- Al activar esta sección debes Guardar primero para que el botón Compilar funcione.

TSEO PRO utiliza varios activos CSS y JS propios y de terceros por defecto. No son muchos pues en realidad son entre tres y cuatro de cada tipo. Pero si quieres ganarle una mayor velocidad puedes compilarlos y comprimirlos en uno de cada tipo reduciendo los seis activos en solo dos:

• compiled-tseopro.css
• compiled-tseopro.js

Si consideras que debes tenerlos compilados para ganarle un poco más de velocidad, ten en cuenta que cada vez que haya una nueva actualización de TSEO PRO deberás de desactivar, borrar cookies y caché y volver a activar el compilador para que los posibles cambios del CSS y JavaScript que llevé la nueva versión de TSET PRO sean compilados de nuevo.

No obstante, si estás utilizando algún servicio ISP con HTTP/2 o HTTP/3 debes de saber que el problema de carga con HTTP/1.1 fueron resueltos con HTTP/2 en 2015 y con HTTP/3 a finales de 2021 por lo que si tienes alguno de estos protocolos en tu servicio de hosting o servidor no necesitarías hacer uso del compilador porque apenas notarías la diferencia. Con todo ello, también es importante saber que todo el tema de TSEO PRO está completamente optimizado.

Explicación adicional de los protocolos HTTP:

• HTTP/1.1: Esta es la versión anterior del protocolo HTTP. Utiliza una conexión persistente para transmitir varias solicitudes y respuestas en la misma conexión TCP. Sin embargo, cada solicitud debe esperar su turno para ser procesada, lo que puede llevar a la congestión de la red y tiempos de carga más lentos, especialmente cuando se trata de múltiples recursos.
• HTTP/2: Esta versión introdujo mejoras significativas en comparación con HTTP/1.1. Una de las características más importantes es la multiplexación, que permite enviar y recibir múltiples solicitudes y respuestas en una sola conexión, evitando la necesidad de esperar por turnos. Además, HTTP/2 utiliza la compresión de encabezados, lo que reduce la cantidad de datos enviados en cada solicitud. También optimiza la priorización de recursos y permite la compresión de datos, lo que en conjunto lleva a tiempos de carga más rápidos y un rendimiento mejorado.
• HTTP/3: Esta es la versión más reciente y se basa en el protocolo QUIC (Quick UDP Internet Connections). QUIC está diseñado para superar algunas de las limitaciones de TCP, como la latencia y la congestión. HTTP/3 utiliza QUIC como su capa de transporte, lo que permite una comunicación más eficiente y rápida. HTTP/3 también aborda algunos problemas de rendimiento y seguridad presentes en las versiones anteriores.

En resumen, la principal diferencia entre estas versiones radica en las mejoras en términos de rendimiento, eficiencia y seguridad. HTTP/2 y HTTP/3 han sido diseñados para acelerar la carga de páginas web y mejorar la experiencia del usuario en comparación con HTTP/1.1.

Google Tag Manager Analytics

Agrega el ID de seguimiento de Google Analytics.

Consigue tu código de seguimiento en https://analytics.google.com/

Google Analytics es una herramienta poderosa que ayuda a los propietarios de sitios web a comprender cómo interactúan los visitantes con sus páginas. Funciona como un detective en línea que rastrea y analiza datos sobre quiénes visitan tu sitio, cómo llegaron allí y qué hicieron una vez que estuvieron allí.

Cuando alguien visita tu sitio web, Google Analytics recopila información importante, como la página que visitaron, cuánto tiempo pasaron allí, qué enlaces hicieron clic y de dónde vinieron (por ejemplo, de una búsqueda en Google, desde las redes sociales o de otro sitio web). Toda esta información se agrupa en reportes que te muestran patrones y tendencias.

Estos reportes son como mapas que te guían a través de los caminos que toman tus visitantes. Te ayudan a responder preguntas como: ¿Qué páginas son las más populares? ¿Qué artículos leen más? ¿De qué países son mis visitantes? ¿Cuántos visitantes nuevos tengo cada mes? Con estas respuestas, puedes tomar decisiones más informadas sobre cómo mejorar tu sitio web y adaptarlo a las necesidades de tus usuarios.

En resumen, Google Analytics es una herramienta valiosa que te proporciona información detallada sobre el comportamiento de los visitantes en tu sitio web, lo que te permite tomar decisiones inteligentes para mejorar la experiencia de tus usuarios y alcanzar tus objetivos en línea.

Google Search Console

Agrega el ID de seguimiento de Google Console.

Agrega y consigue tu código en https://search.google.com/search-console/

Google Search Console, anteriormente conocido como Google Webmaster Tools, es una herramienta esencial proporcionada por Google para ayudar a los propietarios de sitios web a monitorear y mejorar su presencia en los resultados de búsqueda de Google. Funciona como un «panel de control» que te brinda información valiosa sobre cómo Google ve y muestra tu sitio web en sus resultados de búsqueda.

Con Google Search Console, puedes realizar varias tareas importantes:

1. Verificación de propietario: Confirma que eres el dueño del sitio web y obtén acceso a los datos de tu sitio.
2. Indexación: Asegúrate de que Google esté indexando tus páginas correctamente y corrige cualquier problema de indexación.
3. Rastreo: Observa cómo Google rastrea y navega por tu sitio web, y optimiza la forma en que se indexa.
4. Errores de rastreo: Descubre problemas con las páginas de tu sitio que Google no pudo rastrear correctamente.
5. Rendimiento de búsqueda: Mira qué términos de búsqueda llevan a los usuarios a tu sitio, cuántas veces aparece en los resultados y cuántos clics recibes.
6. Sitemap: Envía un mapa del sitio a Google para ayudar en la indexación.
7. Mejora de la experiencia del usuario: Encuentra problemas de usabilidad móvil, problemas de velocidad y más.

En esencia, Google Search Console te proporciona información vital para asegurarte de que tu sitio web esté siendo indexado y mostrado correctamente en los resultados de búsqueda de Google. Esto puede ayudarte a identificar oportunidades para mejorar el rendimiento de tu sitio y proporcionar una mejor experiencia a los usuarios que te encuentran a través de la búsqueda en Google.

Mapas del sitio

Sin activar ningún complemento ni mapas del sitio para esta sección, WordPress tiene su propio sistema de mapas del sitio por defecto desde la versión 5.5, donde su archivo de índice se denomina como wp-sitemap.xml.

El sistema de WordPress también genera todos los mapas correspondientes para cada publicación: Entradas, Páginas, Categorías, Productos, Etiquetas, etc. Sin embargo, esto puede ser contraproducente en el caso de las etiquetas, ya que los motores de búsqueda considerarán las URL de las etiquetas como contenido duplicado, lo cual es perjudicial para el SEO.

En el caso de las Publicaciones, el archivo generado se llama wp-sitemap-posts-post1.xml y carga alrededor de 2,000 URL. Si hay más que eso, genera un segundo archivo llamado wp-sitemap-posts-posts2.xml, y así sucesivamente.

Al activar nuestro servicio de Sitemap el sistema formatea el diseño de los sitemap’s por defecto de WordPress y le añade nuestro diseño corporativo y  además agrega funcionalidades de desactivación o activación de los diferentes sitemap’s por defecto y así poder controlar aquellos sitemap’s como las etiquetas de publicaciones o productos para poder desactivarlos o dejarlos activados si se prefiere (no recomendable).

Además, agrega funcionalidades en las páginas de edición para poder decirle a un sitemap en concreto si añadir una publicación o no y modificar los meta robots si es necesario.

Sitemap News

También puedes activar el sitemap-news.xml que TSEO PRO lleva integrado. Este muestra las 10 últimas publicaciones por día con el formato <news:news> determinante para los feeds de noticias tanto de Google como de Bing.

Si activas sitemap-news.xml procura publicar en el blog diariamente porque los feeds de noticias buscarán a diario y no es conveniente que encuentren al sitemap vacío.

Schemas generales

Habilita los siguientes esquemas para mejorar el SEO del contenido.

En una página web de WordPress, los «schemas» (también conocidos como esquemas o marcado estructurado) desempeñan un papel crucial para mejorar la forma en que los motores de búsqueda y otros servicios en línea comprenden y muestran tu contenido. Los esquemas son como un lenguaje especial que le dice a los motores de búsqueda qué significa cada parte de tu contenido.

Imagina que estás organizando un evento y tienes un cartel con información importante, como la fecha, el lugar y el horario. Los esquemas hacen algo similar para tu sitio web, pero en un lenguaje que las máquinas pueden entender. Esto ayuda a los motores de búsqueda a mostrar información relevante en los resultados de búsqueda, como horarios de eventos, reseñas de productos y más.

Los esquemas también son útiles para las redes sociales y otras plataformas que pueden mostrar vistas previas de tus páginas. Al proporcionar información estructurada, aseguras que estas plataformas presenten tu contenido de manera más atractiva y precisa. En resumen, los esquemas mejoran la visibilidad y la experiencia de los usuarios al facilitar que los motores de búsqueda y otros servicios comprendan y presenten tu contenido de manera efectiva.

Migas de pan

Las migas de pan (breadcrumb) son un sistema de navegación secundario que indica la ubicación de un usuario en un sitio web. Mejoran la experiencia del usuario al facilitar la navegación a través de diferentes niveles de la jerarquía del sitio. Las migas de pan son especialmente importantes para el SEO, ya que ayudan a los motores de búsqueda a comprender la estructura de un sitio y pueden mejorar las listas en las páginas de resultados del motor de búsqueda (SERP), lo que potencialmente aumenta las tasas de clics y reduce las tasas de rebote.

Meta etiquetas

Al habilitar las metaetiquetas así como los schemas y los sitemap, se habilitan los boxes en todas las Páginas, Entradas, Documentos y Productos (si Woocommerce está activado) para poder configurar el SEO de cada publicación y que, para poder identificarlos tiene un fondo verde en cada título como se muestra en la ilustración de abajo.

Las metaetiquetas son pequeños fragmentos de información que se agregan al código de una página web. Estas etiquetas brindan instrucciones y datos adicionales a los motores de búsqueda y otros servicios en línea sobre cómo mostrar y entender el contenido de la página.

Piensa en las metaetiquetas como etiquetas especiales que le dicen a los motores de búsqueda qué esperar cuando visitan una página. Algunas de las metaetiquetas más comunes incluyen:

1. Metaetiqueta de descripción: Proporciona una breve descripción del contenido de la página. Los motores de búsqueda a menudo muestran esta descripción en los resultados de búsqueda, lo que ayuda a los usuarios a entender de qué se trata la página antes de hacer clic.
2. Metaetiqueta de palabras clave: Aunque su importancia ha disminuido con el tiempo, en el pasado se usaban para indicar las palabras clave relevantes para la página. Sin embargo, muchos motores de búsqueda modernos ya no confían en esta etiqueta para la clasificación.
3. Metaetiqueta de título: Define el título de la página, que es el texto que aparece en la pestaña del navegador y como título principal en los resultados de búsqueda. Un título claro y relevante puede aumentar la visibilidad y el clic en los resultados.
4. Metaetiqueta de robots: Indica a los motores de búsqueda qué partes del sitio web deben indexarse y cuáles no. Puede usarse para controlar la visibilidad de páginas en los resultados de búsqueda.

Estas son solo algunas de las muchas metaetiquetas disponibles. Al utilizar metaetiquetas de manera efectiva, puedes influir en cómo se muestra tu página en los resultados de búsqueda y cómo los motores de búsqueda la indexan.

Open Graph

Open Graph es como una especie de «etiqueta mágica» que hace que cuando compartes un enlace de una página web en redes sociales como Facebook o Twitter, aparezca un resumen atractivo y relevante del contenido en lugar de solo el enlace.

Imagina que estás compartiendo un artículo interesante. Gracias a Open Graph, en lugar de solo ver el título y el enlace, se muestra un extracto del artículo con una imagen representativa y una descripción breve. Esto hace que tus publicaciones se vean mucho más llamativas y te ayuda a compartir el mensaje que deseas transmitir de manera efectiva.

¿Cómo funciona? Cuando los creadores de sitios web agregan información especial a sus páginas, como el título, una descripción y una imagen destacada, Open Graph la utiliza para crear esta vista previa atractiva cuando compartes el enlace en tus redes sociales. Es como si Open Graph ayudara a vestir el enlace para impresionar a tus amigos y seguidores.

Activación y configuración básica de Open Graph

La configuración por defecto hace que si lanzas una publicación sin imagen destacada Open Graph cogerá la imagen predeterminada como en la ilustración de arriba. En cambio, si insertas una imagen destaca ésta se mostrará como la principal.

En resumen, Open Graph es una herramienta que hace que tus enlaces compartidos luzcan mucho mejor en las redes sociales, permitiéndote mostrar más sobre el contenido que estás compartiendo y atrayendo la atención de quienes lo ven.

SEO Internacional

Configuración del SEO Internacional de forma automática con TSEO PRO

Con TSEO PRO, hemos simplificado el proceso de configuración de SEO internacional en WordPress para sitios multisitio. Cuando activas el SEO internacional, la herramienta genera automáticamente etiquetas hreflang en todos los editores: Páginas, Posts, Docs y Productos.

¿Por qué es esto importante? Las etiquetas hreflang indican a los motores de búsqueda el idioma de tu contenido, y son cruciales para dirigir a los usuarios al contenido en su idioma nativo. Sin embargo, si no se configuran correctamente, pueden afectar negativamente tu SEO.

Características Principales:

1. Metabox de Enlace de Retorno: Cuando se activa el SEO internacional, se genera un metabox en cada editor. Aquí puedes seleccionar el enlace de retorno correspondiente para cada idioma, garantizando que cada versión lingüística tenga un enlace de referencia adecuado.
2. Metarobots y hreflang: Si decides que una página o post no debe ser indexada (noindex), TSEO PRO desactivará automáticamente las etiquetas hreflang para esa entrada. Sin embargo, si la entrada requiere ser indexada pero no tiene un enlace de retorno, puedes desactivar las etiquetas hreflang seleccionando la casilla «Desactivar esta publicación».
3. Exclusión del Sitemap: Si prefieres que una página o publicación no sea rastreada por los motores de búsqueda, puedes excluirlo del sitemap correspondiente a través del metabox «Excluir del sitemap».
4. SEO Internacional para la página principal de cada sitio: Como TSEO PRO utiliza el front-page.php para personalizar la portada, también genera automáticamente las etiquetas hreflang principales para todos los front-page.php del multisitio de WordPress.

Consideraciones Adicionales: Es fundamental comprender que una configuración incorrecta de las etiquetas hreflang puede afectar negativamente tu posicionamiento. TSEO PRO está diseñado para ayudarte a evitar estos errores, ofreciéndote una solución de SEO internacional intuitiva y automatizada.

Ejemplo real de esta página: