Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
SEO

Comprender recomendaciones de SEO

Última actualización: julio 2, 2021

Requisitos

Todos los productos y planes

En la herramienta SEO, el editor de contenido y los detalles de la página, puedes escanear tu contenido para las recomendaciones de SEO. Más información sobre cómo acceder a tus recomendaciones de SEO

Las recomendaciones se organizan en las herramientas de SEO según su impacto en la SEO de tu sitio y la dificultad técnica de resolverlas. Las recomendaciones con una Dificultad técnica Alta, generalmente requieren ayuda de un desarrollador para ser resueltas. 

Las siguientes recomendaciones están organizadas por categoría, luego se muestran en orden de su posible impacto en el SEO. En las herramientas de SEO de HubSpot aparecerán recomendaciones sencillas y otras que requieren de desarrolladores.

Accesibilidad

Agregar texto alternativo a tu imagen

Agregar texto alternativo a las imágenes de tu página les permite a los motores de búsqueda y visitantes que utilicen los lectores de pantalla a comprender su contenido. Más información sobre cómo trabajar con texto alternativo

Define el idioma de tu página con el atributo «lang»

El idioma de una página está establecido por el atributo «lang». Los lectores de pantalla dependen de este atributo para determinar qué biblioteca de idioma usar. Si el idioma no está configurado correctamente, es posible que el software de lectura de pantalla de visitantes no funcione correctamente. Más información sobre cómo usar el atributo «lang».

El atributo «lang» está establecido dentro de la etiqueta <html> al comienzo del código fuente de tu página. Un atributo «lang» correcto formateado correctamente se verá como esto:

<html lang="en">...</html>.

Compara el código de idioma en tu etiqueta <html> con la lista de códigos de dos letras aceptados para idiomas y luego reemplaza el código no válido. Si tu etiqueta <html> no contiene un atributo «lang», agrega lang="[código de idioma]" a tu etiqueta. 

Rastreo e indexación

Confirma que las páginas correctas se ocultan de los resultados de búsqueda

Si las páginas alojadas en tu dominio están bloqueadas para los motores de búsqueda, verás una recomendación para revisar una lista de estas páginas. Esta es una manera fácil de asegurarse de que no haya páginas en tu sitio web bloqueadas para el motor de búsqueda por error. 

Si todas las páginas enumeradas están ocultas de los resultados de la búsqueda intencionalmente, no se necesita ninguna acción.

Si ves una página de sitio web que se oculta de los resultados de búsqueda que deberían ser indexados para los resultados de la búsqueda, trabaja con el administrador de tu sitio web para actualizar tu archivo robots.txt o eliminar cualquier etiqueta en la página que pueda estar bloqueando los resultados de búsqueda. 

Asegúrate de que tus enlaces canónicos estén configurados correctamente

Los motores de búsqueda como Google usan enlaces canónicos para encontrar la versión principal de una página para que se muestre en los resultados de búsqueda. Evita problemas de contenido duplicado agregando un enlace canónico válido a cada página. Más información sobre cómo las URL canónicas influyen en el SEO

Los enlaces canónicos se marcarán como no válidos por cualquiera de las siguientes razones: 

  • Hay más de un enlace canónico.
  • El enlace canónico no es una URL válida.
  • El enlace canónico es una URL relativa.
  • El enlace canónico dirige a una página para una región o idioma diferente.
  • El enlace canónico dirige a un dominio diferente.
  • El enlace canónico dirige al sitio raíz. 

Más información sobre cómo editar la URL canónica de una página desde la pestaña Configuración en el editor de contenido. 

Asegúrate de que todos los enlaces hreflang contengan un código de idioma válido

Usar enlaces hreflang en tu sitio web en varios idiomas permite a los motores de búsqueda conocer el idioma de una página. Los motores de búsqueda pueden dar a los usuarios internacionales un resultado de búsqueda para la página que coincide con su idioma preferido. Más información sobre cómo usar los enlaces hreflang para tu contenido en varios idiomas

Si estos enlaces tienen un código de idioma no válido, los motores de búsqueda no podrán identificar correctamente el idioma de la página o incluirlo con los resultados para ese idioma a usuarios internacionales. Las páginas de varios idiomas alojadas en HubSpot automáticamente usarán los códigos de idioma válidos.

Compara los códigos de idioma en tus enlaces afectados con las listas de códigos de dos letras aceptados para idiomas y regiones y luego reemplaza los códigos válidos. La especificación de una región en tu enlace hreflang es opcional; si se usa, deberías darle el formato hreflang=“[idioma]-[región]”. Por ejemplo, una página en español dirigida a usuarios en España tendría un formato hreflang=“es-es”, mientras que una para hispanohablantes de todo el mundo usaría hreflang=“es”

Asegúrate de que todos los enlaces hreflang usen una URL completa

Usar enlaces hreflang en tu sitio web en varios idiomas permite a los motores de búsqueda conocer el idioma de una página. Los motores de búsqueda pueden dar a los usuarios internacionales un resultado de búsqueda para la página que coincide con su idioma preferido. Más información sobre cómo usar los enlaces hreflang para tu contenido en varios idiomas

Algunos enlaces hreflang usan URL relativas, que contienen solo una ruta de URL, en lugar de una URL completa que comienza con http/https. Aunque estos enlaces pueden funcionar, tienen un mayor riesgo de romperse en el futuro si la URL original cambia. Las páginas en varios idiomas alojadas en HubSpot usarán automáticamente URL completas.

Edita tus enlaces hreflang relativos en el código fuente de tu página. Más información sobre cómo editar el código fuente de una página en el editor de páginas y en el editor de módulos

Para la página https://www.hubspot.com/example-page, un enlace relativo podría verse como lo siguiente: 

link rel="alternate" href="/example-page/fr/" hreflang="fr-fr" />.

Puedes cambiar esto a un enlace completo editando el href para contener la URL completa incluyendo el protocolo (http/https): 

link rel="alternate" href="https://www.hubspot.com/example-page/fr/" hreflang="fr-fr" />.

Experiencia móvil

Asegúrate de que los usuarios de dispositivos móviles puedan hacer clic fácilmente en cada elemento de la página

Los elementos interactivos, como botones y enlaces, que son demasiado pequeños o están demasiado cerca pueden ser difíciles de tocar en los dispositivos móviles. Los elementos interactivos deben tener al menos 48 píxeles por 48 píxeles en el tamaño. Si es necesario que un elemento permanezca igual, agregar relleno también resolverá este error. 

Descubre cómo editar el tamaño o el relleno de diferentes tipos de elementos en HubSpot: 

Asegúrate de que cada página tenga una etiqueta viewport

Una etiqueta viewport controla la escala de tu contenido de sitio web en distintos tipos de dispositivos. Si esta etiqueta falta o se configura incorrectamente, tu sitio web aparece menos amistoso para dispositivos móviles para los motores de búsqueda. Esto puede tener un impacto negativo en tus clasificaciones en los resultados de búsqueda.

Trabaja con tu desarrollador para agregar o editar la etiqueta viewport para tu página. Si no tienes un desarrollador en tu equipo, puedes obtener consejos en el Foro de desarrolladores de CMS o conectar con un Solution Partner

SEO en la página

Escribe un título claro y una metadescripción 

El título de la página y la metadescripción les muestran a los motores de búsqueda de qué se trata tu página. Más información sobre cómo editar el título de la página y la metadescripción en el editor de contenido de HubSpot.  

Optimizar la longitud del contenido del blog

La herramienta de optimización analiza la cantidad de entradas de blog solamente, no páginas. La herramienta cuenta todas las palabras incluidas en el post de blog, incluido el título del blog y el autor. Se recomienda incluir al menos 300 palabras como regla general. Asegúrate de realizar tu investigación y de determinar la mejor duración del tema que escribes.

El recuento de palabras ideal para tu contenido depende del tema sobre el que estás escribiendo. Lo más importante es considerar quién es la audiencia y qué necesitan saber sobre el tema. Una excelente manera de determinar el tamaño de tu contenido es ver qué páginas clasifican en los primeros lugares en los resultados de búsqueda para tu tema o frase de tema secundario hoy mismo.

  • Si la mayoría del contenido es breve y conciso, debes tener en cuenta un tamaño similar.
  • Si encuentras contenido más largo que se encuentra en detalle, intenta hacer lo mismo en tu propio contenido.

La herramienta de SEO y el panel Optimizar escanean el contenido de tu blog para contar el número de palabras incluidas en el cuerpo del post:

  • La página tiene al menos 300 palabras: las páginas que se clasifican bien en los resultados de búsqueda proporcionan una respuesta profunda a las preguntas de los visitantes. Planea que tenga al menos 300 palabras.

Nota: la herramienta de optimización cuenta con espacios de color blanco en la clase blog-post-wrapper para detectar el número de palabras en tu post de blog. Esto significa que el recuento es más exacto para idiomas que usan un alfabeto latino. Si notas un recuento de palabras inesperado, consulta con tu desarrollador web para confirmar que no hay duplicados de tu clase de contenedor de post de blog dentro de la plantilla codificada de post del blog.


Rendimiento

Usa imágenes del tamaño correcto

Usar archivos de imagen grandes a los que les cambias el tamaño dentro del editor puede aumentar el tiempo de carga de la página. Más información sobre cómo el tamaño de la imagen influye en el rendimiento de la página.

Puedes evitar este error cambiando de tamaño las imágenes grandes antes de cargarlas en HubSpot o usando un formato de imagen basado en vectores, como SVG. 

Los desarrolladores pueden disminuir los tiempos de carga para las imágenes existentes implementando imágenes adaptables. Más información sobre las opciones de desarrollador para optimizar imágenes para el rendimiento de la página.

Seguridad

Asegúrate de que todas las páginas se carguen por una conexión segura

Si alguna de tus páginas está usando HTTP, verás la recomendación anterior. Las páginas que usan HTTPS son un factor de clasificación de Google desde 2014. Las páginas que se carguen por HTTPS también ofrecen una experiencia de navegación más segura para los visitantes de tu sitio web. 

Asegúrate de que todos los recursos de la página se carguen por una conexión segura

Si alguno de los recursos de tus páginas se carga por una conexión insegura, verás la recomendación anterior. Cargar recursos (como imágenes, archivos CSS, archivos JavaScript, etc.) usando una conexión insegura reduce la seguridad de toda la página. También puede ocasionar que los navegadores muestren una advertencia de contenido mixto o bloqueen los recursos afectados.

Cuando tus archivos se alojen usando la herramienta Archivos o los archivos codificados se crean usando el Administrador de diseño en HubSpot, usarán HTTPS automáticamente. Sin embargo, si tus recursos están alojados o parcialmente alojados externamente, deberás comprar un certificado SSL de un proveedor externo para cargar tus recursos usando HTTPS. 
 
Si ya compraste un certificado SSL de un proveedor externo, pero tus recursos no se están cargando usando HTTPS, deberás contactar con tu proveedor externo para resolver el problema. Deberás revisar todos tus recursos para asegurarte de que todos estén alojados en una conexión segura. 
 

Actualiza enlaces externos que representen un riesgo para la seguridad y el rendimiento

Enlaces externos que abren una página en una nueva pestaña del navegador usando el atributo target=“_blank” pueden causar problemas de seguridad y rendimiento. Puedes evitar estos problemas agregando rel="noopener" o rel="noreferrer" a estos enlaces. Más información sobre los riesgos potenciales de este tipo de enlace externo

En algunos módulos de HubSpot, como el módulo Sígueme, el atributo rel="noopener" se agrega automáticamente a enlaces externos. 

Deberás editar enlaces externos en el código fuente de tu página. Más información sobre cómo editar el código fuente de una página en el editor de páginas y en el editor de módulos

Un enlace que activa este error podría verse como lo siguiente: 

<a href="https://www.google.com" target="_blank">.

Al agregar rel="noopener" o rel="noreferrer” a este enlace, evitarás los problemas de seguridad y rendimiento: 

<a href="https://www.google.com" target="_blank rel="noopener"> o

<a href="https://www.google.com" target="_blank rel="noreferrer">.

Experiencia del usuario

Asegúrate de que todos los recursos de la página, como imágenes y hojas de estilo CSS, se carguen

Los recursos que no se carguen, como imágenes rotas, afectarán negativamente tu experiencia de usuario. Esto también puede afectar dónde aparece tu sitio web en los resultados de búsqueda. Al eliminar o actualizar las referencias de la página a cada recurso roto resolverá este problema. 

Actualmente, HubSpot detecta los siguientes tipos de recursos rotos: fuente, imagen, contenido de audio/video, script, hoja de estilo y XRR. 

Busca referencias a tu recurso roto en tu página, plantilla u hoja de estilo. Deberás reemplazar los enlaces o resolver el problema en los recursos.
 

Asegúrate de que tus imágenes usen la relación de aspecto correcta

La relación de aspecto de una imagen es la relación entre su ancho y su alto. Cuando redimensiones una imagen, asegúrate de que la relación de aspecto permanezca constante. De lo contrario, la imagen puede aparecer estirada o distorsionada. 

Cuando cambias el tamaño de las imágenes en el editor de contenido de HubSpot, la relación de aspecto original se mantiene automáticamente. Para resolver una relación de aspecto incorrecta, busca en tu HTML y CSS cualquier estilo que afecte el ancho o la altura.