Recomendaciones

“Qué debería tener un sitio web”

 ¿Recomendaciones?
Ya estoy grande no las necesito ...

2 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 ¿Recomendaciones?
Ya estoy grande no las necesito ...
• No somos expertos en temas de diseño gráfico ni mucho menos
en qué es lo que le gusta a los clientes.
• Depende en gran medida de cuál es la intención del sitio web.
• Siempre es bueno atender a recomendaciones generales que los
proveedores de sitios (Hosting y dominios) tienen para decir en
este aspecto ya que estos monitorean el flujo de usuarios en
sitios que han adquirido sus servicios.
• Mas aún, el sitio es quien tendrá comunicación con el usuario,
por lo que poco podemos hacer mas que monitorear el flujo de
usuarios, visitas y clics que hay dentro de nuestro sitio.
• Bueno es apoyarnos en herramientas que se ofrecen para este
propósito de cara a lo que se ha comentado sobre SEO.
3 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017
20
 Recomendaciones
(Según empresa que enseña a crear sitios web)
VirtualiaNet
https://blog.virtualianet.com/diseno-web-los-8-elementos-imprescindibles/

4 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Recomendaciones
• Contenido:

Atractivo por contenido y sobre todo tratar de redactar con
conocimiento de causa.

Contenido dispuesto que atraiga a las personas
independiente de sus intereses.

Actualización regular y permanente.

Fidelización de clientes mediante el contenido ofrecido y
atracción a nuevos clientes.

5 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Recomendaciones
• Tipografía:

Fuentes atractivas y sencillas de leer.

Variar el tamaño de la fuente para hacer énfasis en algún
contenido concreto, como sección o elemento de texto.
• Imágenes:

Uso de buenas fotografías, preferiblemente que sean
tratadas por un profesional o diseñador gráfico.

Que estén relacionadas con la misión del contenido de la
página.

Evitar a toda costa la distorsión y siempre guardar la
proporción.
6 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017
20
 Recomendaciones
• Animaciones (ejemplo):

Sensación de dinamismo al disponer de elementos en
movimiento.

No abusar, después de un tiempo los movimientos repetitivos
se vuelven molestos.

(Según la página) no deberían superar el 20% del contenido
de la página para no sufrir saturación.
• Botones / Íconos:

Usar estos elementos para facilitar la navegación en la página.

No usar elementos innecesarios o que no ofrecen valor
dentro del contenido.
7 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017
20
 Recomendaciones
• Contenido Responsive:

Los dispositivos móviles están presentes en todas partes y la
mayor parte de las personas que los tienen los cargan encima
siempre.

Los resultados SEO de robots como el de Google dan buena
puntuación a sitios responsive.
• Alojamiento y Seguridad:

Mejor un sitio que no muestre problemas de carga y además
sufra de saturaciones.

Los clientes son conscientes de su seguridad y mejor usar
certificados SSL (incluso los hay gratis) Además los servicios de
hosting los ofrecen.
8 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017
20
 Recomendaciones
(Según empresa prestadora de servicios hosting)
GoDaddy
https://es.godaddy.com/blog/elementos-para-una-pagina-web-de-exito/

9 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Recomendaciones
• Navegación:

Establecer una lógica de navegación, responder preguntas
como ¿primer elemento? ¿Elementos destacados? ¿Sentido
en el orden de los enlaces? Estos se conoce como
Wireframing.

Planear un landing page facilita mucho la navegación.

Evitar el encacillamiento.
• Paleta de Colores.

Expresión de los colores que representan a la empresa.

No hacer experimentos locos, la moderación y la simpleza es
la clave.
10 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017
20
 Recomendaciones
• Atracción desde 0.

Todo lo que esta contenido en el sitio web debe ser pensado
como propuesta de valor para el usuario (clickbait?).
• Información de Relevancia.

Centrarse en contenido relacionado con los productos y
servicios de de la empresa.
• Información de Contacto.

Encontrar la información inmediatamente y no usar
ocultación y CONSEGUIR UN EMAIL DEL DOMINIO.

11 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Recomendaciones
• Alojamiento Web Confiable.

Es mejor centrarse en la experiencia que han tenido otros
clientes de hosting por encima de los que venden.

Que tanto soporte tiene para concurrencia
• Seguridad.

Hay muchos clientes corporativos que se preocupan por la
seguridad, mas aún hoy día por el tema de abeas data y
manejo de cookies.

12 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Recomendaciones
(Según empresa prestadora de servicios de Imágen)
PaDigital
https://www.padigital.es/marketing/7-elementos-que-debe-tener-una-pagina-web-
profesional.html

13 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Recomendaciones
• Encabezado:

Llamativo y que permita la navegación.

Logo en sitio preferente y mejor usar los colores corporativos.

Primera imagen llamativa.
• Identificar productos y servicios:

Ofrecer a los usuarios información sobre la oferta de la
empresa.

Es mejor incluir un buscador para facilitar el encuentro de
información determinada (independiente si se cuenta con e-
commerce o no).

Agrupación por categorías siempre que sea posible.
14 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017
20
 Recomendaciones
• Blog Corporativo:

Para mejorar el SEO (orgánico) crear contenido basado en palabras
clave.

Crear contenido regular y actualizado aumenta el Branding
(posicionamiento de marca) y ofrece al cliente visión de experticia
y conocimiento en el sector.
• Contacto:

Ofrecer opción de comunicación directa, formulación de
respuestas específicas.

Base de datos de clientes y clientes potenciales.

Número de teléfono, correo electrónico.

Evitar que se tengan que abrir ventanas nuevas.
15 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017
20
 Recomendaciones
• Geolocalización:

También ayuda al SEO.

Es de utilidad para los usuarios saber donde está ubicada la
empresa u organización.

Mostrar el interior del negocio también ofrece imagen de
confianza y de atracción para los clientes.
• Quienes Somos:

Convencer al cliente de que la empresa u organización ofrece
mas que sus competidores.

Compartir historia de la empresa y los casos de éxito con el
ánimo de generar una conexión y empatía con el usuario.
16 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017
20
 Recomendaciones SEO
(Google)
https://support.google.com/webmasters/answer/7451184?hl=en

17 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Recomendaciones SEO
(Backlinko – Seo Trainning)
https://backlinko.com/hub/seo/seo-friendly-design

18 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Recomendaciones
• Por qué es Importante?

Se supone que las páginas que son “SEO-friendly” tiene
mayor tráfico gracias a su adaptación para los buscadores de
Internet.

Sin embargo, esto no excluye las necesidades de los clientes.

Por lo que habrá que tener en cuenta ambas cosas al
momento de construir un sitio web.

19 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Buenas Prácticas “SEO”
• Usar siempre, que sea posible, texto “alt” para los contenidos
audiovisuales. Los robots usan este contenido para entender
de que se tratan.
• Los contenidos escondidos, que son usados para cargas
rápidas en dispositivos móviles (tipo accordion) son
descartados por los robots. Esto obliga a pensar mejor en el
contenido de la página en cuestión.
• Cuando se publican vídeos, los robots buscan transcripciones
de su contenido, ello para saber de qué se tratan.

20 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Buenas Prácticas “SEO”
• Páginas indexables (y las que
no se quieran indexar, usar
configuración robots.txt).
Esto es especialmente útil si
se tienen páginas
administrativas, o páginas
en construcción.
• Usar un SEO Browser,
programa que analiza y
muestra los elementos que
se tienen los robots (imagen
https://www.browseo.net/)
21 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017
20
 Buenas Prácticas “SEO”
• Mantener un mapa de sitio simple.
•

22 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Buenas Prácticas “SEO”
• Mejorar las url

No debería ser

https://website.com/cat=90/10/09/2019/pageref810a.

Debería ser

https://website.com/seo-techniques
• Es mejor una buena página con buen contenido que gran
cantidad de contenido disperso en muchas páginas.
• Continua …..

23 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Qué es Mejor para Construir un Sitio Web
¿CMS o Framework?
(https://www.simplipixel.com/blog/wordpress-vs-php-which-is-better-to-build-
website/)

24 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Consideraciones
• Afirmación “Usar un gestor de contenido siempre es mas
barato”.

Si y no, en principio se supondría que so pero se puede
terminar pagando por contenido personalizado como
plantillas. En cuanto a programar, el contenido sería
totalmente adaptable a la necesidad propuesta.
• Afirmación “Es mas rápido desplegar un sitio con un cms”

Depende del tamaño del sitio, ¿es un simple blog? ¿es una
página para e-commerce? Lógicamente para el primero un
CMS, para el segundo mejor un Framework.

25 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Consideraciones

Afirmación “No conozco nada de programación”.

No hay otra opción que CMS, pero si tiene conocimiento es
mejor que trate de formar sus propios sitios web.

Afirmación “No conozco nada de programación”.

Los CMS de hoy en día, tienen herramientas que sirven para
este tipo de propósitos, en los frameworks es necesario ajustar
el contenido.

Afirmación “Necesito un sitio web que sea seguro”.

Sino se sabe de programación y mas aún de aspectos de
seguridad, mejor un CMS con plugins de seguridad.
Frameworks de desarrollo PHP ya incluyen estos aspectos, pero
¿se puede estar seguro?
26 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017
20
 Consideraciones

Afirmación “Cómo incrementar la experiencia del cliente
CX”.

Es muy fácil obtener una buena experiencia en un CMS,
puesto que ya ha sido probada en otros ámbitos o
contextos. Para un proyecto de desarrollo es necesario
incluir aspectos de diseño y fuerte planificación.

Afirmación “¿Y en conclusión?”.

Déjale el despliegue de sitios complejos a los expertos, la
experiencia es un papel preponderante.

Si el sitio web está mas centrado a experiencia de cliente
que a funcionalidad, mejor un CMS.

27 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Como todo esta Sujeto a Interpretaciones

28 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20
 Como todo esta Sujeto a Interpretaciones

29 09/13/20 Propiedad intelectual de la UNIVERSIDAD PILOTO DE COLOMBIA® - Año 2017

20