Ayuda Registrarse

Cómo estructurar y presentar el contenido de tu web


La primera impresión es la que cuenta. Sorprende a tus visitantes desde el primer momento en que entran a tu página y anímalos a que se queden y naveguen por tu web. ¿Cómo lo puedes lograr? Estructurando muy bien el contenido de tu página de inicio para que encuentren fácilmente lo que buscan y presentando el contenido de tal forma que sea atractivo para la vista. En este blog te vamos a dar algunos consejos e ideas sobre cómo presentar el contenido en función al tema de tu web. Antes de comenzar con las diferentes opciones de estructura, queremos presentarte un resumen sobre qué debes tener en cuenta y qué debes evitar a la hora de organizar el menú de navegación y añadir títulos, textos, imágenes y otros elementos en el contenido.

La suma de pequeños detalles hace que el contenido se vea mejor

Menú de navegación

Ofrece solo las pestañas necesarias (máximo 5 o 7) en el primer nivel y que no ocupen más de una línea del menú. ¿Qué hacer con las otras pestañas? Simplemente distribúyelas en el segundo y tercer nivel de la navegación. El objetivo principal del menú de navegación es guiar al visitante. Entre más opciones ofrezcas, más difícil será saber por qué camino ir. Además, una navegación muy larga puede dañar la estética de tu web.


Títulos

Introduce un "Título 1" en la parte superior del contenido de cada subpágina. Esto le ayudará al visitante a identificar rápidamente de qué se trata tu página y a saber si lo que ofreces es lo que busca. A medida que vas añadiendo más contenido introduce más subtítulos con el módulo "Título 2" y "Título 3".


Textos

Reparte tus textos de forma balanceada y evita escribir todo en un solo bloque de texto. Así podrás presentar mejor la información. Si tu plantilla es ancha puedes introducir tus textos en dos o más columnas para facilitar la lectura del visitante. Si por el contrario tienes una plantilla angosta, es posible que una sola columna sea suficiente.


Imágenes

Sé generoso con las imágenes en formato horizontal y maximiza el tamaño hasta alcanzar el ancho completo de tu plantilla. Si tus imágenes están en formato vertical, te recomendamos introducirla en una columna y poner otra imagen o textos al costado para que no quede un espacio en blanco.


Columnas

Distribuye el contenido en columnas para darle una apariencia más dinámica a tu web. Es importante que seas un poco perfeccionista, es decir, que si subes tres imágenes, todas deben tener el mismo tamaño. Lo mismo aplica para textos y otros elementos que repartas entre columnas.


Segunda área de contenido

Utiliza la segunda área de contenido para destacar tus datos de contacto o mostrar los botones de compartir de redes sociales. La información que pongas en esta zona estará siempre visible. Si la plantilla que has elegido tiene la segunda área de contenido en la parte inferior, puedes aprovechar esta zona para visualizarla como si fuera parte del pie de página (footer).

Contenido presentado correctamente

Cómo NO presentar el contenido


Ideas para estructurar tu página de inicio según el tipo de contenido

A continuación te presentamos algunas ideas sobre cómo estructurar y organizar el contenido de tu página según la temática de tu web. Estas estructuras están pensadas principalmente para tu página de inicio pero también pueden ser utilizadas en otras subpáginas. Haz clic sobre la estructura que quieres aplicar en tu página para que veas mejor todos los detalles.

Servicios


Portafolios


Tienda online


Katja Runge

Diseñadora Jimdo





Comentarios: 29 (Discusión cerrada)
  • #1

    programas5star (jueves, 11 septiembre 2014 19:20)

    Muy Bueno

  • #2

    federicojunior (jueves, 11 septiembre 2014 19:28)

    el cambio es bueno me gusto

  • #3

    lyrconsultoresenpensiones (jueves, 11 septiembre 2014 20:54)

    Verdaderamente estoy impresionado, tengo 8 meses con la pagina y segun yo estaba excelente y ahora me doy cuenta que la puedo mejorar. Muchisimas gracias

  • #4

    Vida Nueva Haciendo Discípulos (jueves, 11 septiembre 2014 20:56)

    Infelizmente o si puede agregar módulos en estos formatos....

  • #5

    creandopilaresdelexito (jueves, 11 septiembre 2014 22:06)

    Buenas ideas para mejorar mi pagina

  • #6

    Patricia Alejandra Heredia Hinojosa (jueves, 11 septiembre 2014 22:38)

    Muchas gracias por esta sección, son muy buenos los consejos y guía para mejorar el contenido de nuestras páginas

  • #7

    joyeriayug111111114 (viernes, 12 septiembre 2014)

    ¿Como se pone la sección comentarios?

  • #8

    hotelesscmv (viernes, 12 septiembre 2014 05:20)

    podrían hacer un vídeo acerca de estos temas pero por favor en español de mexico para que se entienda bien.

  • #9

    Ariel Loza (viernes, 12 septiembre 2014 06:14)

    exelente muy buena la informacion gracias jimdo

  • #10

    Jimdo-Team (viernes, 12 septiembre 2014 10:31)

    @hotelesscmv: tengo algo para ti que seguro que te interesa. Nuestros últimos seminarios han estado muy relacionados con el diseño de la página web. Si necesitas más información en forma de videotutorial http://seminarios.jimdo.com/

  • #11

    Verónica (viernes, 12 septiembre 2014 11:53)

    Muy buen artículo. Yo ya he tomado algunos de vuestros consejos pero seguro que aún me queda mucho que modificar. Gracias y saludos

  • #12

    Herbalfarma (viernes, 12 septiembre 2014 18:03)

    Haver si consigo organizar y rediseñar el BLOG con los consejos de las columnas :)

  • #13

    Museo Comunitario de la Virgen de Cupilco (viernes, 12 septiembre 2014 18:05)

    Buenas ideas. Próximamente, cambiaremos el diseño completo de nuestra página.

  • #14

    Herbalfarma (viernes, 12 septiembre 2014 18:12)

    Vale no se puede, seria interesante poder exponer de la manera que ensenais en los ejemplos de las paginas principales, pero tambien para el BLOG. De esta manera en mi caso por ejemplo, no tendria que tener tantas categorias ya que la pagina se convierte muy larga y no beneficia al diseno. Espero lo tomen en cuenta!

  • #15

    androidthung (viernes, 12 septiembre 2014 18:59)

    bueno

  • #16

    abogadosdeseguros (sábado, 13 septiembre 2014 00:28)

    excelentes ideas muchas gracias

  • #17

    corfopatia (sábado, 13 septiembre 2014 01:46)

    Es importante vuestra orientación y el servicio que prestáis, os agradezco y espero corresponder en la imagen que nos facilitan.
    UN SALUDO.

  • #18

    María José (sábado, 13 septiembre 2014 14:07)

    Los tutoriales sobre diseño y organización son fantásticos. Mi problema es que estoy empezando un blog y tengo muy poco que presentar. Supongo que cuando vaya acumulando artículos, podré ir proponiendo las novedades y las entradas más visitadas bien organizados en la página principal.

    De momento, me sobra plantilla pero creo que eso es bueno. Así en el futuro no iré escasa. Un blog es un pozo sin fondo.

    Saludos para todos desde Alicante, España

  • #19

    auroraalvarado (sábado, 13 septiembre 2014 18:15)

    Excelentes sugerenciaas

  • #20

    sjbouquets (domingo, 14 septiembre 2014 04:52)

    Me parece excelente idea que nos lleven de la mano para obtener mejores resultados. Me he divertido mucho descubriendo las opciones que tiene la plantilla que elegí. Aún no vivo la experiencia de saber si fue la correcta. Pero no pasa nada, simplemente la cambiaré. Jajaja!!
    Saludos desde la Cd. de México : )

  • #21

    latierramicasapordentroyporfuera (lunes, 15 septiembre 2014 03:00)

    Excelente el trabajo con jimdo. Los tutoriales, muy didácticos.

  • #22

    Irma Tovar Burgos (lunes, 15 septiembre 2014 05:24)

    excelente, encantados con JIMDO

  • #23

    loteriasyestancos (lunes, 15 septiembre 2014 13:50)

    Gracias por los consejos.

  • #24

    Ángel Sánchez Vicente (lunes, 15 septiembre 2014 19:39)

    Gracias.

  • #25

    Fredy Leonel Xicay Ajsivinac (martes, 16 septiembre 2014 02:58)

    Gracias por todos los consejos ojalá nos apoyaran más en temas de estética que es mi punto flaco.

  • #26

    Nuria Figueroa Lopez (martes, 16 septiembre 2014 23:45)

    Es justo la información que necesito, gracias!

  • #27

    www.lapandorica.com mucho mas que noticias (domingo, 21 septiembre 2014 19:55)

    muchas gracias,espero noticias del nuevo blog

  • #28

    Inma (martes, 23 septiembre 2014 12:29)

    Me gusta esta pagina, porque tiene buenas ideas.

  • #29

    mijardinencantado (miércoles, 24 septiembre 2014 05:41)

    Me da buenas ideas para organizar mi pagina