{"id":31762,"date":"2024-11-12T12:39:32","date_gmt":"2024-11-12T12:39:32","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31762"},"modified":"2025-03-23T12:19:02","modified_gmt":"2025-03-23T12:19:02","slug":"Thumbnails","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/es\/wiki\/Thumbnails","title":{"rendered":"Thumbnails"},"content":{"rendered":"

\u00bfQu\u00e9 son las thumbnails o miniaturas?<\/span><\/h2>\n
\n
\"Thumbnail\"<\/a> <\/p>\n
Imagen:<\/b> Thumbnail – Autor: Seobility – Licencia: CC BY-SA 4.0<\/a><\/div>\n<\/div>\n<\/div>\n

Las thumbnails, miniaturas o thumbs son versiones reducidas de im\u00e1genes que se muestran en lugar de las originales con la intenci\u00f3n de ofrecer una vista previa.\n<\/p>\n

El t\u00e9rmino se utilizaba originalmente para describir las im\u00e1genes f\u00edsicas o dibujos considerablemente peque\u00f1os. Pero no fue sino desde la d\u00e9cada de los 80 que se comenzaron a emplear las miniaturas como vistas previas para las im\u00e1genes digitales.\n<\/p>\n

Hoy en d\u00eda su estructura es ampliamente conocida y se componen de una imagen o thumb acompa\u00f1ada de un link que, al clicar en \u00e9l, ampl\u00eda la imagen a su tama\u00f1o original o conduce a la p\u00e1gina donde se encuentra todo el contenido.\n<\/p>\n

\u00bfC\u00f3mo se usan los thumbnails?<\/span><\/h2>\n

Google emplea los thumbnails en la b\u00fasqueda de im\u00e1genes para poder mostrar m\u00faltiples im\u00e1genes en una sola p\u00e1gina en menor tiempo, brindando una vista generalizada de los resultados de b\u00fasqueda.\n<\/p>\n

De este modo, al clicar sobre el thumb, se carga la versi\u00f3n maximizada de la imagen junto con m\u00e1s informaci\u00f3n y un enlace al sitio web donde se aloja.\n<\/p>\n

Su uso est\u00e1 tan generalizado que incluso Google y otros buscadores principales muestran las miniaturas directamente en sus SERPs y en el Knowledge Graph de Google<\/a>.\n<\/p>\n

\"Thumbnail\"\n<\/p>\n

Captura de pantalla mostrando thumbnails en los resultados de google.com<\/a>\n<\/p>\n

\"Knowledge\n<\/p>\n

Captura de pantalla del knowledge graph de Google para el resultado de pinguinos en google.com<\/a>\n<\/p>\n

Por su parte, las empresas emplean los thumbnails en sus sitios webs para crear galer\u00edas, por ejemplo, con una vista global de sus productos, referencias o con ejemplos de diferentes usos. Asimismo, los y las artistas y fot\u00f3grafas emplean los thumbnails para proporcionar sus portfolios y presentar sus trabajos.\n<\/p>\n

Igualmente, en las tiendas online, los thumbs tienen diferentes usos. Por ejemplo, pueden brindar una primera impresi\u00f3n de los productos que incluye una categor\u00eda o detalles de la calidad del producto con im\u00e1genes desde diferentes \u00e1ngulos en la ficha de cada art\u00edculo. Es m\u00e1s, las miniaturas tambi\u00e9n act\u00faan como recordatorios junto a cada producto que se env\u00ede al carrito de la compra.\n<\/p>\n

Igualmente las plataformas de v\u00eddeo como YouTube tambi\u00e9n utilizan im\u00e1genes en miniatura para ofrecer vistas previas descriptivas del contenido de los v\u00eddeos. De hecho, esta es pr\u00e1cticamente la \u00fanica forma en la que estos medios han desarrollado sus layouts, mediante una navegaci\u00f3n a trav\u00e9s de thumbnails.\n<\/p>\n

\u00bfPor qu\u00e9 usar los thumbnails?<\/span><\/h2>\n

Las dimensiones reducidas de los thumbnail permiten mostrar r\u00e1pidamente muchas im\u00e1genes en una misma p\u00e1gina, por ejemplo, en las p\u00e1ginas de categor\u00edas de una tienda online. En este aspecto, las miniaturas indican a la audiencia qu\u00e9 esperar cuando hacen clic en una imagen.\n<\/p>\n

Adem\u00e1s, los thumbnails son la base del mensaje para las plataformas de v\u00eddeo y funcionan como una especie de banner publicitario para alentar a las personas a ver el contenido completo.\n<\/p>\n

\u00bfC\u00f3mo crear thumbnails?<\/span><\/h2>\n

Se pueden crear thumbnails con cualquier editor de im\u00e1genes. Sin embargo y en el caso de trabajar con gestores de contenidos<\/a> como WordPress, estos programas generan los thumbs autom\u00e1ticamente al cargar una imagen.\n<\/p>\n

En otras ocasiones, dependiendo del formato del thumbnail y del contenido de la imagen, lo m\u00e1s recomendable es recortar la secci\u00f3n de la imagen original que sea m\u00e1s sugerente. As\u00ed, por ejemplo, es mejor recortar que redimensionar una miniatura pues, al convertir una imagen rectangular en un thumbnail (que suelen ser cuadrados), se puede distorsionar la imagen o verse poco atractiva.\n<\/p>\n

A diferencia de las miniaturas para v\u00eddeos, las vistas previas para fotos no suelen contener textos, puesto que ser\u00eda dif\u00edcil de leer en un tama\u00f1o tan peque\u00f1o. En su lugar, se podr\u00eda incluir un logo para aumentar el reconocimiento de la empresa o marca ante el p\u00fablico.\n<\/p>\n

En cualquier caso, sea como sea la miniatura y el formato, hay que testear su visualizaci\u00f3n en diferentes pantallas y con distintos tama\u00f1os y resoluciones.\n<\/p>\n

Importancia de las miniaturas para el SEO<\/span><\/h2>\n

Como se ha mencionado, una ventaja de los thumbnails es que son de tama\u00f1o mucho m\u00e1s reducido que el original y, como tal, necesitan menos ancho de banda y cargan con mayor rapidez.\n<\/p>\n

Por lo tanto, menores tiempos de carga implican menores tasas de rebote<\/a>, especialmente para quienes ingresan desde dispositivos m\u00f3viles. Dicho as\u00ed, como la tasa de rebote es un factor de ranking importante para los buscadores, crea un impacto positivo en el posicionamiento web.\n<\/p>\n

Por otro lado, sabiendo que la b\u00fasqueda de im\u00e1genes de Google emplea los thumbnails en sus resultados, contar con una previsualizaci\u00f3n de alta calidad de la imagen a mostrar, mejora exponencialmente la tasa de clics<\/a> y el tr\u00e1fico web<\/a>.\n<\/p>\n

En el caso particular de las tiendas online, aunque tambi\u00e9n en otros sitios web, las miniaturas ayudan a estructurar el contenido, puesto que pueden desplegar mucha informaci\u00f3n en muy poco espacio e incentivar al p\u00fablico a clicar.\n<\/p>\n

De igual forma, como las im\u00e1genes son m\u00e1s amigables en t\u00e9rminos de comprensi\u00f3n, los thumbs ayudan a incrementar el tiempo de permanencia o dwell time de las y los visitantes, siendo una se\u00f1al de ranking para Google, pues indica que el sitio web es relevante.\n<\/p>\n

Marco legal de las miniaturas<\/span><\/h2>\n

Vale destacar que los copyrights tambi\u00e9n se aplican a los thumbnails de la misma manera que a las im\u00e1genes originales, por lo que se deben respetar las regulaciones respecto al uso de im\u00e1genes externas en un sitio web para evitar problemas. En general, lo ideal es mencionar a su creador o creadora a un lado de la imagen o en un cr\u00e9dito separado, cuando se utilicen.\n<\/p>\n

Sin embargo, muchas y muchos autores no permiten la edici\u00f3n de sus im\u00e1genes cuando ya se han publicado (a cambio de una licencia o tarifa gratuita) para uso comercial o privado. En este caso, se deben obtener los permisos de uso por parte de la autora o autor tanto para trabajar con la imagen original como con sus thumbnails.\n<\/p>\n

Ampliar conocimientos<\/span><\/h2>\n