{"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<p class=\"wp-block-paragraph\">A menudo nos encontramos con clientes que lo primero que te piden para su sitio web es un Slider: <em>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<p class=\"wp-block-paragraph\">La pregunta que siempre hago es: <em>\u00bfpara qu\u00e9?<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>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<p class=\"wp-block-paragraph\">Los Sliders NO sirven para nada.&nbsp; Bueno, mejor dicho, <strong>s\u00ed que sirven<\/strong>, pero para hacer las cosas mal a nivel de <a href=\"https:\/\/birdcom.es\/posicionamiento-web-seo\/\">Posicionamiento SEO<\/a>.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabla de Contenidos<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a6a30b1c390a\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #00B9FB;color:#00B9FB\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #00B9FB;color:#00B9FB\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a6a30b1c390a\"  aria-label=\"Alternar\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/birdcom.es\/blog\/sirven-para-algo-los-sliders\/#%C2%BFQue_es_un_slider_en_WordPress\" >\u00bfQu\u00e9 es un slider en WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/birdcom.es\/blog\/sirven-para-algo-los-sliders\/#Desventajas_de_los_sliders_por_que_no_usarlos_en_tu_web\" >Desventajas de los sliders: por qu\u00e9 no usarlos en tu web<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/birdcom.es\/blog\/sirven-para-algo-los-sliders\/#Lentitud\" >Lentitud<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/birdcom.es\/blog\/sirven-para-algo-los-sliders\/#Utilidad\" >Utilidad<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/birdcom.es\/blog\/sirven-para-algo-los-sliders\/#No_se_lleva_bien_con_los_dispositivos_moviles\" >No se lleva bien con los dispositivos m\u00f3viles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/birdcom.es\/blog\/sirven-para-algo-los-sliders\/#Seguridad\" >Seguridad<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/birdcom.es\/blog\/sirven-para-algo-los-sliders\/#%C2%BFQue_alternativas_hay\" >\u00bfQu\u00e9 alternativas hay?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"gb-headline gb-headline-f5880217 gb-headline-text\"><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_un_slider_en_WordPress\"><\/span>\u00bfQu\u00e9 es un slider en WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">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<h2 class=\"gb-headline gb-headline-6fbc3aa3 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Desventajas_de_los_sliders_por_que_no_usarlos_en_tu_web\"><\/span>Desventajas de los sliders: por qu\u00e9 no usarlos en tu web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"gb-headline gb-headline-6dfaca36 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Lentitud\"><\/span><strong>Lentitud<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sirven para hacer que tu sitio web cargue mucho m\u00e1s lento.&nbsp; 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<p class=\"wp-block-paragraph\">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<p class=\"wp-block-paragraph\"><strong>Core Web Vitals<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\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.&nbsp; \u00bfY qu\u00e9 relaci\u00f3n tiene esto con los sliders? Muy sencillo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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.&nbsp; 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<p class=\"wp-block-paragraph\">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 <a href=\"https:\/\/useo.es\/core-web-vitals\/\" target=\"_blank\" rel=\"noopener\">Juan Gonzalez Villa<\/a>.<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-96b27758 gb-headline-text\"><span class=\"ez-toc-section\" id=\"Utilidad\"><\/span><strong>Utilidad<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Los sliders ocupan un espacio primordial en cualquier sitio web, ya que generalmente suelen estar ubicados despu\u00e9s del header.&nbsp; Se trata de lo primero que ve el usuario al aterrizar en nuestra p\u00e1gina web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gracias a herramientas como Yandex M\u00e9trica y sus grabaciones de comportamiento con la funci\u00f3n \u201cSession Replay\u201d o los&nbsp; Scrolling Map, comprueban que los usuarios le hacen el mismo caso al slider que a \u2026 es decir, nada.&nbsp; Y que lo \u00fanico que hace el slider es estorbar y ocupar un espacio PRIMORDIAL en nuestro sitio web.<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-46b20f1a gb-headline-text\"><span class=\"ez-toc-section\" id=\"No_se_lleva_bien_con_los_dispositivos_moviles\"><\/span><strong>No se lleva bien con los dispositivos m\u00f3viles<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En un mundo donde el tr\u00e1fico Mobile cada vez es superior al Desktop (puedes ver <a href=\"https:\/\/gs.statcounter.com\/platform-market-share\/desktop-mobile-tablet\" target=\"_blank\" rel=\"noopener\">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.&nbsp; 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<h3 class=\"gb-headline gb-headline-62fb83cc gb-headline-text\"><span class=\"ez-toc-section\" id=\"Seguridad\"><\/span><strong>Seguridad<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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<p class=\"wp-block-paragraph\">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.&nbsp; Una brecha de seguridad y hackers con ganas de tocar las narices fueron las causantes de este \u201croto\u201d a nivel global.&nbsp; Puedes consultar m\u00e1s informaci\u00f3n sobre esto, <a href=\"https:\/\/apoyowp.info\/seguridad\/1000-temas-afectados-por-la-vulnerabilidad-de-revolution-slider\/\" target=\"_blank\" rel=\"noopener\">aqu\u00ed<\/a>.<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-f708a064 gb-headline-text\"><span class=\"ez-toc-section\" id=\"%C2%BFQue_alternativas_hay\"><\/span><strong>\u00bfQu\u00e9 alternativas hay?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Las alternativas son m\u00faltiples, solo hay que echarle imaginaci\u00f3n.&nbsp; 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<p class=\"wp-block-paragraph\">La soluci\u00f3n que aplicamos nosotros es personalizada para cada cliente, todo depende de qu\u00e9 ofrece y qu\u00e9 quiere conseguir.&nbsp; Pero hemos comprobado que la manera m\u00e1s eficiente, es la combinaci\u00f3n de diferentes banners que agrupen categor\u00edas de servicios o productos.&nbsp; Con un simple un vistazo, podemos decirle al usuario qu\u00e9 hacemos y cu\u00e1l es nuestra propuesta de valor.&nbsp; Todo ello sin sobrecargar nuestro sitio, 100% mobile friendly y con un dise\u00f1o muy cuidado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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.&nbsp; 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).&nbsp; Seguro que hablando del tema econ\u00f3mico y de sus repercusiones, empieza a entrar en raz\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"\u00bfSirven para algo los sliders?\" class=\"read-more button\" href=\"https:\/\/birdcom.es\/blog\/sirven-para-algo-los-sliders\/#more-29\" aria-label=\"M\u00e1s en \u00bfSirven para algo los sliders?\">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}]}}