Crear y personalizar páginas

Puede crear un sitio web y landing pages para su sitio con el fin de construir una presencia online e impulsar sus iniciativas de marketing. Puede personalizar el contenido y los ajustes de las páginas, así como optimizarlas para los motores de búsqueda, asegurándose de que su contenido llega al público adecuado. Por ejemplo, las landing page son cruciales para la generación de leads, ya que interactúan con formularios para captar la información de los visitantes. 

Antes de empezar

Antes de comenzar a trabajar con esta característica, asegúrate de que comprendes perfectamente qué pasos hay que dar con antelación, así como las limitaciones de la función y las posibles consecuencias de utilizarla. 

Comprender los requisitos

• Compruebe que tiene permiso de escritura para el tipo de página que desea crear. Para publicar páginas, también necesitará el permiso Publicar. 

Comprender las limitaciones y consideraciones

• Comprueba que tu dominio 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.
• Comprende los diferentes tipos de plantilla de página disponibles:
  
  • Las plantillas de temas admiten funciones de edición de arrastrar y soltar , módulos de temas exclusivos y estilos de temas personalizables.
  • Las plantillas personalizadas se crean en el administrador de diseño, ya sea en el editor de diseño o utilizando código personalizado. Las características de edición de arrastrar y soltar solo están disponibles en plantillas personalizadas con áreas de arrastrar y soltar. 

Crear páginas

Puedes crear páginas utilizando plantillas de tu tema activo en el editor de contenido. También puedes cambiar el tema de la página, editar el tema o utilizar otras plantillas. 

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. En la parte superior derecha, haga clic en Crear si ya tiene páginas. Si no dispone de páginas, haga clic en Empezar.
   
   • Si ya tiene páginas, se le dirigirá a la página Seleccionar una plantilla .
   • Si está creando páginas por primera vez, se le dirigirá a la página Elegir un tema antes de seleccionar una plantilla. Para seleccionar un tema , sitúe el cursor sobre él y haga clic en Establecer como tema activo.
3. En la página Seleccionar una plantilla , puede hacer lo siguiente:

1. • Para cambiar el tema, haga clic en el nombre del tema debajo del campo Buscar (por ejemplo, Tema: Elevate).
     • En la página Temas , haga clic en Establecer como tema activo en la tarjeta de temas. 
     • Volverás a la página Seleccionar una plantilla .
   • Para obtener una vista previa del tema, haga clic en el nombre del tema debajo del campo Buscar (por ejemplo, Tema: Elevate).
     • En la página Temas, haz clic en Vista previa en la tarjeta del tema.
     • En la vista previa, haz clic en el menú desplegable Plantilla y selecciona una plantilla para ver el tema.
     • Cuando haya terminado de ver la vista previa del tema, haga clic en Establecer como tema activo en la parte superior derecha o en Atrás en la parte superior izquierda.

1. • Para obtener una vista previa de una plantilla, haga clic en Vista previa de la plantilla en la tarjeta de plantilla.
   • Para utilizar una plantilla de su tema activo, haga clic en Utilizar en la tarjeta de plantilla.
   • Para utilizar una plantilla que no forme parte de un tema, haga clic en Otros en el menú lateral izquierdo. 

5. En el editor de contenido, las opciones de edición disponibles dependen del tipo de plantilla de la página y los módulos utilizados. Obtenga más información sobre la edición de páginas mediante plantillas temáticas, contenido global que abarca varias páginas, áreas de arrastrar y soltar y módulos de texto enriquecido o imágenes . 

Personalizar la configuración de la página

Una vez que hayas editado el contenido de tu página, podrás personalizar atributos de la página como la URL, la meta descripción y el idioma. 

Personalizar la configuración básica de la página

Puedes personalizar la configuración de la página, incluidos el nombre interno de la página, el título de la página, la URL de la página y la meta descripción. Las cuentas con suscripciones a Marketing Hub Pro o Enterprise pueden asociar la página a una campaña.

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haz clic en el nombre de tu página. 
3. En el editor de contenidos, haz clic en Configuración en la parte superior derecha. 
4. En el cuadro de diálogo, introduce un nombre interno en el campo Nombre interno de la página. Este nombre no será visible para los visitantes. 
5. En el campo Título de la página, introduce 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. 
6. En la sección URL de la página, haz clic en el menú desplegable Dominios y selecciona el dominio donde se alojará tu página. Luego, introduce un slug de URL en el campo Slug del contenido. Más información sobre la edición de la URL de una página. 
7. En el campo Meta descripción, introduce una descripción del contenido de la página que se mostrará en los resultados de búsqueda. Para mejorar la descripción mediante IA, haz clic en el artificialIntelligenceIcon icono de IA. Más información sobre la generación de meta descripciones mediante IA. 
8. Si tienes una suscripción a Marketing Hub Pro o Enterprise, puedes asociar la página a una campaña:

1. • Para asociar tu página a una campaña existente, haz clic en el menú desplegable Campaña y selecciona una campaña.
   • Para asociar tu página a una nueva campaña, haz clic en el menú desplegable Campaña y haz clic en Crear campaña. Luego, continúa configurando la campaña. 

• • Si nunca has creado una campaña, haz clic en Crear una campaña. Luego, continúa configurando la campaña. 

Establecer la imagen destacada.

Para agregar una imagen destacada que se incluirá cuando se comparta la página en las redes sociales:

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haz clic en el nombre de tu página. 
3. Haz clic en el menú Configuración y selecciona Imagen destacada. 
4. Active el interruptorImagen destacada activada.
5. Haz clic en Subir para seleccionar una imagen de tu equipo o Explorar imágenes para seleccionar una imagen de la herramienta archivos.
6. Para aumentar la accesibilidad, introduce una descripción de tu imagen en elcampo Texto alt de la imagen.

Cambiar la plantilla de página

Para cambiar la plantilla de la página:

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haz clic en el nombre de tu página. 
3. Haz clic en el menú Configuración y selecciona Plantilla.
4. 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 que se apliquen los cambios no publicados. De lo contrario, estos cambios pueden perderse al cambiar de plantilla.
5. En la página de selección de temas, selecciona un tema.
6. En la página de selección de plantillas, selecciona una plantilla.
7. 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. 

Establecer el idioma de la página

Para establecer el idioma de la página:

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haz clic en el nombre de tu página. 
3. Haz clic en el menú Configuración y selecciona Idioma.
4. Haz clic en el menú desplegable Idioma de la página y selecciona un idioma. Más información sobre la gestión de páginas en varios idiomas. 

Establecer la visibilidad de la página

Puedes establecer la visibilidad de una página en el menú Acceso del público dentro de la configuración de la página.

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haz clic en el nombre de tu página. 
3. Haz clic en el menú Configuración y selecciona Acceso de la audiencia.
4. En el cuadro de diálogo, selecciona una opción de acceso de la audiencia: 
   • Selecciona Público para que el contenido de la página esté disponible para cualquier visitante.
   • Selecciona Contraseña obligatoria para agregar una contraseña obligatoria para que los visitantes puedan tener acceso al contenido de tu página.
   • En una cuenta de Content Hub Enterprise , también puede seleccionar Membresía de grupo de acceso requerida para exigir a los visitantes que se registren en su sitio para ver este contenido. 
   • En una cuenta de Content Hub Enterprise , puede seleccionar Inicio de sesión único (SSO) obligatorio para exigir a los visitantes que inicien sesión con un proveedor de identidad, como Google u Okta. 

Establecer opciones de página avanzada

Puedes establecer opciones avanzadas de la página, como convertirla en una página dinámica, agregar fragmentos de código html de encabezado o html de pie de página. También puedes gestionar las diferentes hojas de estilo de la página.

Para personalizar las opciones avanzadas de la página:

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haz clic en el nombre de tu página. 
3. Haz clic en el menú Configuración y selecciona Avanzada.
4. Para hacer de esta página una página dinámica, en el cuadro de diálogo, 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. 
5. Para agregar fragmentos de código al HTML de encabezado o pie de página de la página, haz clic en el campo HTML de encabezado o HTML de pie de página y luego ingresa tu fragmento de código. Para añadir fragmentos de código a todas las páginas de un dominio, acceda a los ajustes de su sitio web.
6. Para agregar una canónica personalizada, introduce una URL en el campo Personalizar URL canónica. Más información sobre utilizando URL canónicas.
7. Para gestionar los diferentes tipos de hojas de estilo adjuntas a la página: 
   • Hojas de estilo de dominio: estas hojas de estilo se adjuntan a todas las páginas de un mismo dominio en la configuración de tu sitio web. 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 trabajar con hojas de estilo de dominio.
   • Hojas de estilo de plantillas: estas hojas de estilo son establecidas por la plantilla de la 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á en las páginas que utilicen plantillas temáticas. 
   • Hojas de estilo de páginas: estas hojas de estilo solo se aplicarán a esta página. Para adjuntar una hoja de estilo de página, haz clic en el menú desplegable Adjuntar una hoja de estilo y selecciona una hoja de estilo. Si también se utilizan hojas de estilo de dominio y plantilla, su estilo tendrá prioridad. 

Optimizar el contenido para los motores de búsqueda

En la sección Optimizar del editor de la barra lateral, puedes ver las recomendaciones de SEO de una página o adjuntarla a un tema. 

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haz clic en el nombre de tu página. 
3. En el editor de contenidos, haz clic en el icono gauge Optimizar de la barra lateral izquierda. 
4. Para adjuntar el contenido a un tema: 
   • Para añadir un tema existente, haga clic en el menú desplegable Tema principal y seleccione un tema para su página.
   • Para crear un nuevo tema, haga clic en el menú desplegable Tema principal y seleccione Añadir tema principal. En el cuadro de diálogo, introduce el tema y luego haz clic en Guardar
5. Para adjuntar la página a una palabra clave de un tema secundario:
   • Selecciona la casilla de comprobación ¿Esto es contenido de apoyo?
   • Haz clic en el menú desplegable Palabra clave del subtema y selecciona una palabra clave del subtema
   • Para crear una nueva palabra clave, haz clic en el menú desplegable Palabra clave de tema secundario y haz clic en Agregar palabra clave de tema secundario. En el cuadro de diálogo, introduce la palabra clave de tema secundario y luego haz clic en Guardar. 

6. Para ver recomendaciones de SEO incompletas, haz clic en una categoría con un círculo rojo. 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 cómo trabajar con recomendaciones de SEO. 

Obtener vista preliminar de páginas

Antes de publicar una página, puedes verla previa en diferentes tipos de dispositivos y probar el contenido inteligente y la personalización. Los enlaces de vista preliminar están diseñados para ser compartidos internamente con otros usuarios de tu cuenta; no se recomienda compartirlos con visitantes externos. 

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haz clic en el nombre de tu página. 
3. En el editor de contenido, haz clic en el icono de comentarios de la parte superior derecha. 
4. Para acceder a una vista preliminar de toda la página, haz clic en Abrir en nueva pestaña en la parte superior derecha. Para compartir esta página de vista preliminar con usuarios en tu cuenta, haz clic en Copiar enlace en la página de vista preliminar. Si la página está alojada en un dominio del sistema HubSpot, los usuarios deben haber iniciado sesión en HubSpot para ver esta vista preliminar.
5. Para obtener una vista preliminar de la página en un dispositivo diferente, haz clic en mobile el icono de un dispositivo  en la parte superior derecha de la página de vista preliminar. 

6. Para obtener una vista preliminar de la personalización o el contenido inteligente, haz clic en el menú desplegable Vista preliminar como: 
   • SeleccioneContacto para obtener una vista previa 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. 
   • Seleccione Regla inteligente para obtener una vista previa 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. 
   • Para volver a la apariencia predeterminada de la página, haz clic en Restablecer. 

Publicar páginas

Una vez que hayas personalizado el contenido y la configuración de tu página, puedes publicarla o programarla para una futura publicación:

1. Ve al contenido:

   • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
   • Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
2. Haz clic en el nombre de tu página. 
3. Para publicar la página inmediatamente, haz clic en Publicar en la parte superior derecha.
4. Para programar una página para su publicación posterior: 
   • En la parte superior derecha, haz clic en el menú desplegable situado junto al botón Publicar y, a continuación, selecciona Opciones de programación.
   • En el cuadro de diálogo, haz clic en Programar publicación. 

• • Haz clic en el campo fecha y selecciona la fecha en la que se publicará tu página. 
  • Haz clic en el campo de hora y selecciona la hora en la que se publicará tu página. 

• • Haz clic en Programar. Los cambios que realices en la página se incluirán en la publicación programada.

5. Para configurar tu página para que se despublique automáticamente en el futuro:
   • En la parte superior derecha, haz clic en el menú desplegable situado junto al botón Publicar y, a continuación, selecciona Opciones de programación.

• • En el cuadro de diálogo, haz clic en la pestaña Programar anulación de publicación. 
  • Haz clic en Programar anulación de publicación. 
  • Haz clic en el campo fecha y selecciona la fecha en la que se anulará la publicación de tu página. 
  • Haz clic en el campo de hora y selecciona la hora en la que se anulará la publicación de tu página. 
  • Haz clic en el menú desplegable Cuando se publique la página, redirigir a los visitantes a y selecciona una página. Para utilizar una URL de destino externa, haz clic en Introducir una URL externa, introduce la URL y, a continuación, haz clic en Guardar. 
  • Haz clic en Programar.