Cómo crear una página web sin código en Notion: una guía paso a paso

Cómo crear una página web sin código en Notion: una guía paso a paso
Lectores como tú ayudan a apoyar a MUO. Cuando realiza una compra utilizando enlaces en nuestro sitio, podemos ganar una comisión de afiliado. Lee mas.

Si necesita una página web simple y sin código, Notion es el lugar indicado. No solo es uno de los mejores programas de productividad y toma de notas disponibles, sino que también puede usar esas mismas herramientas para crear una página de destino y dejar que sus clientes o seguidores sepan dónde encontrarlo.





MAKEUSEOF VÍDEO DEL DÍA

Y si aún no lo ha probado, es muy parecido a usar un procesador de textos común. ¿Tienes curiosidad por saber cómo funciona? Siga este tutorial paso a paso para crear su propia página web sin código en Notion.





Primeros pasos con su página web No-Code Notion

Para crear su documento de página web, vaya a Nueva pagina en la esquina inferior izquierda de la pantalla y seleccione página vacía . Asigne a su página un título que refleje de qué se trata su página web, por ejemplo, el nombre de su empresa, producto o servicio. Puede regresar y cambiarlo más tarde si piensa en algo diferente, pero quiere que las personas sepan que están en el lugar correcto.





Agregar una imagen de portada a su página de ideas

Las imágenes de portada son una excelente manera de hacer que su página web sea reconocible para sus seguidores o clientes. Para agregar uno:

  1. Pase el cursor por encima del título y la opción Añadir portada aparecerá.
  2. Notion colocará una imagen aleatoria en la parte superior de su página.
  3. Mueve el cursor sobre la imagen y selecciona Cubierta de cambio .
  4. En el menú de la portada, sus opciones son agregar uno de la galería Notion, cargar el suyo propio, vincular a uno o encontrar uno buscando en Unsplash.
  5. Si está utilizando uno de la galería, haga clic en la imagen, el color o el degradado que desee.
  6. De lo contrario, vaya a Subir , Enlace , o Unsplash y sigue las instrucciones de Notion.
  Agregar opción de imagen en el software para tomar notas

Incluso si no tiene una imagen que represente la marca de su empresa, puede elegir algo que coincida con su combinación de colores o diseñar algo en software de edición de fotos gratis como Canva. Si descubre que no desea una imagen en absoluto, vuelva al menú de portada y haga clic en Eliminar en la esquina superior derecha.



  Agregar menú de imagen en el software para tomar notas

Puede volver a esto más tarde si no sabe qué imagen usar.

Agregar encabezados y texto a su página de conceptos

Cuando se crea una página web, la tentación suele ser incluir la mayor cantidad de información posible en un solo lugar. Pero piense en sus propios hábitos de lectura. Si hay demasiada información en una página, o si está mirando paredes de texto, es más difícil encontrar el mensaje.





El objetivo es hacer que su página web se pueda leer y proporcionar suficiente información para que sus seguidores o clientes puedan dar el siguiente paso. También ayuda organizar esa información bajo encabezados, para que puedan localizarla rápidamente. Puede agregar énfasis al texto importante usando colores, negrita, cursiva y Gritar o Cotizar bloques Además, puedes cambia tu fuente en Notion si el predeterminado no funciona para usted.

  Diseño de texto en software para tomar notas

Con Notion, puede agregar fácilmente texto en cualquier lugar simplemente haciendo clic en cualquier parte de la página y escribiendo. Para los encabezados, puede usar comandos para cambiar su bloque a un encabezado antes de escribir o resaltar el texto después y usar la barra de herramientas de formato para hacer el intercambio.





  Barra de herramientas de formato de texto en el software para tomar notas

Para el tamaño, sus opciones son los encabezados 1, 2 o 3, siendo H1 el más grande y H3 el más pequeño. El tamaño de tu encabezado te ayuda a mostrar la jerarquía de tu página web. Dado que su título principal y más importante es H1, querrá usar H2 para títulos y H3 para subtítulos en todo momento, para que no compita con él.

Además, si tienes una cuenta Personal Pro y decides activar Indexación de motores de búsqueda , organizar la información usando encabezados y usar solo un encabezado H1 por página sigue buenas prácticas de SEO.

Para agregar enlaces a su texto, resáltelo y haga clic en Enlace en la barra de herramientas de formato. Para dar me gusta a un correo electrónico, escriba mailto: y luego su dirección, para que abra el redactor de su cliente potencial y lo coloque para ellos. Por ejemplo, mailto:example@makeuseof.com. Asegúrese de probarlo y verifique que lo haya escrito correctamente.

  Opciones de enlace de correo electrónico en el software para tomar notas

Algunos otros enlaces que puede querer agregar son sus páginas de redes sociales, páginas de cartera u otros lugares útiles en los que los clientes o seguidores potenciales pueden encontrarlo en Internet.

y video a su página de nociones

Crear una página web sin código no significa que deba ser básica. Usando comandos, puede insertar imágenes y videos en cualquier lugar de su página.

  1. Presiona la barra inclinada ( / ) en su teclado y comience a escribir imagen o video , lo que quieras.
  2. Selecciónelo en el menú de bloques.
  3. Si está agregando una imagen, elija entre Cargar, Insertar enlace o Unsplash y siga las instrucciones de Notion.
  4. Si está agregando un video, seleccione Incrustar o Cargar, y Notion también lo guiará por el resto.
  Agregue opciones de imagen en el software para tomar notas

Una vez que su imagen o video esté en su página, puede arrastrarlo y soltarlo en cualquier lugar usando el controlador, seis puntos a la izquierda de su bloque. También puede colocarlo junto a otro bloque para crear una columna. Para cambiar el tamaño de las columnas, pase el cursor sobre el bloque y use las guías a cada lado. Juega con tus imágenes y diseño para ver lo que te gusta.

Publicación de su página web de No-Code Notion

  Compartir opciones para una página en software para tomar notas

Una vez que su página web esté lista, ejecútela yendo a Cuota en la esquina superior derecha de la pantalla y encendiendo Compartir en la web . Desactive la edición y los comentarios, así como la duplicación, si no quiere que alguien use su sitio web como plantilla. Ahora, puedes usar el enlace para compartirlo con quien quieras.

cómo cambiar la ubicación de descarga en Steam
  Sitio web de ejemplo en un navegador web