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í.
Landing Pages

Crear y personalizar páginas

Última actualización: noviembre 24, 2021

Requisitos

Todos los productos y planes

En HubSpot, puedes crear sitios web y páginas de destino para tu sitio web. Puedes personalizar el contenido y la configuración de la página y optimizar las páginas para los motores de búsqueda. 

Antes de comenzar

  • Comprueba que tienes el  permiso de Escritura para el tipo de página que deseas crear. Para publicar páginas, también necesitarás el permiso de Publicar
  • Asegúrate de que tu dominio de página esté conectado a HubSpot para publicar. Si estás usando las herramientas gratuitas de HubSpot, tu cuenta incluye un dominio de marca de HubSpot que está listo para publicar.
  • Comprender los distintos tipos de plantillas de página disponibles en HubSpot: 

Crear páginas

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
  • En la parte superior derecha, haz clic en el menú desplegable Crear y selecciona Página de sitio web o Página de destino.
  • En el cuadro de diálogo, especifica un nombre y un dominio para la página:  
    • Haz clic en el menú desplegable Sitio web y selecciona un dominio para la URL de la página. Si no tienes ningún dominio conectado, el dominio predeterminado de tu cuenta será la única opción.
    • En el campo Nombre de página, escribe un nombre interno para la página. 
    • Haz clic en Crear página

create-a-page-dialog-box

  • En la pantalla de selección de plantillas,  las plantillas de tu tema activo aparecerán en la parte superior de la página, mientras que todas las demás plantillas estarán en la sección Otras plantillas en la parte inferior. Haz clic en una plantilla. Si no has seleccionado un tema activo, se te solicitará que selecciones uno o haz clic en Omitir a plantillas para elegir una plantilla existente.
  • Para crear la página con la plantilla seleccionada, haz clic en Seleccionar esta plantilla en la parte superior derecha. Para obtener una vista preliminar de la página en dispositivos móviles o de escritorio, haz clic en Vista preliminar

select-a-template-to-create-page

  • Una vez que hayas seleccionado una plantilla, se te dirigirá al editor de contenido. Las opciones de edición disponibles dependen del tipo de plantilla de la página y los módulos utilizados. Más información sobre cómo editar páginas con plantillas de inicio o de tema, contenido global que abarca varias páginas, áreas de arrastrar y soltar y módulos de texto enriquecido o imagen
  • Para personalizar la configuración de la página, haz clic en la pestaña Configuración en la parte superior del editor de contenido y luego edita la configuración: 
    • Para cambiar el nombre interno de la página, escribe un nombre en el campo Nombre interno de la página. Este nombre no será visible para los visitantes. 
    • En el campo Título de la página, escribe un nombre externo para la página. Este nombre aparecerá en la pestaña en la parte superior del navegador web de un visitante cuando la página se cargue. 
    • Para establecer el idioma de la página, haz clic en el menú desplegable Idioma de la página y selecciona un idioma. Más información sobre cómo administrar contenido en varios idiomas
    • En la sección URL de la página, haz clic en el campo Slug de contenido para convertir automáticamente el título de la página en un slug de URL. Para personalizar la URL, introduce un nuevo slug de URL en el campo Slug de contenido. Más información sobre cómo editar la URL de una página
edit-page-name-title-language-and-url
    • En el campo Metadescripción, introduce una descripción del contenido de la página que aparecerá en los resultados de la búsqueda debajo del título de la página. 
    • Para asociar la página con una campaña en HubSpot, haz clic en el menú desplegable Campaña y selecciona una campaña. Selecciona Agregar nuevo para crear una nueva campaña. Más información sobre cómo trabajar con hojas de estilo en HubSpot
    • Para agregar una imagen destacada que se incluirá cuando se comparta la página en las redes sociales, haz clic para activar el interruptor Imagen destacada. Haz clic en Cargar para seleccionar una imagen de tu equipo o Explorar imágenes para seleccionar una imagen de la herramienta archivos.

edit-meta-description-campaign-and-featured-image

    • Para personalizar configuraciones más avanzadas como la plantilla de página, la visibilidad y el encabezado HTML, haz clic para expandir la sección Opciones avanzadas. Más información sobre cómo personalizar las opciones avanzadas
  • Para adjuntar un tema o una palabra clave de tema secundario a tu página y ver las recomendaciones de SEO, haz clic en la pestaña Optimizar. Más información sobre optimizar tus páginas para motores de búsqueda
  • Una vez que hayas personalizado el contenido y la configuración de tu página, haz clic en la pestaña Opciones de publicación y luego configura tus opciones de publicación:
    • Para publicar la página ahora, selecciona la opción Publicar ahora
    • Para publicar tu página en el futuro, selecciona la opción Programar para una fecha posterior. En los campos que aparecen, selecciona una fecha y una hora para publicar tu página.
    • Para que se cancele la publicación de tu página automáticamente en el futuro, selecciona la casilla de comprobación Cancelar la publicación de la página en una fecha específica. En los campos que aparecen, establece una fecha y hora para cancelar la publicación de la página, luego usa el menú desplegable para seleccionar una página a la que debe redirigir esta página.
    • Antes de activar tu página, puedes obtener una vista preliminar haciendo clic en Vista preliminar en la parte superior derecha. Más información sobre cómo obtener una vista preliminar de páginas

publishing-options-tab

  • Cuando estés listo para activar tu página o programar la publicación, haz clic en Publicar o Programar en la parte superior derecha.

Para hacer ediciones a una página existente, navega a Marketing > Sitio web > Páginas de sitio web o Marketing > Páginas de destino. Coloca el cursor sobre la página de destino y haz clic en Editar. Cuando hayas realizado tus ediciones, haz clic en Actualizar o Programar.

edit-existing-page

Optimizar el contenido para los motores de búsqueda

En la pestaña Optimización del editor de contenido, puedes ver las recomendaciones de SEO de una página o adjuntarlas a un tema

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
  • Coloca el cursor sobre la página de destino y haz clic en Editar.  
  • En el editor de contenido, haz clic en la pestaña Optimizar.  
  • Si la página está adjunta a un tema o tema secundario, aparecerán en el editor de la barra lateral. Aprende a adjuntar una página a un tema o tema secundario.  

topic-and-subtopic-menus

  • Para ver recomendaciones de SEO incompletas, haz clic en una categoría con un círculo rojo en el editor de la barra lateral. Cada recomendación completada tendrá una marca de comprobación verde. Cada recomendación incompleta tendrá una marca de comprobación gris. Más información sobre las recomendaciones de SEO
optimize-tab-displaying-seo-recommendations

Personalizar opciones de página avanzada

En la sección Opciones avanzadas de la pestaña Configuración, puedes personalizar configuraciones más avanzadas como la plantilla de página, los fragmentos de código y las hojas de estilo.

Nota: la configuración avanzada no está disponible para páginas que utilizan plantillas de inicio. 

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
  • Coloca el cursor sobre la página de destino y haz clic en Editar.  
  • En el editor de contenido, haz clic en la pestaña Configuración y luego haz clic en Opciones avanzadas.  
  • Para cambiar la visibilidad de la página, selecciona una opción en la sección Controlar el acceso de audiencia a la página
    • Selecciona Público para que el contenido de la página esté disponible para cualquier visitante. 
    • Selecciona Privado - Se requiere contraseña para agregar una contraseña obligatoria para que los visitantes puedan tener acceso al contenido de tu página.
    • En una cuenta de CMS Hub Enterprise, también puedes seleccionar Privado - Se requiere registro para requerir que los visitantes se registren en tu sitio para ver este contenido. 
  • Para agregar fragmentos de código al HTML de encabezado o pie de página de esta página, haz clic en el campo HTML de encabezado HTML de pie de página y luego ingresa tu fragmento de código. Para agregar fragmentos de código a todas las páginas de un dominio, accede a la configuración de tu sitio web

edit-page-advanced-options

  • Para hacer de esta página una página dinámica, haz clic en el menú desplegable Fuente de datos y selecciona una tabla o propiedad de HubDB. Más información sobre cómo trabajar con páginas dinámicas
  • En la sección Plantilla, puedes editar la plantilla que usa esta página o seleccionar una plantilla diferente para la página: 
    • Para seleccionar una plantilla diferente, haz clic en Usar plantilla diferente. Si estás cambiando la plantilla de una página publicada, asegúrate de hacer clic en Actualizar para activar los cambios no publicados. De lo contrario, estos cambios pueden perderse al cambiar de plantilla.
    • En la pantalla de selección de temas, selecciona un tema
    • En la pantalla de selección de plantillas, selecciona plantilla
    • Obtén una vista previa de cómo se verá tu página con la nueva plantilla, luego haz clic en Usar plantilla para terminar de cambiar la plantilla o Atrás para seleccionar una plantilla diferente. 

  • En la sección Hojas de estilo, puedes administrar las hojas de estilo adjuntas a la página. Más información sobre cómo trabajar con hojas de estilo en HubSpot
    • Hojas de estilo del dominio: en la configuración de tu sitio web, puedes agregar hojas de estilo que se adjuntarán a todas las páginas en un solo dominio. De forma predeterminada, las hojas de estilo de dominio se aplicarán a una página. Para desactivar las hojas de estilo de dominio de una página en particular, haz clic en el menú desplegable y selecciona Desactivado. Más información sobre cómo trabajar con hojas de estilo de dominio.
    • Hojas de estilo de plantilla: las hojas de estilo aplicadas a la plantilla de la página aparecerán aquí. Por opción predeterminada, las hojas de estilos de plantilla se aplicarán a una página. Para desactivar las hojas de estilo de plantilla de una página en particular, haz clic en el menú desplegable y selecciona Desactivado. Esta sección no aparecerá para páginas que usan plantillas de temas
    • Hojas de estilo de página: haz clic en Adjuntar una hoja de estilo. Si también se utilizan hojas de estilo de dominio y plantilla, su estilo tendrá prioridad. 
Captura de pantalla de un artículo de ayuda de HubSpot
  • Para agregar una canónica personalizada, introduce una URL en el campo Personalizar URL canónica. Más información sobre cómo usar URL canónicas

Obtener vista preliminar de páginas

Antes de publicar una página, puedes obtener una vista preliminar en diferentes tipos de dispositivos y probar contenido inteligente y personalización. Más información sobre cómo personalizar la apariencia de una página para dispositivos móviles

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
  • Coloca el cursor sobre la página de destino y haz clic en Editar.  
  • En el editor de contenido, haz clic en el icono de comentarios de la parte superior derecha. 
  • Para acceder a una vista preliminar de página completa, haz clic en Abrir en una nueva ventana en la parte superior derecha. Para compartir esta página de vista preliminar con otros usuarios en tu cuenta de HubSpot, haz clic en Copiar enlace para compartir en la página de vista preliminar. Los usuarios deben iniciar sesión en HubSpot para ver esta vista preliminar.
  • Para obtener una vista preliminar de la página en un dispositivo diferente, haz clic en el ícono de un dispositivo  móvil en la parte superior derecha de la página de vista preliminar.  

select-device-to-preview

  • Para obtener una vista preliminar de la personalización o el contenido inteligente, haz clic en el menú desplegable Vista preliminar como
    • Selecciona Contacto para obtener una vista preliminar de la personalización de la página. Luego haz clic en el segundo menú desplegable y selecciona un contacto para obtener una vista preliminar de cómo aparecería la página para ese contacto. 
    • Selecciona Regla inteligente para obtener una vista preliminar del contenido inteligente de la página. A continuación, haz clic en el segundo menú desplegable y selecciona una o más reglas inteligentes para obtener una vista preliminar de cómo aparecerá la página para un visitante que coincida con esas reglas. 

select-smart-rule-or-personalization