Tácticas de crecimiento de editores para la temporada electoral | SEMINARIO WEB
Tácticas de crecimiento de editores para la temporada electoral | SEMINARIO WEB
A través de este módulo, aprenderá qué es la optimización de imágenes, su importancia para el SEO, las mejores prácticas para usarla de manera efectiva y las trampas comunes que se deben evitar al optimizar imágenes.
Duración del vídeo
19:24
Responda la prueba
Tomar cuestionario del módulo actual
Materiales
Plantillas listas para usar
Recursos
Informes y recursos
No hay cuestionarios para mostrar para este módulo.
La optimización de imágenes consiste en aplicar las mejores prácticas a las imágenes que usa en su página para que su contenido se clasifique mejor en las páginas de resultados de los motores de búsqueda (SERP).
Los internautas han mostrado una mayor preferencia por mayor contenido visual . Esto significa que optimizar las imágenes es tan importante como optimizar el texto de tu contenido.
La optimización de imágenes se utiliza para producir imágenes en el mejor formato, tamaño y resolución posibles para mejorar la experiencia del usuario (UX). Para que Google pueda indexar correctamente la imagen y rastrearla, para mostrarla en SERP, la imagen debe optimizarse de acuerdo con las pautas de Google e identificarse adecuadamente con los metadatos relevantes.
En este módulo, profundizaremos en los aspectos más destacados de la optimización de imágenes.
Las imágenes también son contenido. Al igual que con el texto, aparecen en los resultados de búsqueda e influyen en la utilidad de un lector para encontrar su página. He aquí por qué la optimización de imágenes es importante para el SEO.
Para la mayoría de las páginas, las imágenes representan más del 70% de su peso , lo que significa que el uso de imágenes no optimizadas puede ralentizar los tiempos de carga. Dado que la velocidad del sitio es un factor de clasificación importante, esto afecta directamente al SEO. Más allá de la velocidad del sitio, las imágenes no optimizadas también pueden afectar la experiencia del usuario al causar problemas como cambios de diseño.
Estos factores afectan los elementos básicos de la web (CWV) de su sitio que Google utiliza para medir la experiencia de la página.
Para obtener más información sobre los CWV, consulte nuestro módulo de experiencia de página detallada aquí .
La optimización de imágenes implica identificar y etiquetar correctamente las imágenes utilizando texto ALT y datos estructurados, agregando imágenes a Sitemaps y creando nuevos Sitemaps para imágenes . Todos estos ayudan a los rastreadores web a identificar y procesar de manera rápida y correcta las imágenes en una página, mejorando así la velocidad y la eficiencia.
Las búsquedas de Google se están volviendo más visuales , en lugar de ser únicamente sobre palabras clave basadas en texto solas. El número de imágenes en Google se ha disparado en la última década, lo que hace que sea más importante que nunca optimizar su imagen.
Ya en 2018, Google anunció su compromiso de hacer que el contenido visual sea más central en la búsqueda . En consecuencia, Google lanzó varias funcionalidades más nuevas, como subtítulos, datos rápidos y búsquedas relacionadas, todas las cuales dependen en gran medida de las imágenes. Como editor, aprovechar estas características probablemente afectará directamente su SEO y su descubrimiento de contenido.
Eche un vistazo a lo que sucede cuando buscamos la Copa Mundial de la FIFA en Qatar.
Ahora hay un panel lateral dedicado en las imágenes que muestran a la derecha, que aparece justo encima de la entrada de Wikipedia para el término de búsqueda.
Al hacer clic en la pestaña Imágenes, no solo amplía la cantidad de opciones de imágenes navegables, sino que, como podemos ver en el cuadro verde debajo, ahora ofrece un carrusel de términos sugeridos que le permiten filtrar imágenes por su nombre.
El desplazamiento más abajo (como se muestra en la imagen a continuación) revela más recomendaciones para las búsquedas relacionadas que pueden ayudar a reducir los resultados o expandir la consulta.
Tener imágenes de su contenido se clasifica en las imágenes superiores es otra forma para que los editores mejoren el descubrimiento de contenido.
Google también ha estado desarrollando y actualizando Google Lens : su tecnología de reconocimiento de imágenes habilitada para AI que se encuentra en la barra de búsqueda de la aplicación Google para iOS y Android
- Para hacerlo aún más poderoso.
Con Google Lens, los usuarios pueden buscar más información sobre las imágenes, ya sea haciendo clic en una imagen de algo o cargando una imagen almacenada en su teléfono, y luego pidiéndole a Google que mencione coincidencias.
Una característica poderosa de Google Lens es MultISearch, que permite a los usuarios agregar descripciones de texto a las búsquedas de imágenes para facilitar la búsqueda de información visual.
Google también está trabajando para hacer que MultISearch sea más local, lo que significa que los usuarios pueden señalar sus cámaras en algo, subirlo a Google Lens, escribir algunas preguntas y Google mostrará los mejores resultados cerca de su ubicación actual.
A pesar de su importancia obvia, los editores a menudo tienden a luchar con la optimización de la imagen debido a algunos desafíos comúnmente observados.
Cuando se trata de optimizar el contenido para el texto, los editores a menudo saben qué parámetros monitorear y optimizar: palabras clave, pilares de contenido y clústeres, encabezados y títulos, etc.
Sin embargo, cuando se trata de optimización de imágenes, los editores pueden no ser conscientes de qué métricas monitorear y mejorar. Las métricas comunes incluyen el tamaño de la imagen, el tipo de imagen y la velocidad de carga, por nombrar pocas.
Con imágenes de optimización regular para los muchos artículos que crea, hacer esto puede hacer de esta una tarea tediosa. Si bien hay formas de optimizar las imágenes a granel, como el uso de complementos y el uso de un CDN, mantener la calidad de la imagen también es importante. Es un equilibrio que es importante lograr a través de pruebas rigurosas.
Ahora que entendemos qué es la optimización de imágenes y por qué es importante para SEO, podemos comenzar a ver cómo hacer el proceso de optimización.
PNG y JPEG son los dos formatos de imagen más populares y universalmente compatibles . Saber cuál de los dos usar en qué situación es importante.
Si bien PNG funciona bien para capturas de pantalla, gráficos e imágenes con texto en ellos, JPEG es bueno para las fotografías. PNG utiliza compresión sin pérdidas que lo ayuda a retener la calidad de la imagen, mientras que JPEG reduce la calidad de la imagen cada vez que se guarda en el formato.
SVG (formato vectorial escalable) es ideal para logotipos y formas geométricas simples con baja complejidad de imágenes.
Los formatos más nuevos como WebP y AVIF están ganando popularidad rápidamente como alternativas a los formatos anteriores. Si bien ambos formatos proporcionan una resolución de mayor calidad junto con la capacidad de admitir la animación, WebP en particular es compatible con todos los navegadores web y móviles modernos.
En general, sin embargo, PNG y JPEG/JPG siguen siendo los formatos de imagen más populares utilizados por el 81.3% y el 76.6% de todos los sitios web, respectivamente, con SVG siguiendo de cerca, a partir de noviembre de 2022.
El tamaño colectivo de las imágenes en su página tiene un impacto directo en su velocidad de carga. Sin embargo, la compresión no debe dar como resultado una calidad de imagen inferior.
Encontrar el equilibrio correcto entre calidad y tamaño es esencial, pero puede ser engorroso si intenta hacerlo a través de prueba y error. Sin embargo, aquí es donde las herramientas en línea realmente pueden brillar. Las herramientas como Imagemin se pueden usar para comprimir imágenes en varios formatos en escenarios de pérdida y sin pérdida.
El uso del formato correcto también puede ayudarlo a encontrar el balance APT. Por ejemplo, considere usar WebP. WebP es una mejor alternativa a JPEG , ya que puede proporcionar un tamaño de imagen 30% más bajo sin afectar su calidad y resolución.
Si WordPress es su CMS de elección, entonces puede usar un complemento como Smush , Optimus o Imsanity para optimizar sus imágenes. Estos ayudan a comprimir, cambiar el tamaño, las imágenes de carga perezosa y más. También puede considerar reemplazar imágenes animadas como GIF (que pueden ser de tamaño grande) con CSS. La animación y los efectos de CSS pueden ayudarlo a crear imágenes complejas que retienen la integridad y la calidad de la resolución incluso a través de un alto zoom.
Un nombre de imagen ayuda a Google a comprender el contexto de la imagen cuando se trata de clasificarlo en el SERP. Para publicaciones más grandes, no siempre es factible nombrar cuidadosamente todas las imágenes en el sitio. En este escenario, puede crear un mapa del sitio de imagen que pueda ayudar a Google a localizar la imagen, comprender su propósito y indexarla.
Además de los nombres de archivos contextuales, también recomendamos agregar un título y un título para la imagen. Si bien estos son atributos opcionales, complementan su contenido al darle al motor de búsqueda una comprensión más holística de su tema y tema, lo que ayuda a indexar mejor la imagen .
Cómo hacer esto
Los nombres de imágenes deben agregarse en el código fuente de su página. Esto se realiza utilizando el atributo IMG SRC, ya sea manualmente o un complemento CMS.
Si su imagen contiene una fútbol, entonces el código para la fuente de la imagen debe verse algo así.<img src=”football.jpg”/> , que ayuda a Google a comprender lo que contiene la imagen. Por otro lado, código que se ve así<img src=”IMG11082022.jpg”/> es vago y no ofrece ningún contexto.
Cuando las personas no pueden ver sus imágenes, un problema para aquellos con una discapacidad visual o cuando el bajo ancho de banda dificulta las imágenes de sus imágenes, los atributos de texto alternativo ayudan a describir la imagen para ellos. Esto también ayuda a los motores de búsqueda a rastrear e indexar sus imágenes más fácilmente.
Cómo hacer esto
Continuando con el ejemplo desde el punto anterior, el código para el texto alternativo debería aparecer kike así<img src=”football.jpg” alt=""mundo" cup official football on the ground”/> .
Si es un desarrollador experimentado, puede agregar el texto alternativo manualmente en el código de su página. Si usa WordPress, puede seguir estos pasos:
Al agregar datos estructurados a sus imágenes, puede darle a Google la información necesaria para enumerarlos como resultados ricos y fragmentos. Esto brinda a los usuarios más información que les ayudan a elegir qué enlace hacer clic, conduciendo así más tráfico a su página.
En la actualidad, Google admite datos estructurados para imágenes entre productos , videos y de recetas .
Cómo hacer esto
Google recomienda usar JSON-LD para crear scripts de datos estructurados para su contenido e imágenes.
Los datos estructurados se pueden agregar fácilmente utilizando uno de los varios complementos gratuitos o premium, como Schema Pro , Schema.Press , etc. Si agrega datos de estructura de imagen manualmente o mediante un complemento, los pasos implicarán agregar valores para todas las propiedades de imagen relevantes y tipos de datos , validando el código utilizando la prueba de resultados ricos y luego implementando el envío de la imagen de la imagen a Google para que puedan cagas e indexar las imágenes.
Para comprender más sobre los datos estructurados y cómo usarlos, vea nuestro módulo sobre el esquema .
Para aprender a crear y enviar sitios sitios, consulte nuestro módulo detallado en Google News Sitemaps.
La experiencia de la página es un criterio importante que Google usa al clasificar las páginas. Uno de los elementos que componen la experiencia de la página es la velocidad de carga.
Así es como puede optimizar las imágenes para mejorar la velocidad de carga de la página:
En él, solo los recursos críticos se cargan al principio, mientras que otros recursos de baja prioridad se cargan según lo necesario. Los beneficios de la carga perezosa incluyen el tráfico de red reducido y los problemas de ancho de banda asociados y los costos de uso de datos, una mejor legibilidad de páginas largas, una carga reducida de imágenes en línea que no están agregando valor al contenido, etc.
Crear imágenes receptivas
Los usuarios ven imágenes en una variedad de dispositivos. La implementación del atributo SRCSET para diferentes dispositivos permite que la imagen aparezca legiblemente en diferentes tamaños de pantalla. Aquí hay un ejemplo del código IMG Screte:
Hemos cubierto lo esencial de la optimización de imágenes. Sin embargo, los puntos enumerados a continuación también son muy útiles para ayudar a optimizar las imágenes para SEO.
Todas las imágenes del mundo no pueden compensar contenido de baja calidad. El enfoque principal debe ser el contenido destinado a satisfacer las necesidades de los usuarios. Las imágenes deben ser una extensión orgánica y ser utilizada como ayuda en el proceso general de narración de cuentos. Aprovechar su página con imágenes irrelevantes o no relacionadas no aumentará su clasificación.
Por el contrario, Google está en contra de tales prácticas y recomienda usar contenido original tanto como sea posible. El contenido de alta calidad es el más seguro garantizar que su página se clasifique bien en la búsqueda de Google, incluidas las imágenes que usa.
El contenido alrededor de la imagen proporciona información vital a los usuarios y al motor de búsqueda con respecto a la relevancia de la imagen. Google recomienda colocar la imagen más importante cerca de la parte superior de su página.
Si bien es una cuestión de debatir si las imágenes se colocan más abajo en el rango de la página, así como las que hacia la cima, es mejor seguir las pautas de Google sobre el tema.
Es poco probable que todos sus esfuerzos para la optimización de imágenes generen resultados si sus imágenes no son accesibles para Googlebot como resultado de la configuración de robots.txt o sin índice.
Estos le dicen a Google que no indexe o rastree su contenido, lo que a su vez significa que no aparecerá en los resultados de búsqueda. Puede usar la función "Inspeccionar URL" en GSC para probar la accesibilidad del contenido y las imágenes.
Además, también recomendamos verificar si un filtro SafeSearch se aplica a su contenido de alguna manera. SafeSearch es una configuración de usuario proporcionada por Google que permite o bloquea imágenes con contenido explícito y requiere que los sitios etiqueten el contenido de manera adecuada .
Las pruebas no solo son importantes para la capacidad de descubrimiento, sino que también es valioso probar cómo aparecerán sus imágenes en los dispositivos, antes de vivir en la página. Google también ofrece contenido visual inmersivo con historias como parte de su formato de historias web . Si bien esto está específicamente diseñado para traer contenido visual para dispositivos móviles, las imágenes y el texto también aparecen en Google Images y Discover. Puede usar la función "Vista previa del desarrollador" para probar su contenido para una narración más convincente.
Las imágenes gratuitas de derechos de autor están disponibles en varias fuentes como Pixabay, Unsplash y Pexels, por nombrar algunas. Si bien estos pueden ser de uso gratuito, recuerde que la misma imagen puede haber sido utilizada por varios otros creadores de contenido.
Según John Mueller de Google, esto puede dificultar que la imagen se clasifique en la búsqueda de imágenes de Google. En la medida de lo posible, intente usar imágenes originales.
Además de seguir las pautas anteriores, también es importante evitar estas dificultades comunes para optimizar mejor sus imágenes.
Como se mencionó anteriormente, el uso de un texto alternativo descriptivo hace que sus imágenes sean más accesibles para los usuarios. Google tomará el conocimiento de sus atributos de texto alternativos y tenderá a clasificarlos más alto.
Sin embargo, es fácil tener la tentación de empacar en palabras clave con el objetivo de clasificar en SERPS. Esto se conoce como relleno de palabras clave y puede ser perjudicial para sus esfuerzos. No solo puede conducir a una mala experiencia del usuario, sino que Google también puede considerar el spam de su página .
Aquí hay algunos ejemplos de errores para evitar y el texto alternativo realizado correctamente.
Veredicto: Mal, ya que le falta el atributo de texto alternativo
Veredicto: Mal, debido al relleno de palabras clave.
Veredicto: Bien, pero debería ser más descriptivo.
Veredicto: ideal
Si bien Google tiene tecnología de reconocimiento de caracteres ópticos (OCR) incorporados para leer el texto impreso en las imágenes, es posible que no sea 100% preciso cada vez. Además, tanto los usuarios como los motores de búsqueda pueden no ser capaces de descifrar el texto integrado en la imagen.
Si tiene información importante para transmitir, es mejor usar texto en lugar de una imagen.
Probablemente no será posible usar imágenes originales cada vez. En tales casos, es posible que se sienta tentado a usar Google Search para encontrar nuevas imágenes. Sin embargo, algunas de esas imágenes pueden tener derechos de autor, restringiendo su uso. Esto significa que debe verificar los términos de reutilización de la imagen antes de usarla en su página.
Google Images ofrece un filtro conocido como "derechos de uso" para buscar imágenes que vengan con información de licencia etiquetada por el sitio de host o el proveedor de imágenes. Esta característica está disponible en la sección "Herramientas" en el cuadro de búsqueda.
Después de seleccionar la imagen, puede verificar los detalles de la licencia para comprender las implicaciones, los costos (si corresponde) y los requisitos del uso de la imagen.
Como puede ver en la captura de pantalla anterior, bajo los "derechos de uso", las opciones de licencia de los comunes creativos y los comerciales u otros son evidentes.
En general, las imágenes con una licencia Creative Commons son de uso gratuito, pero pueden requerir que se otorgue el crédito y se indique. Las imágenes con una licencia comercial generalmente vienen con un costo de uso. Google recomienda revisar los detalles de la licencia antes de usar cualquier imagen en su página.
La configuración Max-Image-Preview le permite establecer el tamaño máximo para la vista previa de la imagen cuando aparece en SERPS. Si no hay valor para esta configuración, Google mostrará la imagen en su tamaño predeterminado.
Si bien esto se aplica a todas las superficies de Google, como imágenes, busca y descubre, es más pertinente cuando se usa descubrir dónde los formatos más grandes hacen un UX más rico.
El uso de Atributo de vista previa de imagen Max se ha documentado para mejorar el CTR y el tráfico para varios editores. El uso de este atributo le permite a Google mostrar imágenes grandes en la vista previa como están, sin tratar de comprimirlas o cambiar su configuración. Tener imágenes grandes y de alta calidad en la vista previa en sí es más probable que capture el interés de los buscadores.
Las redes de entrega de contenido (CDN) son plataformas de alojamiento subcontratadas que sirven como repositorio para imágenes y otros archivos multimedia. Debido a su infraestructura avanzada que se centra en los problemas de latencia y ancho de banda, pueden ofrecer velocidades de carga de página más rápidas que el material alojado interno. Sin embargo, los beneficios de CDN deben evaluarse para sus necesidades específicas.
Si bien un CDN puede ayudar a resolver algunos problemas técnicos, puede dañar su perfil de vínculo de retroceso. Los vínculos de retroceso son uno de los factores SEO de más alto rango y son valiosos para la apariencia de su sitio en los resultados de búsqueda. Puede obtener más información sobre el valor de los vínculos de retroceso en nuestro módulo sobre el tema.
Cuando aloja una imagen en un CDN en lugar de su propio sitio, cualquier vínculo de retroceso llevará al usuario a la ruta del CDN para la imagen, reduciendo así las visitas directas a su sitio que habría proporcionado un vínculo efectivo.
Un paquete de imágenes es un collage de imágenes de diferentes sitios web que pueden aparecer en Google Serps. Se ven como esto.
Sin embargo, cuando hace clic en cualquiera de las miniaturas, no se enruta automáticamente al sitio de origen. En cambio, se le muestra una ventana de Google Images con una versión ampliada de esa imagen, así.
Solo se trata de hacer clic en la imagen nuevamente, como se ve en el panel derecho de la captura de pantalla arriba, que dejará Google y llegará a la página de origen. En otras palabras, Google Images actúa como intermediario aquí antes de que se complete la acción de enrutamiento.
Si su imagen es parte de un paquete de imagen, Google Search Console (GSC) grabará una impresión para esa imagen cada vez que el paquete se cargue en un SERP. Esto es gracias al atributo de título de su etiqueta de imagen que contiene su URL.
Pero si bien puede registrar una gran cantidad de impresiones, es probable que el número real de clics en su sitio sea mucho más bajo gracias a los paquetes de imágenes de hechos que contienen enlaces de refinamiento de consultas que generan un nuevo resultado de búsqueda de imágenes en Google en lugar de dirigir a los buscadores fuera de la plataforma.
Debido a la forma en que funcionan los enlaces de refinamiento de consultas, así como cómo GSC cuenta las impresiones y los clics, los paquetes de imágenes pueden distorsionar drásticamente su tasa de clics (CTR) para imágenes.
Ahora pasamos a un estudio de caso de un sitio web para deconstruir cómo ha implementado las pautas mencionadas en este módulo para optimizar las imágenes.
Kirbie Cravings es un blog de alimentos con sede en San Diego que ha publicado cientos de recetas en su sitio. Cada receta se acompaña de imágenes vívidas y de alta calidad.
Cuando hacemos clic derecho en la página y vemos su código fuente, vemos la vista de imagen máxima: Atributo grande en el<head> Elemento justo al comienzo del código fuente.
Como resultado, las imágenes de alta calidad del editor aparecen en las vistas previas en Google Surfaces.
Al mismo tiempo, a pesar de ser grandes, estas imágenes no ralentizan el tiempo de carga de la página.
Hacemos clic derecho en la imagen y seleccionamos "Inspeccionar". Esto abre un panel en el lado derecho de la página en la que podemos inspeccionar las propiedades del elemento seleccionado en la página. Vemos lo siguiente para la imagen de arriba:
Vemos dos cosas interesantes aquí:
Como habíamos discutido anteriormente, las imágenes contribuyen con la mayor parte del peso al peso de una página, por lo que mantenerlos es esencial para acelerar la carga de su página.
También hemos discutido la importancia de usar el formato de archivo correcto. Recomendamos .jpg/.jpeg para fotografías, mientras que .png debe usarse para gráficos e imágenes digitales. Podemos ver a continuación que Kirbie Cravings usa .png donde sea que se use imágenes digitales como logotipos e iconos.
A continuación, dentro de este mismo panel de inspección, cuando hacemos clic en "Propiedades", podemos ver que la página ha utilizado la carga perezosa, a pesar del peso relativamente ligero de las imágenes.
Esta página ha optimizado meticulosamente sus imágenes por:
A medida que evoluciona para satisfacer mejor las necesidades de sus usuarios, Google está obligado a agregar/actualizar características y políticas con respecto a la optimización de imágenes y su impacto en los resultados de búsqueda.
Al tener en cuenta las mejores prácticas de la imagen actual cuando se trata de su sitio web, estará mejor posicionado para proporcionar el mejor UX, clasificar más alto en SERP y eventualmente conducir el tráfico a su manera.
Activo ahora
Ver más
