viernes, junio 21, 2024
No menu items!
InicioMarketingConsejos de SEO de im√°genes para poner en pr√°ctica

Consejos de SEO de im√°genes para poner en pr√°ctica

Velocidad de la página y experiencia del usuario: dos factores de clasificación cruciales para cualquier página, y puedes lograr o deshacer ambos con el SEO de imágenes.

El SEO de imágenes es tan importante que Google crea herramientas y documentación sobre el tema, pero mucha gente todavía lo ignora. El SEO de imágenes se refiere a cualquier estrategia que pueda aumentar su tráfico orgánico a través de las imágenes que coloca en su sitio web. Desde cómo la imagen complementa el contenido de su página hasta el tipo de formato de imagen que utiliza, casi todos los aspectos de una imagen pueden ayudarlo a generar más tráfico orgánico cuando utiliza las prácticas de SEO adecuadas.

Las im√°genes pueden afectar tu SEO de tres formas principales: velocidad de la p√°gina, tr√°fico org√°nico de Google Im√°genes y experiencia del usuario. Si no optimiza sus im√°genes correctamente, corre el riesgo de ralentizar la velocidad de carga de su p√°gina, perder tr√°fico de la b√ļsqueda de im√°genes y crear contenido menos atractivo para sus usuarios. Cada uno de estos problemas puede da√Īar sus esfuerzos generales de SEO, por lo que si desea una p√°gina bien optimizada, deber√° incluir estos 10 consejos de SEO de im√°genes que hemos aprendido de Google para optimizar constantemente las im√°genes en todo su sitio.

Consejos para mejorar la velocidad de la p√°gina

Seg√ļn Google, si la velocidad de su p√°gina pasa de uno a tres segundos, un 32% m√°s de usuarios abandonar√°n su p√°gina. Es por eso que Google considera la velocidad de la p√°gina un factor clave de clasificaci√≥n; otorga gran importancia a la experiencia del usuario. Las im√°genes pueden contribuir a tiempos de carga prolongados, as√≠ que utilice estos consejos de formato de im√°genes para reducir la velocidad de carga general y mejorar una de las m√©tricas clave de la experiencia del usuario de Google.

1. Elija el formato de imagen correcto

Los formatos de imagen importan: pueden afectar el tama√Īo, la calidad y la usabilidad de las im√°genes en diferentes navegadores web. Cuando se trata de formatos de imagen, hay muchos para elegir, pero hay tres que debes conocer: JPEG, PNG y WebP. JPEG (tambi√©n llamado JPG) y PNG son las dos opciones de formato de imagen m√°s populares porque existen desde hace mucho tiempo y se ejecutan en todos los principales navegadores web.

Los beneficios de JPEG son:

  • Tama√Īos de archivo m√°s peque√Īos que PNG
  • Ideal para fotograf√≠as en las que la ligera p√©rdida de calidad durante la compresi√≥n no ser√≠a perceptible
[Image Source]

Los beneficios de PNG son:

  • Perfecto para im√°genes m√°s grandes o arte digital m√°s complicado
  • Los fondos se pueden hacer transparentes.

En resumen, las im√°genes JPEG tienen tama√Īos de imagen m√°s peque√Īos y tiempos de carga m√°s r√°pidos, pero en algunos casos, la compresi√≥n de JPEG provoca una p√©rdida notable en la calidad de la imagen. En estos casos, PNG es una mejor opci√≥n que JPEG.

Sin embargo, tanto JPEG como PNG existen desde los a√Īos 90 y muchas cosas han cambiado en t√©rminos de formatos de imagen desde entonces. Para llevar su juego de im√°genes al siguiente nivel, considere usar WebP, un formato de imagen de pr√≥xima generaci√≥n.

WebP tiene mejor calidad de imagen y archivos que se pueden comprimir para cargar más rápido que los JPEG y PNG. WebP es la mejor opción para páginas web sobre otras opciones de próxima generación como JPEG 2000 y JPEG XR porque WebP ahora es compatible con todos los principales navegadores, incluidas las actualizaciones más recientes de Safari.

2. Utilice la compresión de imágenes

La compresi√≥n de im√°genes ayuda a reducir el tama√Īo del archivo de las im√°genes, lo que agiliza el proceso de carga. El truco de la compresi√≥n de im√°genes es encontrar el equilibrio adecuado entre la calidad de la imagen y el tama√Īo del archivo. Algunos cambios, como reducir la cantidad total de colores utilizados en una imagen, pueden reducir mucho el tama√Īo del archivo y mantener alta la calidad de la imagen. Otras p√©rdidas de datos pueden ser m√°s notorias.

Afortunadamente, el creador de contenido promedio o el especialista en SEO no necesita comprimir im√°genes. Busque en Google ‚Äúcompresor de im√°genes‚ÄĚ y obtendr√° una lista de herramientas gratuitas que pueden comprimir sus im√°genes por usted; no se necesitan conocimientos especializados. Tambi√©n puede consultar esta lista de compresores gratuitos para encontrar la herramienta que mejor se adapte a sus necesidades.

ūüĒ• Leer:  $6,523 en Enero Ingresos Extras y METAS

3. Implementar im√°genes responsivas

Las im√°genes responsivas hacen que el tama√Īo de sus im√°genes se adapte a cualquier pantalla que est√© utilizando ese usuario en particular. Esto no solo ayuda con la experiencia del usuario y el uso del dispositivo m√≥vil, sino que tambi√©n le ayuda a disminuir la velocidad de la p√°gina porque solo carga la cantidad de im√°genes que necesita. Por ejemplo, seg√ļn Google, ‚Äúlas im√°genes del tama√Īo de un escritorio [served] a dispositivos m√≥viles pueden utilizar entre 2 y 4 veces m√°s datos‚ÄĚ, lo que da como resultado velocidades de p√°gina m√°s lentas.

Las im√°genes responsivas pueden modificar su tama√Īo y relaci√≥n de aspecto para que se ajusten a cualquier dispositivo. [Image Source]

La implementaci√≥n de im√°genes responsivas ser√° diferente seg√ļn su sistema de gesti√≥n de contenidos (CMS). Algunos CMS, como Wix, ya tienen elementos de imagen responsivos integrados, por lo que no necesitas hacer nada en absoluto. En el caso de WordPress, depende del tema que est√©s utilizando o de los complementos que hayas instalado. Consulte la documentaci√≥n de su CMS para descubrir c√≥mo puede utilizar im√°genes responsivas en su sitio.

Si necesita agregar im√°genes responsivas manualmente, consulte esta gu√≠a de Google, que lo guiar√° a trav√©s del proceso de cambiar el tama√Īo y codificar im√°genes para que pueda ofrecer la mejor imagen posible a cada usuario, seg√ļn su dispositivo.

Cuando haya terminado, independientemente del método que haya utilizado, verifique su trabajo con la prueba Core Web Vitals o Mobile-Friendly de Google, las cuales se pueden encontrar en Google Search Console.

4. Pruebe la carga diferida

La carga diferida es una t√©cnica que permite que las p√°ginas web se carguen cuando los usuarios las necesitan. Entonces, en lugar de cargar toda la p√°gina de una sola vez, la carga diferida cargar√° solo lo que las personas necesitan y luego cargar√° otros recursos si los usuarios se desplazan hacia abajo hasta ellos. Puedes implementar la carga diferida de varias maneras, pero la m√°s sencilla es a nivel del navegador, aunque esto s√≥lo funciona para usuarios de Chrome y Firefox. Simplemente agregue el atributo de carga a su elemento de imagen y config√ļrelo en lazy. El resultado deber√≠a verse as√≠:

…

[Image Source]

Aunque la carga diferida debería ayudar a la mayoría de los sitios web, puede salir mal si no eres inteligente con tu implementación. Por ejemplo, nunca debes cargar de forma diferida ninguna imagen o elemento que aparezca en la parte superior de la página porque estos son los elementos que deberán cargarse cada vez que alguien haga clic en tu enlace.

También debe incluir imágenes de marcador de posición en cada imagen que se carga de forma diferida. Las imágenes de marcador de posición hacen que su página web no cambie cada vez que se carga una nueva imagen. Para evitar estos errores, lea las mejores prácticas de Google para la carga diferida y para no crear accidentalmente nuevos problemas al intentar mejorar su sitio.

Consejos para mejorar el rastreo

Las im√°genes se clasifican igual que las p√°ginas, por lo que al crear im√°genes √ļtiles y optimizarlas adecuadamente, puede comenzar a generar tr√°fico org√°nico. Pero a los rastreadores web les resulta m√°s dif√≠cil encontrar y comprender im√°genes porque a√ļn no pueden comprenderlas. En cambio, dependen de los datos relacionados con esas im√°genes. Utilice estos consejos para ayudar a crear contexto en torno a sus im√°genes y ayudar a los robots de Google a comprenderlas y rastrearlas mejor.

5. Agregue títulos descriptivos, subtítulos, nombres de archivos y textos alternativos

Al cargar una imagen en su sitio web, tiene la opci√≥n de incluir una serie de detalles de la imagen que tienen el beneficio de ayudar a los rastreadores y motores de b√ļsqueda a comprender su imagen. Estos detalles incluyen:

  • Titulo de la imagen: Un nombre de t√≠tulo agregado que debe describir qu√© es la imagen en t√©rminos claros.
  • Subt√≠tulo: Una descripci√≥n que se encuentra debajo de la imagen y que agrega contexto.
  • Nombre del archivo: El nombre del archivo de imagen que est√°s subiendo.
  • Texto alternativo: Se utiliza para describir una imagen para personas con discapacidad visual.

Si es posible, debes utilizar cada uno de estos lugares como una oportunidad para incluir palabras clave relevantes para tu imagen. Sin embargo, siempre debes asegurarte de que las palabras clave que incluyas encajen de forma natural.

Agregar estos detalles ser√° diferente seg√ļn su CMS, pero no deber√≠a ser demasiado complicado. Por ejemplo, con WordPress, simplemente vaya a su Biblioteca multimedia, haga clic en la imagen que desea editar y luego agregue la informaci√≥n en las l√≠neas correspondientes.

[Image Source]

Para nombres de archivos de imágenes, simplemente busque el archivo de imagen en su computadora, haga clic derecho, presione cambiar nombre y agregue un título descriptivo con guiones (-) entre cada palabra.

Un ejemplo de algunos nombres de archivos descriptivos que ayudan a Google a comprender de qué se trata la imagen.

Título frente a texto alternativo

La mayor diferencia entre los dos es que los subt√≠tulos son visibles en la p√°gina publicada, pero el texto alternativo no. El texto alternativo describe su imagen para los motores de b√ļsqueda y algunos lectores de pantalla conf√≠an en √©l para hacer la imagen m√°s accesible. El t√≠tulo suele estar justo debajo de la imagen y puede agregar contexto o comentario a la imagen.

ūüĒ• Leer:  C√≥mo realizar una auditor√≠a de Instagram en 10 sencillos pasos

Aunque esto parece relativamente sencillo, mucha gente todavía tiene problemas para hacerlo bien. Por ejemplo, esta imagen del Everest de la revista GQ:

[Image Source]

titulo de la imagen: N / A

Subt√≠tulo: La fotograf√≠a viral, un preludio del d√≠a m√°s mort√≠fero en a√Īos en el Everest. Nirmal Purja Proyecto Posible Ltd.

Nombre del archivo: monte-everest-gq-hombre-del-a√Īo-2019-lede.jpg

Texto alternativo: Esta imagen puede contener naturaleza Monta√Īa Pico Aire libre Cordillera Persona humana Nieve Hielo Deporte y deportes

GQ hace un buen trabajo aqu√≠, pero hay mucho margen de mejora. En primer lugar, no incluyeron un t√≠tulo de imagen, lo cual, aunque no es crucial, es una peque√Īa oportunidad perdida. En segundo lugar, su texto alternativo no es √ļtil para las personas que no pueden ver la imagen. Los textos alternativos est√°n dise√Īados para ayudar en la accesibilidad web. Su primer objetivo es ayudar a las personas a comprender la imagen, y si se fuerza una palabra clave all√≠, Google podr√≠a considerarlo relleno de palabras clave.

Debemos se√Īalar (t√≠midamente) que SpyFu no hace un buen trabajo con el texto alternativo. Las limitaciones en nuestra plataforma de blogs existente no permiten agregar texto alternativo. Realmente esperamos realizar actualizaciones que corrijan este problema sin arruinar la estructura de nuestro blog. (Poni√©ndolo ah√≠ en el universo)

6. Planifique la estructura de URL de su archivo de imagen

Cada imagen que utiliza en su sitio web tiene una estructura de URL de archivo, de modo que cuando un usuario accede a su p√°gina web, se obtienen los archivos de imagen correctos. Google recomienda que ‚Äúorganices[e] el contenido de su imagen para que las URL se construyan l√≥gicamente‚ÄĚ porque Google mira esta ruta de archivo para ayudarlo a comprender lo que contiene la imagen.

Básicamente, la URL de un archivo es la dirección de su imagen en Internet. Muchas URL de archivos de imágenes tienen este aspecto:

https://images.theconversation.com/files/168121/original/file-20170505-1693-ymh4bc.jpg?ixlib=rb-1.1.0&038;q=45&038;auto=format&038;w=926&038;fit=clip

Esto es increíblemente complicado y puede resultar difícil para los robots entender de qué se trata esta imagen o incluso si es una imagen.

En su lugar, es mejor limpiar las URL de sus archivos para que sean m√°s descriptivas y quede claro que son im√°genes. Por ejemplo, si tienes un sitio web que vende zapatos, puedes clasificar la URL de tu imagen de Air Jordan 2021 de esta manera:

shoe-business.com/running/nike/2021airjordan.jpg

La URL contiene palabras clave que ayudarían a Google a comprender la imagen y termina en una extensión de archivo .jpg, por lo que queda claro que es una imagen. Con sus propias URL de archivos, no es tan importante cómo las organiza, siempre y cuando mantenga la coherencia, de modo que sea más fácil para los robots encontrar y clasificar las imágenes en su sitio.

7. Agregue im√°genes a su mapa del sitio o cree un mapa del sitio con im√°genes

Para que a los robots de Google les resulte lo m√°s f√°cil posible encontrar sus im√°genes e indexarlas, puede incluirlas en su mapa del sitio actual o crear un mapa del sitio de im√°genes √ļnico. Los mapas de sitio ayudan a los motores de b√ļsqueda dici√©ndoles lo que hay en su sitio web en un documento f√°cilmente legible. Generalmente, los mapas de sitio se utilizan para p√°ginas, pero tambi√©n se pueden crear para im√°genes, de modo que los rastreadores sepan qu√© im√°genes hay en su sitio y d√≥nde est√°n.

Por lo general, la mejor opción para la mayoría de los sitios web es simplemente crear un mapa del sitio con imágenes independientes. Esta opción es generalmente mejor porque cuando agrega imágenes a su mapa de sitio existente, requiere que edite su mapa de sitio para cada imagen que desee agregar. Por ejemplo, agregar dos imágenes a una sola página en su mapa del sitio podría verse así:

[Image Source]

Cualquiera cuyo sitio web reciba mucho tr√°fico de im√°genes deber√≠a crear un mapa del sitio con im√°genes √ļnico para ahorrarse algo de trabajo. Si desea crear un mapa del sitio con im√°genes usted mismo, puede seguir esta gu√≠a que lo ayudar√° a crear uno usando la herramienta Screaming Frog. Sin embargo, tambi√©n hay muchas otras herramientas y complementos gratuitos en l√≠nea que pueden hacer el trabajo por usted si no tiene la confianza suficiente para hacerlo usted mismo.

Consejos para mejorar la experiencia del usuario

Google quiere crear una excelente experiencia de usuario para sus buscadores. Esto significa que las im√°genes de su p√°gina no pueden simplemente verse bien; tambi√©n deben desempe√Īar un papel valioso en el contenido de su p√°gina. Cuanto m√°s puedan sus im√°genes ayudar a los usuarios a obtener valor de su sitio, m√°s lo recompensar√° Google, tanto en los resultados de las im√°genes como en la clasificaci√≥n de las p√°ginas.

ūüĒ• Leer:  Revisi√≥n de CJ Affiliate 2024: ¬ŅUna red de afiliados confiable?

8. Utilice im√°genes originales y de alta calidad

Cualquiera puede descargar una imagen de archivo y agregarla a su sitio web. Las im√°genes de archivo o las de almacenes de im√°genes son √ļtiles en caso de necesidad, pero no ser√°n tan atractivas como algo hecho a medida. Cuando crea sus propias im√°genes, puede asegurarse de que sean espec√≠ficas y que tengan todo lo que necesitan para complementar el valor √ļnico que su p√°gina brinda a los lectores.

Al dise√Īar sus propias im√°genes, tenga en cuenta estas caracter√≠sticas de dise√Īo clave:

  • Utilice im√°genes de alta calidad sin borrosidades
  • No coloques informaci√≥n crucial dentro de tus im√°genes, ya que no todos podr√°n acceder a ellas.
  • En caso de duda, mantenga sus im√°genes simples, limpias y significativas.

Si no eres fot√≥grafo o dise√Īador, considera usar una herramienta creativa como Canva que facilita arrastrar y soltar elementos en plantillas ya preparadas.

Canva se puede utilizar para crear f√°cilmente infograf√≠as profesionales como esta sobre el az√ļcar. [Image Source]

Si est√°s pensando en hacerte cargo del dise√Īo gr√°fico de tu sitio web y tienes poca experiencia, intenta realizar un curso para aprender los conceptos b√°sicos del dise√Īo. Los sitios web como Udemy o los v√≠deos de YouTube pueden ayudarle a comprender c√≥mo crear im√°genes sencillas y potentes para su sitio web que atraigan a sus lectores.

Todo eso puede resultar poco realista teniendo en cuenta sus recursos: tiempo, familiaridad y presupuesto. Si buscar im√°genes en l√≠nea es m√°s adecuado para usted, considere algunos de estos consejos para la b√ļsqueda avanzada de im√°genes.

9. Cree contexto en sus p√°ginas para im√°genes

Las im√°genes deben complementar el contenido que las rodea y viceversa. Ninguno de los dos deber√≠a ser necesario para comprender adecuadamente al otro, pero deben ubicarse y discutirse de manera que los dos juntos brinden una mejor comprensi√≥n de cada uno. Cuando se hacen correctamente, las im√°genes potentes acompa√Īadas de un texto excelente crean un contenido apasionante. Google tambi√©n puede mirar el texto alrededor de su imagen para comprender mejor de qu√© se trata, lo que tambi√©n ayuda a que su imagen se clasifique mejor.

Entonces como haces esto?

Primero, desea priorizar la informaci√≥n y las im√°genes m√°s importantes en la parte superior de la p√°gina. Esto mejora la capacidad de b√ļsqueda porque los usuarios pueden encontrar lo que buscan m√°s r√°pido. Tambi√©n ver√°n la calidad y relevancia de tu p√°gina, anim√°ndolos a seguir leyendo tu trabajo.

En segundo lugar, debe respaldar sus imágenes configurándolas con su texto. Si tiene una imagen de la nueva Macbook Pro, a cada lado de esa imagen debe haber información sobre la MacBook Pro. Este es un ejemplo de cómo no para configurar una imagen con texto.

La imagen no se acerca a respaldar lo que describe el p√°rrafo inicial. [Image Source]

La imagen es fant√°stica, pero el texto que la precede habla de ‚Äúmultitudes de templos‚ÄĚ y de la vida callejera en Bali. Esta imagen de escena de playa no encaja en el contexto de la secci√≥n y deber√≠a haberse utilizado en otro lugar o haberse eliminado por completo.

Al respaldar sus im√°genes con texto relevante, ayuda a los lectores a aprovechar m√°s sus art√≠culos y, al mismo tiempo, ayuda a los robots a comprender mejor su imagen. Es un peque√Īo cambio, pero puede ayudar a que sus im√°genes se destaquen y mejoren la calidad del trabajo que produce.

10. Mejorar la calidad general de la p√°gina

Cuando Google considera imágenes en su página, la calidad general de la página es un factor de clasificación. Cuando mejora la calidad de la página, las imágenes de su página también mejorarán.

Para mejorar la calidad de su p√°gina, considere agregar valor adicional a los usuarios de estas maneras:

  • Mejor calidad de escritura
  • Investigaciones originales, entrevistas o opiniones de expertos.
  • An√°lisis en profundidad
  • Interfaz f√°cil de usar
  • V√≠nculos de retroceso a fuentes autorizadas

La calidad de la página se reduce al valor; Cualquier forma en que pueda agregar valor a los lectores con su sitio es una oportunidad para mejorar la calidad de su página y el SEO de su imagen. Para asegurarse de que está haciendo todo lo posible, considere leer nuestra guía de EAT y nuestra auditoría de optimizaciones en la página. Ambos recursos pueden ayudarle a encontrar formas de mejorar la calidad de su sitio y crear sitios web a los que los usuarios regresen una y otra vez.

Comprueba dos veces cómo te ha ido en Google Search Console

Google quiere que usted tenga éxito en la creación de una mejor experiencia de página para los usuarios. Para ayudarlo, han creado pruebas en Google Search Console que pueden auditar la usabilidad móvil, la velocidad de la página y los elementos básicos de la web. Estas pruebas se pueden utilizar para verificar muchas de las optimizaciones de imágenes que hemos descrito aquí para que sus ajustes lo ayuden a usted y a sus usuarios, y no causen problemas en su sitio debido a una implementación deficiente. Aprenda cómo encontrar la información que necesita para mejorar su sitio web en nuestra guía de Google Search Console.

Recomendamos

Populares