Comprender recomendaciones de SEO
Última actualización: junio 28, 2023
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 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, la dificultad técnica de resolverlas y la función sugerida 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í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 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 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.
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 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.
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">Texto del enlace aquí</a>.
Asegúrate de que los enlaces de tu página sigan este formato para permitir que los motores de búsqueda los rastreen.
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" />.
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. Más información sobre las mejores prácticas de texto de anclaje de Google 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:
- Edita el tamaño de una CTA
- Editar contenido en un módulo de texto enriquecido
- Personalizar estilos de módulo en el editor de contenido
- Crear, editar y adjuntar archivos CSS para diseñar tu sitio
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.
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
Solucionar enlaces rotos internos
Los enlaces rotos entre páginas en tu sitio web crean una experiencia de usuario negativa. También hacen que sea difícil para los motores de búsqueda comprender la estructura de tu sitio web. Reemplaza o actualiza cada enlace 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.
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.
