Bienvenido! Por favor ingrese o registrese.

Autor Tema: El diseño parallax scrolling: Implementación y SEO  (Leído 1868 veces)

Gime

  • Nivel 4
  • ****
  • Puntos: 1798
  • Mensajes: 238
    • Ver Perfil
El diseño parallax scrolling: Implementación y SEO
« : junio 30, 2014, 06:56:07 pm »
Las web de diseño parallax scrolling tienen cada día más adeptos pues resultan para el usuario una experiencia nueva, futurista. Cuando ingresamos en una web, movemos la ruedita del mouse hacia abajo y el fondo se mueve a una velocidad distinta del contenido creando un efecto 3D se trata de una web parallax, aunque el término implica mucho más que ese movimiento.

El primero en implementar el diseño parallax en películas 2D fue Walt Disney. Se trata de un desplazamiento en la posición aparente de un objeto visto desde dos puntos de vista diferentes. Si vemos un objeto desde el punto A varía la posición que si es visto desde un punto B. En diseño web, los gráficos que forman el parallax proporcionan signos de profundidad con técnicas de animación que cambian el punto de vista del observador creando el efecto de profundidad.

El efecto de parallax scrolling se hace mediante una superposición de capas. Si te interesa hacerlo en tu web hay muchos tutoriales que te pueden ayudar, y se tratan en resumidas cuentas de hacer que el fondo se desplace más lentamente que el contenido. El pluggin jParallax crea el efecto sin que tengamos que quemarnos las pestañas leyendo las técnicas o mirando videos tutoriales.

Hay que tener en cuenta el SEO, porque el parallax tiene ciertas implicancias en el mismo, pues lo que se plantea con este diseño es tener una sola página en todo el site y por lo tanto, una sola url. En una estrategia SEO además, los enlaces deben repartirse en todas las páginas; otra desventaja a solucionar. Y continuamos: Google Analytics no nos brindará los resultados que queremos saber: por cuántas entradas ha navegado el usuario. Son varios ítems a corregir si deseamos incluir este maravilloso diseño a nuestra página web.

Las soluciones:

-Diseñamos una home atractiva con parallax que apunte a una palabra clave en concreto y luego añadimos páginas secundarias con otras keywords sin esta vista en profundidad. Otra opción es usar PushState de jQuery para que la pantalla se corte en varias secciones, cada cual con su URL y sus metadatos.

- Creamos la web con SEO y luego añadimos los efectos de parallax en cada URL. Tiene un contra: puede enlentecer la carga de cada página. Sin embargo, no hay por qué utilizar el efecto en todo el site.

- Quitamos la vista Parallax srolling para los dispositivos móviles, pues la carga es muy pesada.

Como vemos, el diseño tiene sus pro y sus contra, pero todos los “contras” se pueden salvar. En mi opinión vale la pena tener una web atractiva que agrade al usuario y le brinde una experiencia agradable e impactante, además de tener buen contenido.


Linkback: http://afiliadostop.net/index.php?topic=6304.0
No Tienes Permisos Para Dar Puntos
point 0 Puntos

Este tema no recibió puntos.

bailamj

  • Nivel 2
  • **
  • Puntos: 228
  • Mensajes: 117
    • Ver Perfil
    • DistribuirContenido
    • Email
Re:El diseño parallax scrolling: Implementación y SEO
« Respuesta #1 : julio 10, 2014, 02:35:18 pm »
Páginas Web de ejemplo???

Plantillas de WordPress para descargar de este estilo??
Enviado atraves de Adkimode
Mi Web. Para hacer Marketing de contenidos (artículos y vídeos)
http://DistribuirContenido.com/gratis

Gime

  • Nivel 4
  • ****
  • Puntos: 1798
  • Mensajes: 238
    • Ver Perfil
Re:El diseño parallax scrolling: Implementación y SEO
« Respuesta #2 : agosto 12, 2014, 09:49:06 pm »
Si buscas web parallax en Google puedes encontrar miles de ejemplos.
Plantillas de WP de este estilo hasta donde yo se no hay, la única forma de diseñarlo que conozco es el pluggin jParallax.
Si encuentras alguna info sobre las plantillas, se agradece compartir,
saludos!  :)


Share via facebook Share via twitter

xx
Diseño libro 3d + diseño +Nombre de marketing

Iniciado por mastereduardo

2 Respuestas
504 Vistas
Último mensaje agosto 04, 2016, 11:41:21 pm
por mastereduardo
xx
Implementación de NO publicación de Enlaces de Afiliados

Iniciado por GC-Money

0 Respuestas
1085 Vistas
Último mensaje diciembre 19, 2012, 12:28:15 pm
por GC-Money
xx
8 Consejos SEO de Implementación Inmediata y Sencilla

Iniciado por elsafar09

0 Respuestas
1266 Vistas
Último mensaje febrero 08, 2012, 06:04:24 am
por elsafar09
xx
Comenzo la implementación de Cambios en Clickbank!

Iniciado por GC-Money

25 Respuestas
4794 Vistas
Último mensaje octubre 20, 2015, 05:14:47 pm
por fcofrancisco