Índice

Hablando de buenas prácticas en la creación da páginas...

El recurso Pages Beta permite crear páginas modernas con unos pocos clics y sin necesidad de tener conocimientos técnicos o de programación. Sin embargo, es importante seguir algunas buenas prácticas para agilizar la publicación de las páginas y hacer que el sitio sea aún más atractivo.

Preste atención a la URL

• Ofrezca una URL que el usuario pueda interpretar fácilmente utilizando palabras claves. Por ejemplo: guía de la marca.
• Complemente a URL con títulos para incentivar al usuario a hacer clic en ellas.
• Utilice palabras cortas, pero de más de tres caracteres. Evite utilizar caracteres especiales. (con excepción del guión para separar palabras).

Identifique su página con el logotipo

• ¡Muchos usuarios navegan con múltiples pestañas abiertas, por lo que su página debe diferenciarse! Utilice un logotipo personalizado para su sitio web, trate de incluir una imagen de 48x48px en formato .ico.

Preste atención a los contenidos externos

• Los contenidos externos son componentes ajenos a Pages Beta, por ejemplo: vídeos de YouTube, atículos, páginas de otro sitio web, etc. Estos multiplican los recursos de su sitio web.
• Al integrarse con Forms Beta, debe prestar atención a la altura mínima porque si la altura no es la adecuada se introducirá un scroll en la página.
• Evite colocar URL con muchos parámetros que comprometan el comportamiento estándar de una URL. Por ejemplo: para indicar la URL de un punto en Google Maps, puede usar un acortador de URL para simplificarlo.
• Asegúrese de que la URL que desea introducir permita el uso en otro contexto.
• Siempre que sea posible, intente introducir contenido externo al final: el peso de la página externa puede interferir el la elaboración de su página y afectar la experiencia del usuário.

Esmérese en el contenido del texto

• La opción Habilitar container debe utlizarla si desea que su componente ocupe todo el ancho de la página.
• Utilice imágenes que llamem la atención, pero prefiera aquellas con proporción 4:3 o 4:4 para evitar que se desconfiguren.
• Elija títulos con palabras clave que llamen la actención de cualquiera que esté realizando una lectura rápida.
• Recuerde que se puede acceder a sua sitio desde múltiples dispositivos. Así que busque introducir como máximo, 4 cajas de texto por componente, para evitar el salto de línea debido a la capacidad de respuesta del disenõ.

Identifíquese en el pie da página

• Introduzca los derechos de marca registrada con el nombre de su empresa.
• Introduzca los enlaces de sus redes sociales para demostrar una mayor representatividad en la web.

Utilice la galería de imágenes

• Elija títulos con palabras clave y que combinen con todas las imágenes de la galería.
• Habilite el espaciado entre las imágenes, si lo desea.
• Introduzca leyendas en las imágenes (por ejemplo, derechos de autor).
• Las imágenes que se adjuntan a la gelaría deben presentarse en las resoluciones recomendadas, para que no pierdan calidad cuando se publiquem.

Resalte contenidos con los banners

• Active las flechas o los bullets cuando haya más de una diapositiva en el banner para aumentar la navegabilidad del usuario.
• Deje un mensaje objetivo para el visitante, de manera que la lectura sea más agradable y le llame la atención como hacer clic.
• Busque imágenes que representan bien lo que quiere decir. Usted puede optar por introducir un vídeo también. Pero recurerde: tanto en imágenes como vídeos, intente utilizar una resolución superir 720p e inferior a 1080p, con buena calidad y proporciones widescreen (16:9). Busque herramientas de optimización de imágenes para evitar que resulten pesadas al cargarlas en la diapositiva.
• Personalice la apariencia de sus banners: configure la alineación del contenido y de los botones, introduzca una planilha de color, si no tiene suficiente contraste, para facilitar la lectura del texto.

Utilice párrafos para incluir textos relevantes

• Elija títulos cortos.
• Al Introducir la imagen, elija siempre opción que represente bien y atraiga la atención al párrafo. Trate de utilizar imágenes con relación de aspecto 4:3 para mantener la calidad de la imagen.
• Al informar la descripción, opte por textos que impulsen al lector a aprender más sobre ese tema.

Organice el menú de su sitio web

• La función del menú es facilitar la navegación através de los contenidos de su sitio web, por ello trate de utilizar palabras objetivas y evite introducir más de diez ítems de menú.
• Evite utilizar logotipos muy grandes: la imagen utilizada en el logotipo del menú debe tener como máximo 50px de altura.

Utilice secciones para dividir los contenidos

• Utilice títulos con palabras clave para llamar la atención del usuário, introduzca subtítulos objetivos que transmitam el mensaje en pocas palabras.
• Busque una imgen que represente lo que le gustaría transmitir al usuario. Trate de utilizar imágenes con buena calidad y en la proporciones widescreen (16:9). La imagen que adjunte al componente de sección debe presentarse en las resoluciones recomendadas (720p y 1080p) para que no pierda calidad.
• Active el efecto parallax, una funcionalidad que mueve la imagem del fondo, y crea una sensación de profundidad e medida que se desplaza por la página.