martes, 7 de noviembre de 2017

Recomendaciones para el diseño de tu sitio web - SEO3



- Ver la lección

Aspectos clave

Cuando diseñes el sitio web, ten cuidado con fallos que suelen ahuyentar a los clientes. En esta lección describiremos algunas formas de evitar frustraciones, como:
  • Páginas que se cargan rápidamente;
  • Opciones de optimización para teléfonos celulares;
  • Accesibilidad general.

¿A que has escuchado alguna vez la siguiente frase? "solo tienes una oportunidad para causar una buena primera impresión".

También vale para Internet.

Esta lección puede ayudarte a evitar errores comunes en el diseño de tu sitio web que pueden ahuyentar a las visitas.

Hablaremos sobre cómo asegurarte de que tus páginas se carguen rápido de manera que tu sitio sea apto para dispositivos móviles, sobre la accesibilidad general y sobre la calidad de tu contenido.

En primer lugar, necesitas velocidad. Los usuarios de Internet no son famosos por su paciencia, y si tus páginas tardan demasiado en cargarse, se irán.

Para esto hay algunos ajustes simples que puedes hacer:

Si tienes imágenes en tus páginas, utiliza las más pequeñas que necesites, es decir, no uses archivos grandes con una resolución elevada si estas solo van a aparecer como imágenes en miniatura. Muchos programas de software pueden ajustar el tamaño de las imágenes o comprimirlas para hacerlas más pequeñas, y esto se traduce en tiempos de carga más rápidos.

Simplifica tu diseño. Por norma general, cuanto más limites lo que hay que descargar y reutilizar, más rápido se cargarán las páginas. Por ejemplo, puedes utilizar la misma imagen de fondo en varias páginas y pedirle a la persona que desarrolle tu web que sea eficiente con el código y los textos.

Si quieres saber qué tal va tu web, intenta abrirla desde tu teléfono móvil (mediante una conexión de datos, no WiFi) y comprueba la rapidez con la que se carga.

Es importante que te asegures de sea fácil de utilizar en un móvil. Cada vez más personas utilizan sus smartphones como dispositivo principal para navegar por Internet, y si tu sitio web es difícil de utilizar en estos dispositivos, perderás clientes potenciales.

La forma más fácil de tener una web apta para móviles es diseñándola de esa forma desde el principio, con un enfoque de "diseño adaptable" o "diseño responsivo", que automáticamente detecte el tipo de pantalla que se está utilizando y adapten el texto y las imágenes según corresponda.

Si quieres saber si tu web es apta para móviles, prueba la herramienta Prueba mi sitio de Google.

Ten en cuenta cuestiones como utilizar Íconos fáciles de reconocer. Crear contenidos claros y bien organizados ayudará a los usuarios que utilizan pantallas más pequeñas a encontrar lo que necesitan.

Haz también que sea fácil encontrar tu dirección y número de teléfono. Muchos dispositivos están provistos de funciones de GPS, que pueden ayudar a los usuarios a encontrar tu tienda. Y naturalmente, para todas estas visitas desde móviles, debería ser fácil llamarte por teléfono.

También debes recordar que los usuarios visualizarán tu sitio desde distintos navegadores, como Chrome o Firefox, y distintas plataformas, como Windows o Mac.

Realiza una prueba desde tantos ordenadores, dispositivos y navegadores como te sea posible y asegúrate que se vea bien en todos.

Por último, recuerda que tu sitio web no es solo para vender, es para resolver.

Imagina que eres un visitante en tu web y pregúntate, ¿por qué estoy aquí?, ¿qué estoy intentando hacer?, ¿qué problema estoy intentando solucionar?

Por ejemplo, si tienes una panadería que hace pasteles personalizados, es probable que alguien esté visitando tu sitio web porque necesita uno.

Podrías escribir páginas sobre tu estilo de decoración e inspiraciones, aunque un testimonio y fotos de un cliente real serían una mejor opción.

Estos son algunos errores comunes de los que pecan muchos sitios web. Para evitarlos, asegúrate de que tus páginas se carguen rápido, se visualicen y se comporten correctamente, independientemente del dispositivo o navegador que utilice cada visita.


- Revisa tus conocimientos

El sitio web de la panadería con un icono que indica que se está cargando.

Ana quiere añadir elementos multimedia a la página principal del sitio web de su panadería para que resulte más interesante.

Si hay elementos distintos, la página tardará más en cargarse, por lo que debe encontrar la combinación más adecuada para el sitio.

¿Puedes ordenar los siguientes elementos de mayor a menor tiempo de carga?

1. video en HD de dos minutos para promocionar la panadería
2. Imagen de fondo grande, a pantalla completa y con gran resolución
3. video explicativo de 20 segundos
4. Miniatura comprimida con baja resolución
5. Botón de Twitter que enlaza a la página de Twitter
6. Descripciones de texto

Los usuarios quieren que los sitios web se carguen rápidamente y, si tardan demasiado, es probable que los abandonen, por lo que debes procurar que las páginas de tu sitio se carguen rápidamente sin perder de vista el diseño que quieres usar. Elegir el mix de medios y la solución de hosting adecuados puede ser una gran ayuda para conseguirlo.

Para que tus páginas web sean eficaces, debes usar imágenes comprimidas y evitar incluir demasiados archivos grandes como, por ejemplo, videos. Comprueba cuánto tarda en cargarse el sitio web de tu empresa en distintos dispositivos y conexiones antes de publicarlo.


- Tarea

Elige algunos de tus sitios favoritos y cárgalos en distintos dispositivos y navegadores. ¿Cómo se ven? ¿Tardan mucho tiempo en cargarse o requieren software adicional? ¿Sus diseños hacen que sea fácil encontrar información?


Examen Final

Pregunta 1 : ¿Cuál de las siguientes opciones es una manera de que los clientes interactúen con tu sitio web?

A Ver un video o descargar un PDF.
B Hacer compras.
C Leer sobre tus productos y servicios.
**D Todas las anteriores.


Pregunta 2 : Verdadero o falso: los clientes pueden conocer tu negocio bajándose tu aplicación para celulares, sin embargo, no pueden realizar un pedido mediante la aplicación.

A Verdadero.
**B Falso.


Pregunta 3 : ¿Qué es un servidor web?

A El representante del servicio de atención al cliente al que puedes llamar para hacer consultas sobre tu sitio web.
B La respuesta que encuentras cuando buscas un término en Internet.
**C Un ordenador conectado a Internet con un software que le permite alojar todas las partes de tu sitio web.
D El dispositivo que determina la velocidad de tu conexión celular.


Pregunta 4 : Verdadero o falso: el nombre de tu dominio incluye la parte "www." en la dirección web.

A Verdadero.
**B Falso.


Pregunta 5 : ¿Qué es lo que no encontrarán los visitantes en la página principal de tu sitio web?

**A Todos los detalles sobre cada uno de los productos o servicios que ofreces.
B La dirección de tu negocio.
C Un mapa que indique cómo llegar a tu tienda.
D El número de teléfono de tu negocio.


Pregunta 6 : Verdadero o falso: un "hiperenlace" es un acceso directo a otras páginas desde tu sitio web o desde cualquier otro sitio en la Red.

**A Verdadero.
B Falso.


Pregunta 7 : ¿Cuál de los siguientes elementos no incluirías en tu sitio web?

A Precios.
**B Una gran cantidad de datos científicos y estadísticas detalladas.
C Ofertas especiales.
D Certificados que avalen que estás cualificado para prestar un servicio.


Pregunta 8 : ¿Verdadero o falso? La mayor parte de tu contenido debe incluir una propuesta comercial directa.

A Verdadero.
**B Falso.


Pregunta 9 : ¿Cuáles de las siguientes opciones son ejemplos de "llamadas a la acción" en un sitio web?

A Un botón donde se lea "llame ahora" para que los visitantes puedan llamar a tu tienda con solo hacer un clic.
B Un botón donde se lea "cómo llegar a nuestra tienda" para que los visitantes reciban las indicaciones sobre cómo llegar desde su ubicación.
C Un botón donde se lea "compre ya" para que los visitantes puedan realizar directamente un pedido.
**D Todas las anteriores.


Pregunta 10 : Verdadero o falso: incluir un cuadro de búsqueda en tu sitio ayudará a que los visitantes encuentren exactamente lo que están buscando.

**A Verdadero.
B Falso.


Pregunta 11 : ¿Cuál de las siguientes opciones podrías no incluir necesariamente en tu sitio web?

A La dirección de tu negocio.
**B Un collage de "selfies".
C El número de teléfono de tu negocio.
D Un mapa que indique cómo llegar a tu tienda.


Pregunta 12 : Verdadero o falso: debes tener presente lo que tus clientes buscan y desarrollar el contenido de tu sitio web de acuerdo con sus gustos.

**A Verdadero.
B Falso.


Compartamos el conocimiento. Hasta la próxima oportunidad!











  

No hay comentarios:

Publicar un comentario

       

Etiquetas

Accediendo a datos con ADO .NET (31) Acceso a la red (30) Algoritmo (34) Algoritmos en JAVA (2) Ampliación de clases (2) APRENDA A PROGRAMAR COMO SI ESTUVIERA EN PRIMERO - Autores : IKER AGUINAGA (3) APRENDA A PROGRAMAR COMO SI ESTUVIERA EN PRIMERO - Autores : IKER AGUINAGA (10) Aprendiendo a desarrollar en Windows 8 (5) Aprendiendo UML en 24 Horas (Autor : Joseph Schmuller ) (30) Arquitectura (29) Arquitectura del Computador (3) Arquitectura del Computador - Historia de la informática (1) Asignación de direcciones IP (23) Aspectos fundamentales de bases de datos (5) Auditoría de la dirección (2) Auditoría de Sistemas (3) Auditoría Informática - Un enfoque práctico - Mario G . Piattini y Emilio del Peso (7) Avanzado (23) Base de Datos (67) Básico (23) Bios (29) Business Productivity Online Suite - BPOS (3) Capa de Red (22) Capa de Transporte (16) Capítulo 1 - Documentos HTML5 (6) Capítulo 10. API Web Storage (2) Capítulo 11. API IndexedDB (4) Capítulo 12. API File (1) Capítulo 2. Estilos CSS y modelos de caja (7) Capítulo 3. Propiedades CSS3 (4) Capítulo 4. Javascript (6) Capítulo 5. Video y audio (6) Capítulo 6. Formularios y API Forms (8) Capítulo 7. API Canvas (5) Capítulo 8. API Drag and Drop (2) Capítulo 9. API Geolocation (2) CCNA1 v5.0 (239) CCNA1 v6.0 (23) CCNA2 v5.0 (26) CCNA3 v5.0 (25) CCNA4 v5.0 (23) CD-ROM (3) Chapter 1 How does Xamarin.Forms fit in? (7) Chapter 2 Anatomy of an app (5) Cisco (341) Cloud Computing (3) CNNA v5.0 Routing & Switching (260) CNNA v6.0 Routing & Switching (2) Codigo (2) Computadora (32) Configuración (29) Configuración de un sistema operativo de red (21) Control (29) Creación de tipos de datos y tablas (3) Creación y Administración de bases de datos (3) Creando la Interface de la Aplicación Windows (50) Creating Mobile Apps with Xamarin.Forms (13) Cuenta (29) Curso (32) Curso Aprendiendo a Programar (25) Datos (3) Desarrollando en Windows 8 - AVANZADO (2) Desarrollando en Windows 8 - BÁSICO (3) Desarrollando en Windows 8 - INTERMEDIO (2) Desarrollo (2) Desarrollo .Net (21) Desarrollo avanzado de Windows Store Apps usando C# (1) Desarrollo basado en conceptos de Ingeniería de Software para Visual Studio (2) DESARROLLO DE APLICACIONES WINDOWS CON MICROSOFT .NET (37) DESARROLLO DE APLICACIONES WINDOWS CON MICROSOFT .NET (Autor: Luis Dueñas Huaroto) (29) Desarrollo en Microsoft Visual Studio (44) Desarrollo en Microsoft Visual Studio - AVANZADO (15) Desarrollo en Microsoft Visual Studio - BÁSICO (14) Desarrollo en Microsoft Visual Studio - INTERMEDIO (18) Desarrollo en Windows Phone 8 (13) Diagnostico (4) Diagrama (3) Diagramas de actividades (2) Diagramas de colaboraciones (2) Diagramas de secuencias (2) Digital (2) Diplomado (2) Disco (29) Disco Duro (4) Diseño de aplicaciones de Windows 8 en HTML 5 (7) Dispositivos Electrónicos (11) Doctorado (2) Ejemplos de algoritmos (27) El camino hacia el CSS3 (3) El diseño web flexible (6) El elemento de diseño Canvas (3) El enfoque de los sistemas (3) El flujo de un programa (2) El gran libro de HTML5 - CSS3 y Javascript - Autor: Juan Diego Gauchat (55) El principio de organicidad (7) Electrónica (2) Elementos de un sistema (5) Empresas (2) Entrada y salida (4) Entropía y neguentropía (7) Estrategia (2) Estructura de un programa Java (12) Estructuras de almacenamiento (10) Estructuras de control (6) Estructuras de las tablas en SQL Server (2) Estructuras fundamentales de los datos (2) Ethernet (21) Evolución y Familias de los Microprocesadores (15) Exámen (23) Exploración de la red (23) Extensión de clases (4) Facebook (4) Familia Intel (15) Forefront (8) Función (3) Funciones de una red (12) Funciones de una red informática (1) Fundamentos de C# para absolutos principiantes (17) Fundamentos de programación en Java (50) Generaciones de la computadora (5) Gestión (3) Gestión de riesgos - Auditoría de Sistemas (1) GONZALO MARTÍNEZ (1) Grupos Facebook (1) Harvard (29) Historia de las computadoras (11) HTML5 y CSS3 - Autor: Christophe Aubry (99) HTML5 y CSS3 aplicadal texto (7) HTML5 y CSS3 para los formularios (15) Imágenes (2) Implementación de Windows 7 (11) Información (31) Informática (29) Ingeniería (4) Instalar (29) Inteligencia (2) Inteligencia de Negocios con SQL Server (3) Intermedio (23) Internet (29) Internet Explorer 9 (3) Introducción a ASP.NET 5 (8) Introducción a Java (7) Introducción a jQuery (8) Introducción a la Auditoría de Sistemas (2) Introducción a la teoría general de sistemas (Oscar Johansen Bertoglio) (39) Introducción a Networking (2) Introducción a Window Forms (5) Introducción al acceso a datos con ADO .NET (9) Investigación de Operaciones (12) Java (52) Jump Start de consultas en las bases de datos de Microsoft SQL Server 2012 (8) La definición de un Sistema (6) La evolución del HTML y del CSS (3) La nueva sintaxis HTML5 (12) LA QUINTA DISCIPLINA en la práctica (Autor : Peter Senge) (28) Las animaciones en CSS3 (5) Las transformaciones CSS3 (11) Las transiciones con CSS3 (8) Licenciamiento Microsoft (3) Local Area Network (LAN) - Red de Area Local (2) Lógico (2) Los elementos de la estructura en html5 (9) Los elementos multimedia: audio y vídeo (2) Los estilos de caja en CSS3 (13) Los nuevos selectores de CSS3 (6) Maestría (2) Mantenimiento de Mouse y Teclado (2) Manual de Microsoft SQL Server - Full Transact SQL (68) Manual de soporte técnico para escuelas sobre windows 7 (42) Marco Teorico de Investigación de Operaciones (6) Medios de Almacenamiento (11) Medios de Networking (2) Mejorando la Interface de las Aplicaciones Windows (26) Memoria Tipos y Clases (5) Método (2) Metodología (1) Microsoft (324) Microsoft Lync 2010 (7) Microsoft Silverlight 4.0 (2) Microsoft Virtual Academy (356) Modelo (2) Modelo OSI y TCP-IP (2) Modelos con poco grado de dificultad de Programación Lineal - Investigación de Operaciones (13) Modelos con razonable grado de dificultad de Programación Lineal - Investigación de Operaciones (10) Modelos de desafio de Programación Lineal - Investigación de Operaciones (5) Modelos difíciles de Programación Lineal - Investigación de Operaciones (5) Modelos Fáciles de Programación Lineal - Investigación de Operaciones (13) Modelos lineales con solver (3) Modulo (23) Movimiento (2) Mozilla (29) MS SQL Server (77) MS Virtualization para Profesionales VMware - Gestión (3) MS Virtualization para Profesionales VMware- Plataforma (4) MVA (263) Negocio (2) Nivel Avanzado Desarrollo .Net (6) Nivel Básico Desarrollo .Net (11) Nivel Intermedio Desarrollo .Net (8) Normas técnicas peruanas y su evolución - Auditoría de Sistemas (1) Nube Privada - Avanzado (6) Nube Privada - Básico (6) Nube Privada - Intermedio (6) Office 365 (3) Optimización de Escritorio (10) Optimización de Escritorio - Avanzado (4) Optimización de Escritorio - Básico (3) Optimización de Escritorio - Intermedio (3) ORACLE 10g - ADMINISTRACIÓN Y ANÁLISIS (3) Oracle 10g y el Grid Computing (3) Organización aleatoria y secuencial (1) Partes principales de la Mainboard (12) Perceptron (2) Perfil (2) Periféricos de Entrada / Salida (15) Pesi (2) PHP y MySQL - Manual de aprendizaje para crear un sitio web - Autor : Olivier ROLLET (79) Plan (2) Plataforma (29) PMBOK (24) PMBOK - Guía de los fundamentos para la dirección de proyectos (24) PMBOK - INFLUENCIA DE LA ORGANIZACIÓN Y CICLO DE VIDA DEL PROYECTO (6) PMBOK - Introducción (11) PMBOK - PROCESOS DE LA DIRECCIÓN DE PROYECTOS (5) Prevención - Herramientas e Instrumentos de Medida (9) Principios básicos de enrutamiento y switching (213) Proceso (2) Proceso de auditoría de sistemas informáticos (2) Programación en Android - Auor : Salvador Gómez Oliver (46) Programación paso a paso de C# - Autor : Nacho Cabanes (16) Protocolos y comunicaciones de red (17) Proyecto (2) Qué es un sistema (4) Red de Área Local Inalámbrica (WLAN) (4) Redes (30) Redes inalámbricas - WIRELESS - Conocimiento general (15) Redes neuronales (2) Redes y Comunicaciones (45) Reparación de Fuentes - UPS - Estabilizadores (10) Reparación de Impresoras (9) Reparación de Monitores (16) Router (29) Seguridad en la Nube (3) Seminario (23) Server (24) Sharepoint 2010 - Nivel Básico (6) Sharepoint 2010 - Niveles Avanzados (18) Sharepoint 2010 - Niveles Avanzados - Básico (8) Sharepoint 2010 - Niveles Avanzados - Intermedio (9) Sinergia y recursividad (4) Sistema (33) Sistema de Cableado Estructurado (9) Software (30) SOLUCIÓN GRÁFICA DE MODELOS DE PROGRAMACIÓN LINEALES - INVOPE (8) Soporte a Infraestructura (3) SQL (38) SQL Azure - Introducción (3) Subsistemas de control (4) Tablas (4) Tarjeta Principal del Sistema (10) Tarjetas de Interfaces (7) Tecnología (31) Tecnologías LAN (1) TEORÍA GENERAL DE SISTEMAS (1) Tic (2) Tipo (2) TML5 y CSS3 - Autor: Christophe Aubry (12) Trabajando con el Formulario (7) Un diseño HTML5/CSS3: dConstruct 2011 (3) Un diseño HTML5/CSS3: FlipThru (2) Un diseño HTML5/CSS3: The Cat Template (2) Usando Controles Windows Forms (12) Usando Herramientas de Datos de Visual Studio (6) Ventas (2) Virtualización Hyper - V Nivel Básico (5) Virtualización Hyper - V Nivel Intermedio (5) What’s New in Windows 8.1 Security (4) Window (29) Windows 7 Segunda Fase - AVANZADO (4) Windows 7 Segunda Fase - BÁSICO (6) Windows 7 Segunda Fase - INTERMEDIO (4) Windows 8 - Vista Previa (4) Windows 8.1 To Go (2) Windows Azure (3) Windows Phone 7 (2) Windows Server 2008 R2 (3) Windows Server 2012 - Gestión y Automatización (3) Windows Server 2012 R2 Essentials (7) Windows Server 2012: Almacenamiento (5) Windows Server 2012: Identidad y Acceso (4) Windows Server 2012: Revisión Técnica (7) Xamarin (1)

Páginas vistas en total según Google