Comprender recomendaciones de SEO
Última actualización: febrero 15, 2024
Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:
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 acceder a tus recomendaciones SEO.
Las recomendaciones se organizan en las herramientas SEO según su impacto en el SEO de tu sitio, la dificultad técnica de resolverlas y el papel sugerido de la persona que las resuelve. 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ías y, a continuación, se enumeran por orden de su posible impacto en el SEO. Las recomendaciones sencillas y las que requieran la ayuda de un desarrollador sólo aparecerán en las herramientas SEO de HubSpot.
Accesibilidad
Agregar atributo de texto alternativo a imagen
Las imágenes pueden dificultar que los motores de búsqueda y los visitantes que usan lectores de pantalla comprendan tu contenido. Para solucionar este problema, agrega texto alternativo a imágenes que describa su apariencia y contenido. Esto mejorará la accesibilidad y el SEO de tu sitio. Más información sobre la accesibilidad del sitio web en nuestra documentación de desarrollador.
Verifica que el texto alternativo de imagen esté en blanco
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 comprender su contenido. Algunas imágenes, como símbolos que separan partes de una página, no contienen contenido significativo. Estas imágenes deberían tener un atributo de texto alternativo en blanco en su lugar. Revisa tus imágenes con atributos de texto alternativo en blanco para asegurarte de que no deberían contener 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 los visitantes no funcione correctamente. Más información sobre utilizando 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 de tu etiqueta <html> con la lista de códigos de dos letras aceptados para los idiomas , y, a continuación, sustituye el código no válido. Si tu etiqueta <html> no contiene un atributo «lang», agrega lang="[código de idioma]" a tu etiqueta.
Eliminar la etiqueta <meta http-equiv="refresh">
Una página que contiene la etiqueta <meta http-equiv="refresh"> se actualizará automáticamente después de un período especificado. Esto puede crear una experiencia de usuario confusa e interferir con el software de lectura de pantalla. Usa en cambio Javascript para cualquier página que necesite actualizar automáticamente.
Rastreo e indexación
Confirma que las páginas correctas están ocultas de los resultados de búsqueda / Confirma que las páginas correctas están bloqueadas por tu archivo robots.txt
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 del sitio web que está oculta para los resultados de búsqueda y que debería estar indexada para los resultados de búsqueda, trabaja con el administrador de tu sitio web para actualizar tu archivo robots.txt o eliminar cualquier etiqueta de la página que pueda estar bloqueándola para 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 los problemas de contenido duplicado de añadiendo un enlace canónico válido a cada página. Más información sobre cómo influyen las URL canónicas 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 del editor de contenidos.
Nota: las páginas de listas de blogs pueden activar un alerta falsa de contenido.
Asegúrate de que los motores de búsqueda puedan procesar los enlaces de tu página
Los motores de búsqueda prefieren enlaces con un formato de etiqueta <a> con un atributo href. Un enlace con el formato correcto se ve así:
<a href="https://www.hubspot.com">Link text here</a>.
Asegúrate de que los enlaces de tu página sigan este formato para permitir que los motores de búsqueda los rastreen.
Arreglar páginas rotas
El rastreador de HubSpot no pudo escanear estas páginas debido a un error. Esto puede deberse a una de las siguientes razones:
- Falta el código de estado HTTP: Los códigos de estado HTTP indican si se ha accedido correctamente a una página web. Si el escaneo no puede devolver un código de estado HTTP, el escaneo fallará. Más información sobre Códigos de estado HTTP.
- El código de estado HTTP devuelve un error: Los códigos de estado HTTP indican si se ha accedido con éxito o no a una página web. Los códigos de estado 400 y 500 indican errores del cliente o del servidor e impedirán que se complete el escaneado. Más información sobre diferentes códigos de estado HTTP.
- El HTML de la página está en blanco: si el código fuente de la página no contiene HTML, el escáner no podrá procesar la página.
Trabaja con tu desarrollador web para verificar que las páginas listadas están configuradas y funcionan correctamente.
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 utilizando enlaces hreflang para tu contenido multilingüe.
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 multilingües alojadas en HubSpot utilizarán automáticamente códigos de idioma válidos.
Compara los códigos de idioma de tus enlaces afectados con las listas de códigos de dos letras aceptados para los idiomas y las regiones , y sustituye los códigos no 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 utilizando enlaces hreflang para tu contenido multilingüe.
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 multilingües alojadas en HubSpot utilizarán automáticamente las URL completas.
Edita tus enlaces hreflang relativos en el código fuente de tu página. Más información sobre la edición del 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" />.
Haz que el texto de anclaje del enlace sea más descriptivo
En un enlace, el texto del anclaje es la palabra o frase en la que se hace clic. Este texto debe comunicar claramente el objetivo del enlace. Reemplaza el texto de anclaje genérico como “haz clic aquí” o “Aprende más” con descripciones de enlaces específicos. Obtén más información sobre las mejores prácticas de Google sobre textos de anclaje o lee una lista de frases que activan esta recomendación.
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:
- Editar el tamaño de un CTA
- Editar contenido en un módulo de texto enriquecido
- Personalizar los estilos de los módulos en el editor de contenidos
- Crea, edita y adjunta archivos CSS para dar estilo a tu sitio web
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 pedir consejo en el Foro de Desarrolladores del CMS o conectar con un Socio de Soluciones .
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 editar el título y la meta descripción de tu página en el editor de contenidos de HubSpot.
Optimizar la longitud del contenido del blog
La herramienta de optimización sólo analiza el recuento de palabras de las entradas del blog, no de las 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 investigar y determinar cuál es la mejor longitud para el tema sobre el que escribes.
El recuento de palabras ideal para tu contenido depende del tema sobre el que estás escribiendo. Lo más importante es tener en cuenta quién es el público y qué necesita saber sobre el tema. Una forma estupenda de determinar la longitud que debe tener tu contenido es ver qué páginas ocupan hoy un lugar destacado en los resultados de búsqueda para tu tema o frase subtema.
- Si la mayoría de los contenidos son breves y concisos, debes aspirar a una longitud similar.
- Si encuentras un contenido más extenso que entre en gran detalle, intenta hacer lo mismo en tu propio contenido.
La herramienta SEO y el panel Optimize escanean el contenido de tu blog para contar el número de palabras incluidas en el cuerpo de la entrada:
- 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 influye el tamaño de la imagen en el rendimiento de la página.
Puedes evitar este error redimensionando las imágenes grandes antes de subirlas a HubSpot o utilizando un formato de imagen basado en vectores , como SVG. En el editor de contenidos, puedes utilizar el redimensionamiento automático de imágenes grandes cuando vea recomendaciones SEO
Los desarrolladores pueden disminuir los tiempos de carga para las imágenes existentes implementando imágenes adaptables. Más información sobre las opciones del desarrollador para optimizar las 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 utiliza HTTP verás la recomendación anterior. Las páginas que utilizan HTTPS han sido un factor de clasificación de Google desde 2014. Las páginas que se cargan a través de HTTPS también ofrecen una experiencia de navegación más segura a 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 está cargando a través de 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 hacer que los navegadores muestren un aviso de contenido mixto o bloqueen los recursos afectados.
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 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 la edición del 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
Arreglar enlaces rotos
Los enlaces rotos en tu sitio web crean una experiencia negativa para el usuario. También hacen que sea difícil para los motores de búsqueda comprender la estructura de tu sitio web. Sustituye o actualiza cada enlace interno y externo roto.
Nota: varias instancias de la misma URL rota en una sola página solo aparecerán una vez en las recomendaciones de SEO.
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.
Localiza las referencias a tu recurso roto en tu página , plantilla , u hoja de estilo . Tendrás que sustituir los enlaces o resolver el problema en los propios recursos.Asegúrate de que tus imágenes utilizan 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 cambies el tamaño de las imágenes en el editor de contenidos de HubSpot, la relación de aspecto original se mantendrá 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.
