El mejor formato de imagen para el SEO depende del contenido de su infografía. En este artículo, aprenderá cuál elegir y por qué Para mejorar el SEO de su artículo y enriquecer considerablemente su contenido, es muy recomendable utilizar elementos visuales en sus páginas
¿Pero por qué? Pues bien, las «imágenes e ilustraciones» pueden ser una solución para destacar su página con el fin de cautivar al usuario, ilustrar y, en algunos casos, sublimar su contenido. En la mayoría de los casos, los artículos contienen una imagen destacada. Es necesario representar todo su artículo en un solo visual.
Las imágenes pueden exportarse e integrarse en su sitio web de muchas maneras diferentes. Además,una imagen tiene un formato, concretamente el formato de archivo de su imagen. En el mundo del SEO, no puede utilizar cualquier formato de imagen para mostrarla en su página. De hecho, habrá que hacer optimizaciones para tener un formato lo más eficiente posible.
Los beneficios de las imágenes en el SEO
Para los motores de búsqueda, las imágenes pueden considerarse como una fuente adicional de contenido. El hecho de que una imagen esté en una página web deja claro que su SEO dependerá de ella. Si su página no tiene imágenes, la optimización interna de su página no será máxima. Por lo tanto, es aconsejable utilizar los elementos visuales con mucha frecuencia. Si desea saber más sobre los beneficios de los elementos visuales en su sitio web, especialmente desde el punto de vista del SEO, le invitamos a leer consejos para referenciar sus imágenes ¡!
Para una experiencia de usuario más agradable
En el mundo del SEO, hay muchos factores a tener en cuenta para posicionarse en Google. Entre la tasa de rebote, la tasa de clics y la profundidad del contenido, hay que tener en cuenta varios elementos, pero uno es fundamental La experiencia del usuario. En efecto, una imagen debe ser representativa del artículo, debe ser interesante y no debe estropear la experiencia de su visitante
Para una mejor experiencia, le invitamos a centrarse en la calidad de sus infografíass, pero también para no «exagerar». Si la imagen puede ofrecerle un contenido diverso, no puede ofrecerle un contenido más rico e interesante que el texto. Google no puede leer sus imágenes
Sin embargo, Google tiene en cuenta las experiencias pasadas de los visitantes de su páginay así sacar conclusiones. Por ejemplo, ¿su anterior visitante se detuvo en su imagen para leer la infografía? ¿O su usuario abandonó repentinamente la página tras la aparición de una imagen? Como puede ver, las imágenes son esenciales, pero sobre todo dedicado a sus visitantesy no sólo para los robots de indexación.
Para mostrar datos estructurados que hacen que quiera
En los resultados de búsqueda de Google, que podría llamarse SERP : Los datos estructurados se utilizan para mostrar información de una páginay de una manera muy especial. Gracias a esta información enriquecida, podrá hacer que los usuarios quieran hacer más clics ¡!
La visualización de los datos es muy gráfica. Hay varios tipos, como las recetas o las barras de búsqueda. El formato de datos estructurados que contiene una imagen es probablemente el más utilizado en la web. Las imágenes son el tipo de datos estructurados más fácil de configurar, ¡especialmente en WordPress!
Formatos para utilizar en su sitio web
Ha creado su hermosa infografía o ha tomado una foto real y le gustaría integrarla en su sitio web. Sin embargo, no sabe qué tipo de imagen elegir. Que no cunda el pánico, aquí le damos los mejores consejos y una explicación de los principales y más recomendables formatos
Para entender cómo funciona una imagen, utilizaremos dos términos técnicos, bien conocidos por los diseñadores de gráficos por ordenador: Formatos de archivos vectoriales, y formatos de archivos rasterizados
Un formato vectorial simplemente incluye su ilustración como vectormientras que un formato rasterizado comprende píxeles. Una imagen pixelada tarda mucho más en ser computada por un ordenador que una imagen rasterizada. Pero de nuevo… ¡depende de su contenido!
- El peso de una imagen pixelada se calcula sobre la dimensión de este últimoy más precisamente en el el número de píxeles que contiene
- Para las imágenes vectoriales, es en función del número de vectoresy el número de puntos de anclaje información sobre su ilustración que se tiene en cuenta.
Formato PNG
El formato PNG es uno de los más conocidos en la web. Con este formato de archivo de imagen, puede integrar un objeto o una silueta sin integrar necesariamente el fondo de la misma Esto es específico para el uso de una herramienta de recorte: Puede usarla para recortar una parte de una fotoy exportarlo sobre un fondo transparente
Sin embargo, las imágenes en formato .PNG pueden ser muy pesadas y, por tanto, tardan mucho en ser cargadas por el navegador del cliente. Por ello, le recomendamos que compruebe el peso de cada imagen PNG en su sitio web. Para optimizar el peso de su archivo PNG, no dude en utilizar PhotoShop para exportar el archivo, ajustando el tamaño de su visual
Por último, si su imagen tiene un fondo pero está en formato PNG, le invitamos a elegir el siguiente formato de esta lista.
Formato JPG
El formato JPG es el más conocido en la web. Es un formato rasterizado, por lo que está totalmente pixelado. Cuanto mayor sea el tamaño, mayor será el número de píxeles y, por tanto, ¡mejor será la calidad! Por otro lado, también puede ser muy pesado en ciertos casos, especialmente cuando el tamaño de su imagen es demasiado grande, o cuando el formato JPG no está comprimido
Por desgracia para las páginas web, este último escenario puede ralentizar considerablemente su sitio. Esto es lo que veo en la mayoría de los sitios web: imágenes JPG que no están optimizadas… Así que tendrá que centrarse en la relación calidad/peso de su imagen, reduciendo su tamaño, por ejemplo. Reduciendo considerablemente el tamaño de su imagen, ganará en pesoya que habrá menos píxeles en su imagen. Por otro lado, observe que la calidad de la imagen se deteriora a medida que avanza
Sigue siendo importante mantener una calidad de imagen óptima para la experiencia del usuario de su página. No querrá leer un artículo de gran calidad y encontrarse con una imagen que no le aporte ningún valor… Así que asegúrese de que su imagen JPG tiene el tamaño óptimo para su página web, con el fin deoptimice la velocidad de su página.
Formato SVG
El formato SVG es un formato vectorial, que simplemente incluye un código HTML y permitepara mostrar una ilustración vectorial en un sitio web. Puede, por ejemplo, crear su ilustración en el software Adobe Illustratory exporte este archivo en formato .SVG para integrarlo en sus líneas de código. Muy práctico, le permite integrar fácilmente un logotipo, un icono o cualquier tipo de ilustración vectorial. La calidad de su imagen se optimizará al máximo gracias al formato SVG
Además, si tiene conocimientos de CSS, ¡puede configurar cualquier animación en su imagen en SVG! Sin embargo, si su ilustración incluye muchos vectores, las líneas de código que integran su archivo SVG serán numerosas, por lo que no siempre es óptimo. Esto debe comprobarse para cada ilustración y es usted quien debe decidir. Por defecto, el CMS de WordPress no admite archivos SVG, tendrá que utilizar una extensión, recomendamos la compatibilidad con SVG por su sencillez.
Formato WEBP
El formato WEBP es comparable al formato JPG. Sin embargo, el la compresión de los archivos WebP es impresionante. Le permite recuperar un máximo de datos de su imagen, optimizando su código interno, y esto, para establecer una reducción del peso de su imagen. El único problema del formato WEBP es que no es legible y comprensible por algunos de los principales navegadores
Safari en iOS es uno de ellos. En este caso, puede integrar ambos formatos, y hacer que el usuario descargue el WebP si su navegador lo permite, o un .JPG si es la única solución. En WordPress, puede utilizar el plugin Imagify, que le permite convertir un archivo JPG en un archivo WebP automáticamente Todo lo que tiene que hacer es instalarlo, y subir sus imágenes como de costumbre, ¡el plugin se encarga de todo!
Formato GIF
Y por último, el formato GIF, totalmente adaptado a la animación. Si quiere crear una bonita animación, puede utilizar Photoshop, por ejemplo, y crear una línea de tiempo con sus diferentes capas. El único problema es que los formatos GIF son pesados y muy a menudo de mala calidad
Si tiene conocimientos de CSS/SVG/JS, le aconsejamos que utilice el formato SVG e incluya su animación independientemente de su archivo. El formato GIF es en cierto modo varios archivos PNG seguidos. Debido a las nuevas tecnologías de los últimos años, el formato .GIF está muy mal visto por la mayoría de los profesionales, sin embargo, algunos todavía lo utilizan. Esto se debe probablemente a su facilidad para crear animaciones
¿Imágenes contextuales o de fondo?
En un artículo, o más concretamente en una página web (de navegación, informativa o comercial), tendrá inevitablemente imágenes para para ilustrar su contenido, pero también imágenes de fondo ¡!
Estos dos tipos de imágenes no deben codificarse de la misma manera. Para Google, una imagen contextual es mucho más importante y pretende ser referenciada en Internet. Para distinguir entre ambos, utilizaremos dos métodos. Aquí están
- Imagen contextual: Simplemente codificaremos su imagen en HTMLpara definir el contenido de la imagen. Esta es la línea de código que debe añadir a su página web:
- Imagen de fondo: En esta ocasión, el uso de HTML está descartado. Debemos recurrir a cSS para definir el estilo de su página. El atributo background-image está dedicado a este tipo de uso. He aquí un ejemplo: background-image:url(my-image.jpg)
Conclusión
El mejor formato de imagen es probablemente WEBP para las fotografías, y .SVG para los logotipos sencillos con pocos vectores. El método de compresión es tedioso en los archivos WEBP y la calidad de la imagen sigue siendo muy buena
Sin embargo, algunos navegadores no lo permiten, por lo que tendrá que utilizar un acondicionador de imágenes en HTML. Para comprimir estas imágenes en JPG, le aconsejamos que utilice Photoshop o un software de compresión de imágenes fácil de usar
Por último, no tome este artículo como una generalización, todo puede depender de lo que incorpore su imagen y la forma en que se carga en su sitio. Por último, y esto… con un buen consejo, no dude en utilizar las funciones de caché de imágenes
Además, puede ser conveniente utilizar un carga perezosa » para cargar su imagen en el momento adecuado El objetivo aquí es mostrar a su visitante una imagen cautivadora, sin destruir su experiencia de usuario. Más concretamente, debería evite a toda costa una carga lenta de su página ¡!
