{"id":29,"date":"2021-06-15T14:24:00","date_gmt":"2021-06-15T13:24:00","guid":{"rendered":"https:\/\/2021.birdcom.es\/blog\/?p=29"},"modified":"2023-01-23T17:30:55","modified_gmt":"2023-01-23T16:30:55","slug":"sirven-para-algo-los-sliders","status":"publish","type":"post","link":"https:\/\/birdcom.es\/blog\/sirven-para-algo-los-sliders\/","title":{"rendered":"\u00bfSirven para algo los sliders?"},"content":{"rendered":"\n

A menudo nos encontramos con clientes que lo primero que te piden para su sitio web es un Slider: Quiero un slider en la Home muy grande, con fotos que se vean bien\u2026 y a poder ser con muchas fotos.<\/em><\/p>\n\n\n\n

La pregunta que siempre hago es: \u00bfpara qu\u00e9?<\/em><\/p>\n\n\n\n

Porque queda bonito, porque as\u00ed se ven todas las ofertas que tenemos, as\u00ed pueden ver las cosas que hacemos<\/em>\u2026 son algunas de las respuestas que me encuentro.<\/p>\n\n\n\n

Los Sliders NO sirven para nada.  Bueno, mejor dicho, s\u00ed que sirven<\/strong>, pero para hacer las cosas mal a nivel de Posicionamiento SEO<\/a>.<\/p>\n\n\n\n

\u00bfQu\u00e9 es un slider en WordPress?<\/h2>\n\n\n\n

Un slider es un recurso que se utiliza frecuentemente en las p\u00e1ginas web el cual est\u00e1 compuesto de elementos gr\u00e1ficos como im\u00e1genes o v\u00eddeos acompa\u00f1ados de texto y botones CTA (Call To Action). Este va mostrando cada elemento durante unos pocos segundos, con un efecto de \u00abdeslizamiento\u00bb entre una imagen y otra. Este efecto puede ser autom\u00e1tico, manual o mixto; ya que generalmente incorpora elementos de desplazamiento como flechas y botones para poder navegar entre \u00abslides\u00bb con mayor comodidad.<\/p>\n\n\n\n

<\/span>Desventajas de los sliders: por qu\u00e9 no usarlos en tu web<\/span><\/h2>\n\n\n\n

<\/span>Lentitud<\/strong><\/span><\/h3>\n\n\n\n

Sirven para hacer que tu sitio web cargue mucho m\u00e1s lento.  Tener que procesar todas las acciones que ejecuta un slider, sumado al peso de las im\u00e1genes que incluyen (si, im\u00e1genes pero que sean bien grandes y a buena resoluci\u00f3n\u2026 \u00a1que no se note ni un p\u00edxel!) hace que consumamos una cantidad de recursos innecesarios que van a hacer nuestra web mucho m\u00e1s pesado y lento.<\/p>\n\n\n\n

Uf\u2026 me estoy imaginando corriendo una marat\u00f3n a Kipchoge con una mochila de 20kg a sus espaldas. Estoy seguro que estar\u00eda m\u00e1s cerca de las 4:00 horas que de la 1h:59\u00b4:40\u201d que hizo en marat\u00f3n en el reto INEOS.<\/p>\n\n\n\n

Core Web Vitals<\/strong><\/p>\n\n\n\n

\u00bfOs suena? Google anunci\u00f3 que para mayo har\u00eda un update de su algoritmo que se basar\u00e1 principalmente en tener en cuenta los Core Web Vitals.  \u00bfY qu\u00e9 relaci\u00f3n tiene esto con los sliders? Muy sencillo.<\/p>\n\n\n\n

Una de las m\u00e9tricas que Google tiene en cuenta se llama LCP (Largest Contentful Paint) y en resumidas cuentas es el tiempo de carga del elemento m\u00e1s largo de la p\u00e1gina que analiza.  No hace falta ser Sherlock Holmes para saber que \u00e9ste ser\u00e1 el Slider con sus im\u00e1genes de un gran tama\u00f1o.<\/p>\n\n\n\n

Pod\u00e9is saber m\u00e1s acerca de qu\u00e9 es LCP y las otras m\u00e9tricas (CLS y FID) que conforman estos Core Web Vitals en este art\u00edculo de Juan Gonzalez Villa<\/a>.<\/p>\n\n\n\n

<\/span>Utilidad<\/strong><\/span><\/h3>\n\n\n\n

Los sliders ocupan un espacio primordial en cualquier sitio web, ya que generalmente suelen estar ubicados despu\u00e9s del header.  Se trata de lo primero que ve el usuario al aterrizar en nuestra p\u00e1gina web.<\/p>\n\n\n\n

Yo a mis clientes, si se obsesionan con querer tener un slider en la home, les demuestro con hechos que el 99,9% (por no decir el 100%) de la gente hace scroll y no hace caso del slider, por muy bonitas que sean las fotos que se hayan puesto. <\/p>\n\n\n\n

Gracias a herramientas como Yandex M\u00e9trica y sus grabaciones de comportamiento con la funci\u00f3n \u201cSession Replay\u201d o los  Scrolling Map, comprueban que los usuarios le hacen el mismo caso al slider que a \u2026 es decir, nada.  Y que lo \u00fanico que hace el slider es estorbar y ocupar un espacio PRIMORDIAL en nuestro sitio web.<\/p>\n\n\n\n

<\/span>No se lleva bien con los dispositivos m\u00f3viles<\/strong><\/span><\/h3>\n\n\n\n

En un mundo donde el tr\u00e1fico Mobile cada vez es superior al Desktop (puedes ver aqu\u00ed<\/a> estos datos actualizados) tener un slider en la p\u00e1gina es un estorbo may\u00fasculo, ya que est\u00e1n pensados para ver en Desktop.  Adem\u00e1s, genera un tiempo de carga excesivo en un tr\u00e1fico m\u00f3vil que cada vez exige m\u00e1s y m\u00e1s inmediatez.<\/p>\n\n\n\n

<\/span>Seguridad<\/strong><\/span><\/h3>\n\n\n\n

Las consecuencias de tener un slider pueden ser fatales y catastr\u00f3ficas. Generalmente, son plugins utilizados por miles de p\u00e1ginas en todo el mundo y son un juguetito en manos de quienes se dedican a hacer las cosas mal.<\/p>\n\n\n\n

Hace un tiempo, cerca de 10.000 p\u00e1ginas webs sufrieron un ataque debido a la instalaci\u00f3n del archiconocido plugin \u201cSlider Revolution\u201d en su sitio web.  Una brecha de seguridad y hackers con ganas de tocar las narices fueron las causantes de este \u201croto\u201d a nivel global.  Puedes consultar m\u00e1s informaci\u00f3n sobre esto, aqu\u00ed<\/a>.<\/p>\n\n\n\n

<\/span>\u00bfQu\u00e9 alternativas hay?<\/strong><\/span><\/h3>\n\n\n\n

Las alternativas son m\u00faltiples, solo hay que echarle imaginaci\u00f3n.  Siempre digo que hay que ponerse en la piel del usuario: en caso de visitar tu propio sitio, \u00bfqu\u00e9 querr\u00edas ver en la Home?<\/p>\n\n\n\n

La soluci\u00f3n que aplicamos nosotros es personalizada para cada cliente, todo depende de qu\u00e9 ofrece y qu\u00e9 quiere conseguir.  Pero hemos comprobado que la manera m\u00e1s eficiente, es la combinaci\u00f3n de diferentes banners que agrupen categor\u00edas de servicios o productos.  Con un simple un vistazo, podemos decirle al usuario qu\u00e9 hacemos y cu\u00e1l es nuestra propuesta de valor.  Todo ello sin sobrecargar nuestro sitio, 100% mobile friendly y con un dise\u00f1o muy cuidado.<\/p>\n\n\n\n

Para resumir, cuando un cliente te diga que quiere un slider en su p\u00e1gina ya que ha visto que su competencia lo tiene o le gusta c\u00f3mo queda\u2026 hazle rectificar.  Exp\u00f3n sobre la mesa todos los peros de poner ese \u201ccacharro\u201d en la cabecera del sitio web, h\u00e1blale de todo lo malo que conlleva y las consecuencias que puede tener (peor UX, menos tiempo de sesi\u00f3n por usuario, ca\u00edda de visibilidad en las SERPs, menos facturaci\u00f3n, etc\u2026).  Seguro que hablando del tema econ\u00f3mico y de sus repercusiones, empieza a entrar en raz\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"

A menudo nos encontramos con clientes que lo primero que te piden para su sitio web es un Slider: Quiero un slider en la Home muy grande, con fotos que se vean bien\u2026 y a poder ser con muchas fotos. La pregunta que siempre hago es: \u00bfpara qu\u00e9? Porque queda bonito, porque as\u00ed se ven … <\/p>\n

Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":6,"featured_media":81,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,7],"tags":[],"class_list":["post-29","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-consejos-diseno-web","category-consejos-posicionamiento-seo","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/posts\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":0,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/posts\/29\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/media\/81"}],"wp:attachment":[{"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/media?parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/categories?post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/tags?post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}