Qué sabemos de las páginas Parallax en WordPress?

Qué sabemos de las páginas Parallax en WordPress?

Parallax en WordPress

Una de las grandes tendencias que circulan en el diseño web en estos días es el Scroll Parallax. Te preguntarás, qué es Parallax, pues son los sitios que cuentan con páginas largas con partes que parecen estar moviéndose a diferentes velocidades, con unos diseños preciosos.

Por parte de los usuarios se ha convertido en una parte común del paisaje en internet. Esta técnica puede ser una gran adición a un diseño web mediante la creación de profundidad en un formato de dos dimensiones y añadiendo un nivel de interactividad para una experiencia de usuario más atractiva. 

Pero los sitios que emplean esta técnica pueden pagar un alto precio en esta categoría.

¿Cómo impacta en el SEO?

Fundamentalmente, scroll parallax es sólo una técnica de diseño. No tiene un impacto realmente en el SEO en sí, sino el uso de la misma puede cuando la técnica define la estructura del sitio. Con esto quiero decir, que si por ejemplo tenemos un web normal con 5 o 6 páginas, y creamos un sitio con una sola página, sin duda limita el potencial de búsqueda del sitio. Así que antes de sumergirse de cabeza en un sitio de parallax, es importante entender las ramificaciones para los motores de búsqueda y las formas de mitigar los efectos negativos.

Una sola página en la búsqueda

Normalmente, las páginas de un sitio están optimizadas para una sola frase de palabras clave por página. Así que si sólo hay una página en todo el sitio, consigues una frase de palabras clave y un título H1 para todo el sitio.parallax wordpress

También limita su capacidad de empujar a los motores de búsqueda en la página de resultados (SERP). Los sitios que tienen un rico contenido y multi-pagination pueden ocupar dos o tres posiciones en un buscador con una página de índice y varias páginas secundarias referidas a la consulta de búsqueda. Con una sola página, una posición en los buscadores es todo lo que puedes obtener.

Así que un scroll parallax, presenta problemas significativos para la búsqueda. La buena noticia es que puedes tener lo mejor de ambos mundos.

Utilízalo sabiamente

Como he dicho anteriormente parallax es simplemente una técnica de diseño. La página y la optimización se pueden aplicar de una manera normal y el beneficio del diseño para la experiencia del usuario pueden ser utilizados para mejorar el contenido de la página individual y la experiencia del usuario. Invertir en el diseño y la codificación de tiempo de respuesta en las páginas de tu sitio web que serán las que verán la mayor parte del tráfico es básico. El diseño será clave para presentar la información de una manera convincente.

La Batalla ha comenzado

Igual que cualquier técnica que se convierte en moda, scroll parallax se ha convertido en un tema de discusión de diseño entre los posibles clientes y los profesionales de la web. Saber utilizar esta técnica de manera efectiva para el diseño web y para el SEO será claveExisten cantidad de plantillas wordpress con scroll parallax.

Themeforest el mejor portal para plantillas wordPress

Themeforest el mejor portal para plantillas wordPress

¿Themeforest, es el mejor portal?

Para los que no esten familiarizados con WordPress, Themeforest les sonará a chino, los que ya conocen WordPress y han necesitado alguna vez plantillas wordPress (plantillas de pago), llamadas también (Themes Premium), ya lo deben conocer, si no es así, te mostraré cómo comprar plantillas en Envato.

 

Como registrarse en Themeforest

Lo primero es registrarse, es fácil y rápido, arriba a la derecha tienes la opción de registro (create an envato account). Puedes ver la captura que he puesto debajo, son cuatro pasos.

Más tarde ya veremos cómo configurar la cuenta, con las opciones de pago, etc…

registro themeforest

Una vez has creado la cuenta, accedemos con nuestro nombre de usuario y contraseña, en la opción de arriba a la derecha, Sign in.

Si ya hemos accedido correctamente, veremos arriba a la derecha nuestro nombre de usuario, si ponemos el puntero del ratón encima nos saldrán varias opciones para configurar nuestra cuenta.

En Profile, (Perfil), veremos toda nuestra cuenta, opciones para subir una imagen, opciones de pago, descargas, compras, y todas las opciones de nuestra cuenta.

Las otras opciones te llevan a la misma sección que en Perfil, menos Favoritos y Colecciones.

 

¿Cómo compro plantillas en Themeforest?

Ahora nos vamos a la sección que nos interesa, comprar plantillas wordpress, arriba veremos todas las categorías que existen de diferentes tipos de gestores de contenido y plantillas, le damos a WordPress, nos saldrán un montón de plantillas ordenadas por fecha por defecto, puedes cambiar la opción por, Precio, Ventas, Puntuación…

Para la imagen de abajo he seleccionado por ventas, puedes ver que son muchas las ventas que tiene. En este caso son una barbaridad.

ventas plantilla

También puedes ver debajo de la imagen de la plantilla unos iconos pequeños, un ojo, corazón y carpeta, el ojo es para ver la prewiew de la plantilla, también la puedes ver haciendo click en la imagen, el corazón es para guardarla en favoritos y la carpeta es para crear colecciones.

Personalmente la uso bastante para crear carpetas para mis clientes, las tengo archivadas por nombre y realmente va genial.

Puedes enviar las colecciones a tus clientes directamente, si le das a la carpeta te aparecerá la opción de guardarla.

Si nunca has creado ninguna, crea una y la guardas, una vez la tengas guardada te vas a tu cuenta, arriba en el despegable y le das a collections, que sepas que la colección la puedes hacer privada o pública.

Cuando estés en tus colecciones, verás una imagen como esta de abajo, hay tres opciones, compartir, borrar o editar.

colecciones themeforest

Cuando le das a la imagen de la plantilla, te saldra una página general de ella, aquí es donde tienes que fijarte bien en todas las características y opciones que tiene la plantilla.

 

Detalles importantes

Puedes ver la compatibilidad de las versiones de wordPress y los distintos navegadores, una explicación super detallada de la plantilla, el día que se creó y la última actualización.

Esta última es importante, ya que si ves que hace un año que se creó y la última actualización (Last update) fue hace seis meses es que el desarrollador no le da mucha importancia y puede que no sea responsive (compatible con móviles y tablets), y tenga algún fallo.

También te aconsejo que vayas a la opción comments y veas cuanto tarda el creador  en responder a las preguntas de los compradores, ya que esto nos dice qué importancia le da el creador de la plantilla al soporte técnico.

En la opción Live Preview es donde verás al detalle la plantilla, con todas sus opciones y diferentes maneras de presentarla, colores, menús, blog, contacto, configuraciones…

Si cumple con todos los requisitos para tu proyecto, cómprala. Te muestro la imagen.

comprar en themeforest

Para poder filtrar por categorías lo puedes hacer poniendo el icono del ratón en la opción wordPress y te saldrán los tipos de categorías que hay, para tiendas virtuales (Ecommerce), Real Estate (Inmobiliarias), Blogs, Educación.

Haciendo una búsqueda del tipo de proyecto que te interesa, pero hazlo en ingles por que de castellaño no entienden en Themeforest.

Una vez descargada, la tendrás en la opción Downloads, a partir de aquí sólo tienes que descargarla y subirla a tu instalación wordPress, si te puedo ayudar puedes contactar conmigo.

Las últimas tendencias en Diseño Web

Las últimas tendencias en Diseño Web

✏️️ Lo nuevo sobre Diseño Web

Podemos mirar hacia atrás en la evolución del diseño web profesional y sentir la nostalgia y la esperanza de lo que vendrá después.

En cuanto al diseño, todo está pasando por un cambio continuo y rápido. La diferencia en la apariencia puede ser sorprendente, sobre todo si se comparan los sitios web más viejos para recordar lo que actualmente sucede en el mundo del diseño web, como las plantillas WordPress de Themeforest, dando un toque muy elegante a tu proyecto web.

Aunque hay una gran cantidad de alternativas de diseño web innovadores que han sido constantemente probados, comercializados y puestos en práctica, hay sólo unos pocos elementos nuevos que han logrado destacar realmente de la prueba del tiempo.

 

Desplazamiento al hacer clic

Cada vez que se utiliza el ratón para navegar por Internet, su interacción con sitios web se compone principalmente de clic.

Cada vez que un sitio web se abre, la atención del usuario ha sido inmediatamente dirigirlo a la parte superior derecha de la pantalla, en busca de un elemento de diseño web muy pasado de moda llamado “la barra de desplazamiento”.

Al hacer clic y arrastrar este antiguo elemento de diseño de arriba abajo, se puede interactuar y navegar por el contenido de esa página en particular.

Los desarrolladores han estado constantemente tratando de simplificar la interacción entre los usuarios y los sitios web desde entonces.

Actualmente, es mucho más fácil desplazarse a través de sitios web, de lo que es hacer clic. En los dispositivos móviles incluso puedes desplazarte con el dedo pulgar.

Los sitios web modernos ya tienen menos cosas para hacer clic y tienen áreas de desplazamiento más grandes. Los sitios web se están convirtiendo en páginas desplazables individuales, finalmente empezamos a experimentar menos enlaces y contenidos más ricos para recorrer.

 

Botones

También se hizo un gran progreso en el departamento de la iconografía. Botones transparentes, sencillos y más estéticos se están apoderando de la web.

Ellos son los más comúnmente llamados botones fantasma y se diferencian de las viejas tendencias a través de su transparencia y la delgada línea exterior, blanca.

Esta técnica en particular tiene el foco del visitante fuera del menú y permite grandes áreas de fotografía, mejorando la experiencia del usuario.

 

Áreas de contenido más grandes

Mientras que los encabezados y pies se dirigen lentamente hacia la extinción, las áreas de contenido son cada vez más anchas y más altas.

El marco de un sitio web ha ido perdiendo el interés del público y los diseñadores se centran ahora en la calidad del contenido y áreas de visualización más grandes.

Fotografía personalizada e imágenes con un máximo ancho son ahora una necesidad para una página web de aspecto moderno.

 

Material Design

Originalmente desarrollado por Google, diseño de materiales (Material Design), mi favorito, está reemplazando lentamente el diseño plano mediante la combinación de elementos de diseños planos con animación, gradientes y elementos 3D para una experiencia de usuario más rica.

Todos vamos a experimentar un enorme crecimiento en la simplicidad y la interacción a medida que estén mejor integrados en el escritorio y dispositivos móviles en todo el mundo.

 

Infografía

La fusión entre la interactividad y datos útiles hace que cualquier proceso de aprendizaje sea más divertido. La Infografía se familiarizo en 2014 y ha estado constantemente creciendo en popularidad.

En vez de mirar, imágenes o texto informativos estáticos, ahora puedes experimentar el desplazamiento horizontal y la interactividad de gráficos y datos.

Las Infografías se utilizan con éxito en el diseño web para llamar la atención sobre el producto o la información de un tipo de producto, servicio o estadística.

Como las tendencias del diseño web siguen evolucionando, su interpretación por varios diseñadores pueden diferir. Aún así, los viejos elementos de diseño web siguen siendo integrados, sólo el tiempo dirá si se dirigen a la eliminación o si continúan adaptándose y evolucionando.

Pin It on Pinterest