Tamaño de imagen válido para el marcado de fragmentos JSON-LD

Tamaño de imagen de PC y AMP para marcado de fragmento JSON-LD válido

Actualizado 7.20.2021

Este artículo lo ayudará a saber cómo elegir el mejor tamaño de imagen para los fragmentos enriquecidos que se prueban con código JSON válido, así como las mejores prácticas básicas para las imágenes utilizadas en sus páginas web y publicaciones.

En un reciente hangout de webmasters, John Mueller de Google habló sobre cómo el gigante de las búsquedas planea usar la búsqueda de imágenes para tareas más transaccionales, más educativas y más relacionadas con la búsqueda en 2020 y más allá. Hemos visto el aumento de imágenes en Rich Cards y otros fragmentos de funciones enriquecidas que incluyen elementos visuales y esperamos que esto continúe. Esto significa que tener un tamaño de imagen válido es más importante que nunca.

Vayamos a sus preguntas clave de inmediato.

¿Las imágenes en las páginas de AMP tienen requisitos de tamaño?

Si. Cada página web debe tener al menos una o preferiblemente múltiples imágenes de alta resolución que tengan un mínimo de 800,000 píxeles al multiplicar el ancho por el alto. El aspecto de ancho debe ser un mínimo de 800 px.

¿Qué significa esta advertencia: tamaño de imagen más pequeño que el tamaño recomendado?

Una página se marca con esta notificación y se evalúa como una página menos que ideal porque contiene una o más imágenes con un tamaño inferior al recomendado. Por lo general, esta advertencia se extrae de la imagen destacada.

Si su empresa quiere ganar visibilidad en el carrusel de noticias de Google, las historias principales o los carruseles de productos, por ejemplo, requiere dimensiones de imagen específicas para un diseño adecuado. También asegura que cuando el buscador llega a la página, puede esperar una imagen de calidad para respaldar el tema.

¿Cuál es el beneficio de cumplir con las especificaciones de imagen de AMP?

• Al seguir estas pautas, es más probable que sus artículos obtengan una ubicación destacada en fragmentos destacados y en la parte superior de los resultados de búsqueda. No afecta la indexación de páginas HTML estándar.
• Al cumplir con las recomendaciones mínimas, su contenido multimedia respalda sus posibilidades de tener un artículo destacado en el carrusel de AMP.
• Más a menudo que nunca, las personas comienzan una búsqueda realizando una búsqueda de imágenes. al respetar lo que funciona mejor para que los motores de búsqueda encuentren y muestren su contenido, puede ganar nuevos negocios.

¿Las imágenes de logotipo también tienen requisitos de tamaño para AMP?

Si. Existen requisitos básicos de formato de logotipo, dimensiones y relleno para las páginas de AMP. El logotipo debe caber dentro de un cuadro de 60 x 600 píxeles; sin embargo, se renderizará en el carrusel de AMP con un tamaño de 16 x 160. Los logotipos de AMP deben tener las dimensiones de un cuadro de 60 x 600 píxeles.

IMAGEN DEL LOGOTIPO DEL SITIO

Para comprender el uso general de las imágenes en el esquema, 'logotipo' y 'foto' se clasifican como subpropiedades de 'imagen'. El uso correcto significa obtener más control sobre lo que se completa en Google Knowledge Graph de una empresa .

Cada sitio web tiene un logotipo (o debería tener uno), y el marcado correcto del logo permite a los web masters decirle a Google qué imagen quieren usar en su pantalla Knowledge Graph.

Las Directrices de imágenes de Google dicen: “Puede especificar qué imagen debe usar Google como logotipo de su organización en los resultados de búsqueda y en el Gráfico de conocimiento. Para hacer esto, agregue el marcado de la organización schema.org a su sitio web oficial que identifique la ubicación de su logotipo preferido”.

La capacidad de una empresa para avanzar en su posición en las SERP continúa creciendo, y los algoritmos de Google ahora dependen más de esta forma de marcado . Schema.org proporciona una lista de sus nuevos lanzamientos. El esquema para las imágenes se ha proporcionado durante algún tiempo. La versión 1.7 del 8 de julio de 2014 declaró: "Esta versión modifica la propiedad de la imagen y señala que ImageObject tiene un valor razonable". Y se está desarrollando rápidamente, por lo que las empresas tienen más oportunidades de utilizar el marcado.

Google actualiza sus Directrices de imágenes de datos estructurados

Google está adoptando un enfoque más estructurado con detalles en su imagen de datos estructurados para el uso de imágenes.

Hemos comenzado a hacer copias de la página de productos de Google Devoloper para realizar un seguimiento de cómo se actualizan estas pautas y comparar variaciones. Al realizar un análisis del comportamiento del consumidor, observe qué segmento de audiencia llega a su sitio a través de una búsqueda de imágenes.

Ya sea para un negocio local, recetas, marcado de productos , libros, eventos, películas de televisión, etc., cada uno necesita una atención especial ahora a sus pautas de imagen. Algunos tipos de datos se han actualizado de una propiedad recomendada a un tipo requerido.

Las pautas anteriores que teníamos eran escasas y decían poco más que dar una imagen; sin embargo, las personas que implementan el esquema ahora deben cumplir con las nuevas pautas, que son mucho más descriptivas. Una nueva directriz es obvia: " Las URL de las imágenes deben ser rastreables e indexables ".

Anteriormente solo necesitábamos proporcionar una URL para cada imagen. Ahora Google indica que quiere "Campo repetido de ImageObject o URL". Si bien algunas de nuestras páginas no contenían una imagen, las nuevas pautas dicen: "Cada página debe contener al menos una imagen y no especifica que esta es solo para páginas y publicaciones que incluyen marcado de esquema. La diferencia puede significar si su contenido se muestra o no en las Google Cards populares .

Google recomienda usar content=”max-image-preview:large” para fomentar la clasificación en Google Discover para las URL que no son AMP.

Google detecta entidades web con una imagen local

Google está profundizando en el mapeo de entidades locales y filtra indicaciones de que está a punto de llevar la búsqueda de imágenes a un nivel completamente nuevo.

Pero ahora sabemos que Google seleccionará la imagen que prefiere mostrar en los resultados de búsqueda teniendo en cuenta la proporción y la resolución de cada imagen. Es interesante que ahora se haga referencia a la "resolución", lo que indica un reconocimiento de que los usuarios aprenden mucho sobre una página a partir de las imágenes que se usan en ella y Google está especificando más sobre qué factores importan en la selección de imágenes. Realice una auditoría completa del sitio web para conocer las posibilidades de mejorar la forma en que sus imágenes se pueden usar de manera más efectiva en la búsqueda visual.

Cualquier imagen antigua no es útil para los espectadores, por lo que, naturalmente, sabíamos desde el principio que las imágenes deben ser relevantes para el contenido marcado con un esquema. Un cambio claro es que Google ahora revela que prefiere una variedad de imágenes en diferentes relaciones de aspecto. Al igual que el gran contenido, sus imágenes deben estar centradas en el consumidor y atraer a su audiencia . Aprendemos que, "Para obtener los mejores resultados, proporcione múltiples imágenes de alta resolución (mínimo de 800K píxeles al multiplicar el ancho y el alto) con las siguientes relaciones de aspecto: 16 × 9, 4 × 3 y 1 × 1".

Si está utilizando la propiedad de imagen thumbnailUrl , entran en juego las mismas pautas, incluida la recomendación de relaciones de aspecto múltiples. No todo ha ido en la dirección de ser más específicos. Mientras que antes la televisión y las películas necesitaban una imagen con "un mínimo de 140 px de ancho por 210 px de alto, con una relación de aspecto de 2:3", actualmente, tales especificaciones se reemplazan por estos nuevos formatos de imagen "estándar", lo que significa que Google pide "16 × Relaciones de aspecto de 9, 4×3 y 1×1".

Los webmasters que se enfrentan a la tarea de volver atrás, actualizar y reemplazar la imagen anterior para cumplir con las nuevas solicitudes de imágenes de datos estructurados de Google se alegrarán de saber que las pautas de imágenes de artículos no han cambiado. Mantienen la misma especificación para el ancho de píxel de la imagen: la URL de una imagen que es representativa del artículo. Solo se debe especificar una imagen marcada que pertenezca directamente al artículo. Anteriormente, las imágenes debían tener al menos 696 píxeles de ancho; asegúrese de mantenerse actualizado con las mejores prácticas de Google para tener una mejor oportunidad de que sus imágenes aparezcan en Google Maps .

IMAGEN DEL ARTÍCULO

Como se encuentra actualmente exactamente en las Directrices de Google: “ImageObject; requerido (AMP), recomendado (no AMP)

Pautas de imagen adicionales:

• Solo se debe especificar una imagen marcada que pertenezca directamente al artículo.
• Las imágenes deben tener al menos 1200 píxeles de ancho (anteriormente 696 píxeles de ancho).
• Cada página debe contener al menos una imagen (independientemente de si incluye marcado o no). Google elegirá la mejor imagen para mostrar en los resultados de búsqueda según la relación de aspecto y la resolución.
• Las URL de las imágenes deben ser rastreables e indexables.
• Las imágenes deben representar el contenido marcado.
• Las imágenes deben estar en formato .jpg, .png o. formato gif.
• Para obtener los mejores resultados, proporcione varias imágenes de alta resolución (mínimo de 800 000 píxeles al multiplicar el ancho por el alto) con las siguientes relaciones de aspecto: 16×9, 4×3 y 1×1.

Cómo obtener un artículo ideal, un blog y una imagen de publicación de blog en sus publicaciones de Google

Los sitios de comercio electrónico pueden aumentar las ventas con un esquema de imagen de producto correcto.

Este es un ejemplo de cuándo su sitio puede beneficiarse del uso correcto de las imágenes. Cuando se publica una nueva publicación en Google, puede incluir una imagen llamativa en el enlace que se genera. Google presenta una vista previa, o fragmento de SERP, que actualmente consiste en el título de la página, una breve descripción y una imagen en miniatura para llamar la atención del espectador.

Cada imagen en una página debe tener una etiqueta alt que se relacione con el tema de la página y admita la intención de búsqueda coincidente .

Google proporciona detalles extensos sobre la representación de una imagen de artículo.

A partir del 6 de enero de 2017, se nos solicitó tener marcado de esquema de imagen con un tamaño de imagen según las siguientes pautas:

* La imagen tiene al menos 400 px de ancho

* La imagen tiene una relación de aspecto de no más de 5:2 (ancho:alto).

Cuando su imagen +Snippet no se muestra

Google revela una posible razón por la cual: “Las imágenes que son demasiado pequeñas o no lo suficientemente cuadradas no se incluyen en el +Snippet, incluso si las imágenes están explícitamente referenciadas por microdatos de schema.org o marcado Open Graph. Específicamente, la altura debe ser de al menos 120 px, y si el ancho es inferior a 100 px, la relación de aspecto no debe ser superior a 3,0".

TAMAÑO DE IMAGEN DE VÍDEO MINIATURA

Los usuarios de Internet están elevando el nivel de consumo de contenido de video . Lo que eso significa para usted implica que marcar su sitio web con piezas web de video con datos estructurados ayudará a la búsqueda semántica de Google con un punto de entrada para descubrir y ayudarlo a hacer coincidir las consultas de búsqueda con sus videos relevantes disponibles en línea.

Se debe proporcionar una thumbnailUrl que indique el archivo de imagen en miniatura del video que se puede mostrar en las páginas de resultados del motor de búsqueda (SERP). “Las imágenes deben tener al menos 160×90 píxeles y como máximo 1920×1080 píxeles. Recomendamos imágenes en formato .jpg, .png o .gif. Todas las URL de imágenes deben ser rastreables e indexables. De lo contrario, no podremos mostrarlos en la página de resultados de búsqueda”, afirma actualmente Google.

Se ofrecen las siguientes mejores prácticas de miniaturas personalizadas para el tamaño y la resolución de la imagen de video: “Su imagen en miniatura personalizada debe ser lo más grande posible, ya que la imagen también se usará como imagen de vista previa en el reproductor integrado. Recomendamos sus miniaturas personalizadas:

* Tener una resolución de 1280×720 (con un ancho mínimo de 640 píxeles).

* Cargarse en formatos de imagen como .JPG, .GIF, .BMP o .PNG.
Permanezca por debajo del límite de 2 MB.

* Trate de usar una relación de aspecto de 16: 9, ya que es la más utilizada en los reproductores y vistas previas de YouTube ".

Su contenido de video son imágenes que son altamente visibles y demandadas por los usuarios de Internet. Tómese el tiempo para seleccionar la imagen de portada que anuncia el contenido de su video. Maximice el impacto de sus imágenes en la página y en la búsqueda para agregar interés y fomentar la participación de los usuarios.

CARRUSEL DE IMÁGENES DE AMP

Utiliza el archivo amp-carousel-0.1.js y width: 100% . Los codificadores confían en el carousel de tipos para mostrar una lista de imágenes de tamaño similar como una tira continua. El componente amp-carrusel hace un uso ideal de los espacios de pantalla más pequeños en los teléfonos inteligentes para permitir que los espectadores móviles elijan entre múltiples miniaturas similares de contenido que se ofrecen al hacer clic en una imagen a lo largo de su eje horizontal.

El artículo de RelayMedia titulado Spread the Carousel Love ,** comienza diciendo: “Cualquier editor que dude acerca de AMP debe considerar la oportunidad que está perdiendo. Básicamente, no hay riesgo en publicar artículos de AMP, y mucho que ganar en términos de prominencia de búsqueda y aprendizaje".

Estamos viendo un uso más amplio del carrusel de imágenes de productos. Se trata de bienes inmuebles de alto valor para autores de libros, cineastas, personajes famosos y tiendas de comercio electrónico. Y se espera que su uso crezca.

La página AMP por ejemplo usa 400 px de ancho por 300 px de alto para cada imagen del carrusel.

GALERÍA DE IMÁGENES SIN AMP

Página no AMP con galería de imágenes de datos estructurados

Si su sitio aún no está listo para los beneficios de AMP, las páginas que no son de AMP también pueden convertirse en un resultado enriquecido en una lista de resultados ricos en SERP o en un carrusel que muestra páginas web similares que no son de AMP. Los resultados enriquecidos pueden incluir títulos e imágenes. Aunque Google intenta extraer suficiente información automáticamente, para que los sitios puedan calificar para tales funciones, si la página web ha implementado correctamente los datos estructurados, puede ayudar a los motores de búsqueda a interpretar mejor su contenido y mejorar su probabilidad de obtener una imagen de tarjeta enriquecida o un carrusel de imágenes. resultado. Los datos de esquema se han convertido en prácticas fundamentales de SEO .

Una imagen en miniatura relevante para la Cosa


"primaryImageOfPage": {
"description": "Indicates the main image on the page.",
"$ref": "file://imageobject.json"
},
"image": {
"oneOf": [
{
"$ref": "file://imageobject.json"
},
{
"type": "string",
"format": "uri"
}
],
"description": "An image of the item. This can be a href=\"https://schema.org/URL\">URL or a fully described href=\"https://schema.org/ImageObject\">ImageObject."
},
"thumbnailUrl": {
"type": "string",
"description": "A thumbnail image relevant to the Thing.",
"format": "uri"
},


El repositorio de formularios de esquema JSON de Github es un sitio ideal en el que participar para obtener ejemplos de código y contribuir a la expansión de esta área de la web. Dado que Google se preocupa mucho por las consultas de búsqueda con intención transaccional; Están surgiendo y expandiéndose nuevos tipos de marcado de esquema de comercio electrónico .

Por qué los sitios deben optimizarse para la búsqueda de imágenes

Rand Fishkin informó sobre su análisis de la búsqueda de imágenes de Google en un artículo del 14 de marzo de 2017 titulado El estado del comportamiento de los buscadores revelado a través de 23 estadísticas notables .

Rand informó su análisis de la búsqueda de imágenes de Google en los datos de Jumpshot y Moz y descubrió que:

• Google Image Search, la segunda plataforma de búsqueda más utilizada, inmediatamente después de Google.com en el primer lugar.

• Sus búsquedas son más que las 10 principales propiedades web restantes juntas.

• Más de 10 veces más que cualquier búsqueda en Bing o Yahoo.

• Suman más de 40 veces el número de búsquedas de imágenes dentro de la plataforma de Facebook.

Rand afirmó que "debido a que las personas se sienten naturalmente atraídas por las imágenes y porque Google usa los datos de los clics para mostrar específicamente las imágenes que obtienen la mayor participación", se están produciendo más clics desde el bloque de imágenes. Con el uso cada vez mayor del marcado JSON, agregar este esquema correctamente brinda a los sitios que administramos una visibilidad mejorada en las SERP.

Los detalles exactos y especificados de la imagen se encuentran en las pautas del esquema de Google

Gran parte de la tecnología innovadora actual para el reconocimiento de imágenes depende de la tecnología de aprendizaje profundo , una forma avanzada de aprendizaje automático y el éxito creciente de la inteligencia artificial. Anteriormente, los profesionales de la búsqueda semántica necesitaban adherirse a pautas menos rígidas cuando usaban la propiedad de image para el marcado de esquema que se aplica a LocalBusiness , un artículo y un artículo de noticias. Inicialmente, solo era necesaria una URL de imagen. Luego declaró que "[una] URL, o una lista de URL que apuntan a los archivos de imagen representativos", junto con sugerencias. Muchas de las primeras sugerencias ahora se han convertido en reglas, en particular para los artículos.

Las pautas revisadas ahora buscan asegurarse de que la visibilidad de la imagen en sí agregue valor a la página. Si bien GoogleBot no lo ve con el ojo humano, el gigante de las búsquedas ahora dice que la imagen debe ser "[l]a imagen representativa del artículo... que pertenece directamente al artículo".

Prioriza las imágenes dentro de tu pilar de contenido evergreen . Dado que un artículo puede tener varias imágenes en su interior; esto elimina las conjeturas del proceso de selección de un motor de búsqueda cuando se muestra el artículo con un fragmento de imagen adjunto. También es interesante que se indique un tamaño mínimo: “[i]mágenes deben tener al menos 696 píxeles de ancho”. Uno puede suponer que esto apunta al valor de una imagen en la página y que no debería ser un tamaño de miniatura molesto.

La condición actual de que se debe incluir el alto y el ancho de la imagen apunta al hecho de que una declaración de URL simple para la image ya no se admite para fragmentos enriquecidos de artículos y producirá un error crítico. No hay ningún error en suponer que esto es parte del empujón de Google para ayudar a los webmasters a pasar a páginas móviles aceleradas (AMP). Los elementos de AMP están destinados a cargarse rápidamente y muchos se eliminan o definen cuando se trata del diseño de un artículo móvil. Incorpore la teoría AMP para mejorar las experiencias de los usuarios en su diseño de UX.

Cuando las dimensiones de la imagen se agregan explícitamente, le da a Google la capacidad de representar correctamente las imágenes asociadas con los artículos de AMP en diferentes dispositivos. Intenta "reemplazar las referencias de imágenes con imágenes del tamaño de la ventana gráfica del espectador". Esta es una de las razones por las que una imagen puede salirse de los límites cuando se ve una versión AMP en una PC. No se realiza el cambio de tamaño de imagen porque está lista para las medidas de la pantalla más grande. Debe tenerse en cuenta como un requisito básico de su diseño web interactivo .

Si bien anteriormente el requisito de amp-img de que la etiqueta "debe incluir un ancho y alto explícitos", ahora lo mismo es universal para las computadoras de escritorio. Para los diseñadores web que se basan en el uso de URL relativas para la inserción de imágenes, deben ajustarse a AMP, donde la declaración de URL de ImageObject requiere una URL absoluta en lugar de la versión de URL relativa. Esto tiene sentido cuando se consideran las tareas que tiene un navegador para mostrar una página web. En conjunto, solo ralentiza a Google al tener que analizar el código para calcular las dimensiones de la imagen.

Después de todo, la intención de AMP es cargar las páginas más rápido. Eso viene de los usuarios que no quieren esperar. Entonces, ¿por qué no simplemente ofrecer los datos de la imagen por adelantado? El SEO efectivo es la optimización para una mejor experiencia de usuario , y la velocidad es importante para ellos.

CARRUSEL DE PRODUCTOS IMÁGENES DE COMERCIO ELECTRÓNICO

A menudo, se trata de elegir qué página es mejor para agregar un marcado estructurado a una imagen. Impleméntelo en la página de producto individual en su carrito de compras en lugar de la página de categoría con varios productos enumerados. Esto evitará confusiones para los posibles compradores.

La imagen que se encuentra en un fragmento enriquecido válido y en un resultado de búsqueda de imágenes puede ser rica en información del producto que los compradores de comercio electrónico desean. NOTA: su diseñador web puede mostrar carruseles de productos en cualquier área de su sitio web de comercio electrónico utilizando una función de diseño de carrusel de productos; eso es diferente de que Google opte voluntariamente por mostrar su producto en el uso del carrusel en los resultados enriquecidos de comercio electrónico móvil .

Formas de estipular las dimensiones de la imagen JSON-LD

Según el escenario, intente anotar su marcado primero con JSON-LD, a menos que las pautas especifiquen un formato diferente como preferible.

Cuando se usa el marcado JSON-LD, los valores de imagen sin el uso de comillas son "números", mientras que los valores expresados ​​entre comillas son "cadenas". Eso significa que un codificador debe ser deliberado para evitar las comillas cuando el resultado deseado es un valor numérico.

Una forma común de estipular el alto y el ancho de una imagen es "width": "600px" , pero para muchos navegadores modernos, eso plantea el problema del valor esperado para el "ancho", ya que espera "Distancia" o "Valor cuantitativo". . Google ha cambiado las pruebas que incluyen "ancho": "600 px" a:


"width":{
"@type":"Intangible",
"name":"600px"
}

Esto todavía carece de información sobre qué tipo de unidad de medida se está utilizando. Intente sustituir "Distancia" usando algo como esto:


"width":
{
"@type":"Distance",
"name":"600 px"
}

Piense más allá del punto de obtener un marcado válido aquí, ya que todavía deja cierta ambigüedad en cuanto a la unidad de medida y obliga a los motores de búsqueda a tratar de descubrir qué significa usar "px". Nuestra preferencia es usar la herramienta de datos estructurados Linter , le gustan las imágenes que usan "QuantitativeValue" en su lugar:

"contentSize":"298 Bytes",
"width": {
"@type": "QuantitativeValue",
"value": "700"
},
"height": {
"@type": "QuantitativeValue",
"value": "490"
}
},

Las URL que describen entidades de imagen deben ser estables y no depender de datos variables. Este ejemplo de marcado de imagen se interpretará como una referencia, en lugar de un literal de cadena, porque (en el momento de la publicación), el contexto JSON-LD de schema.org define que la imagen sea del tipo @id:
Ejemplo de fragmento de contexto de schema.org para codificar una imagen JSON:

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
Si no se expresan como tales en un contexto remoto, los términos dados pueden (re)definirse en un contexto local:

Ejemplo de relación de imagen escrita:

{
"@context": ["https://schema.org", {
"image": { "@id": "schema:image", "@type": "@id"}
}],
"id": "https://www.wikidata.org/wiki/Q22686",
"type": "Person",
"name": "Donald Trump",
"givenName": "Donald",
"familyName": "Trump",
"jobTitle": "President-elect of the United States of America",
"image": "https://en.wikipedia.org/wiki/Donald_Trump"
}

Dado que las personas se identifican tan bien con las imágenes y la búsqueda de imágenes de Google está creciendo, es importante entender cómo las imágenes representan su negocio y construyen su marca .

El marcado JSON ayuda a comprender los componentes visuales de un artículo

Dado el aumento de la búsqueda visual , este es un aspecto importante del SEO. Si un sitio está en la plataforma de WordPress y se basa en un complemento para representar el marcado estructurado, pueden surgir problemas en los que necesite corregir la propiedad de la imagen. En este caso, comúnmente se debe a que se debe usar una imagen destacada para la página o publicación. Puede valer la pena codificar a mano su esquema si los complementos tienen problemas de compatibilidad y problemas de código obsoleto.

Sin esta configuración, el complemento no reconoce qué foto representa mejor el contenido de ese artículo. El complemento depende de esta información para agregar ImageObject junto con sus dimensiones de tamaño. Ya sea que su sitio se base o no en complementos, algunas de sus mejores herramientas de SEO para solucionar problemas se encuentran en Google Search Console .

Aaron Bradly de SEO Skeptic recomienda que "los beneficios que Google espera obtener del marcado de artículos, en general, es la capacidad de manipular mejor los artículos en el ecosistema de Google debido a una mejor comprensión de los componentes y la procedencia de un artículo, en lugar de usar el marcado para comprender mejor de qué se trata un artículo.”*******

Ahora combine ese pensamiento con la afirmación familiar de que una imagen vale más que mil palabras, y combine una poderosa selección de imágenes con los datos estructurados de esquema apropiados a su alrededor.

NOTA: Use una coma para señalar más propiedades por venir. Por ejemplo, esto es necesario cuando se incluyen varias imágenes. La última propiedad "imagen" no usa una coma. Pruebe su nuevo código y asegúrese de que los errores se hayan reemplazado con la sintaxis correcta.

SUGERENCIAS DE IMÁGENES ADICIONALES

Lo siguiente es únicamente la opinión de Hill Web Marketing y además de tener un tamaño de imagen válido:

1. Cuando sea posible, evite la fotografía de archivo

Muchos clientes preguntan qué tipo de imagen deberían usar. Elija una imagen con personas si es posible; un individuo de aspecto feliz levanta el ánimo del espectador, quizás inconscientemente, son poderosos. Los rostros humanos y el lenguaje corporal cuentan una historia, lo que la hace convincente. ¿Alguna vez has notado cómo un niño mira descaradamente? Es natural mirar caras más que cualquier otro tipo de imagen. Cada página web debe tener imágenes de personas, o al menos una imagen .

Los visitantes del sitio pueden reconocer inmediatamente una imagen de stock. Tales imágenes de personas parecen ser las peores infractoras, ya que simplemente no se sienten genuinas. No desconfíe demasiado de simplemente usar la cámara de su teléfono inteligente. Las imágenes que se componen de una iluminación inmaculada, salas de oficina impecables, retocadas con un perfeccionismo irreal y que están compuestas por un 50/50% de personas étnicamente diversas en ellas, simplemente no son la forma en que sucede la vida.

Dado el poder de una imagen, invierte en un poco de fotografía profesional original. Vístete elegante pero aún así, luce natural para el día de la foto. A menos que sean deslumbrantes, evita editar las imperfecciones menores; una imagen que transmita esteticismo es más importante que mostrar un estado de ser "pulido".

El error más común que se comete al usar fotografías de archivo es elegir imágenes aleatorias en lugar de aquellas que estén lo suficientemente relacionadas con el tema del artículo o publicación de blog. Para salvaguardar su dependencia de las imágenes de archivo, si compra, vaya a un sitio como Getty Images o Fotolia, donde la calidad general de las fotos es mayor. Asegúrese de tener imágenes que puedan impulsar la participación del consumidor en sus campañas de Google Ads .

Después de realizar un estudio del uso de imágenes en 41 blogs dentro de diferentes nichos en línea, Neil Patel****** concluyó que “En promedio, cuando una publicación de blog usaba una imagen de fotografía de archivo, recibía 152 tweets y 83 Me gusta en Facebook”. Observe cómo su imagen contribuye o distrae con sus plataformas sociales y, si es necesario, contrate a un administrador de marketing de redes sociales profesional .

2. Para imágenes de carga más livianas, use compresión

Observe que en la imagen de la parte superior de nuestra página, el fondo está difuminado, lo que reduce la resolución en esos espacios, mientras que es posible dejar un aspecto de mayor resolución en el punto focal de este gráfico, la mujer.

Hay muchas listas de recursos en línea de herramientas que ayudan con la compresión de imágenes. Pruebe más de uno para decidirse por su proceso preferido para codificar mejor sus imágenes, entregando la imagen idéntica con la menor cantidad de bytes, sin caer en la sobreoptimización. Lo importante es probar, probar y probar el código correcto que cumpla con los requisitos de la imagen JSON.

Por adelantado, sepa qué formato de foto usar que funcione mejor para comprimir imágenes. Por ejemplo, convertir un archivo GIF (no animado) en una imagen PNG reduciría su promedio en un 21 %. Guy Podjarny *** declara que “convertir un archivo PNG (no transparente) a JPEG puede ofrecer ahorros aún mayores, a menudo reduciendo el tamaño del archivo entre 3 y 5 veces. Los nuevos formatos como WebP y JPEG XR pueden ir aún más lejos y comunicar la misma imagen con un 25-50 % menos de bytes”.

3. Solucionar problemas que impiden cargar imágenes más rápido

Luego hay más en qué pensar: cómo se cargan sus imágenes es el trabajo que tiene que hacer un navegador, lo que determina qué tan rápido se pueden mostrar sus imágenes. Los diseñadores web que dependen de CSS con instrucciones extensas, JavaScript para administrar gráficos o confían en los complementos de WordPress para hacer parte del trabajo, a menudo complican indebidamente las cosas. Cada aspecto debe examinarse cuidadosamente, lo que se logra mejor en una auditoría técnica de SEO de todo el sitio .

4. Las imágenes deben ajustarse a la intención y el tema de la página

Se necesita más tiempo para ser intencional, pero especialmente la imagen principal de una página debe ajustarse claramente a la intención de una página.

Neil también informó que al usar gráficos e imágenes de tablas, recibió la mayor cantidad de trackbacks. “En promedio, recibieron un 258 % más de trackbacks que las publicaciones de blog con otros tipos de imágenes”.

Agregar más imágenes a páginas con contenido de formato largo puede ayudar a romper bloques de texto largos y fortalecer su punto.

Las imágenes en sus páginas de destino merecen una atención especial, ya que son clave para impulsar las ventas. Es posible que las publicaciones que contienen datos de imágenes no atraigan la atención masiva, pero tienen su propio mérito desde una perspectiva educativa y comercial. Agregan valor a los blogs de nicho de instrucción (como este) y con frecuencia obtienen un enlace a ellos. Solo con fines de investigación, un gráfico incrustado, procesable o estático, en realidad puede aumentar su valor. Cuando algunas formas de contenido gráfico quedan anticuadas después de varios años, Neil descubrió que "otros blogs seguirán vinculando publicaciones ricas en datos con gráficos, independientemente de la antigüedad de las publicaciones".

Hubspot dice, "si una imagen relevante se combina con la misma información, las personas retienen el 65% de la información". El artículo del 3 de enero de 2017, 2 estadísticas de marketing de contenido visual que debe conocer en 2017 . *

5. Utilice gráficos en 3D dibujados a mano e imágenes animadas

Use un tamaño de imagen válido para todas las marcas JSON-LD calificadas.

Los gráficos en 3D dibujados a mano o las imágenes animadas son populares y generalmente tienen menos peso, especialmente cuando se usa un fondo claro. Eche un vistazo rápido a las imágenes utilizadas por Rand Fishkin para sus asombrosamente populares publicaciones de blog White Broad Friday (moz.com/blog/). Tal vez un "fondo pastel" no sea el aspecto de su marca, pero probablemente fue elegido por una buena razón. Si no tiene tiempo para crear o no le gustan estos tipos de imágenes, intente con gráficos, infografías o fotografías de archivo.

Tenga en cuenta el requisito de tamaño de imagen para utilizar el marcado de esquema. ¿Por qué limitar el uso futuro de la página centrándose únicamente en el atractivo visual de una imagen?

No todas las imágenes en línea han sido etiquetadas correctamente, por lo tanto, enriquezca sus imágenes con metadatos correctos para una optimización correcta. Los mensajes de los chatbots conversacionales pueden contener botones, texto, imágenes y otros elementos , o responder completamente a través del habla. Las aplicaciones tradicionales o los sitios web pueden solicitar y mostrar múltiples piezas de información en una pantalla a la vez, un bot recopilará la misma cantidad de información usando múltiples mensajes.

¿Por qué es importante un tamaño de imagen válido?

Las personas son fuertes aprendices visuales. Sus imágenes transmiten una conexión con su tema y con usted personalmente. Las nuevas oportunidades en SERP ricos le dan a su marca una mejor exposición. Tener un plan de marketing ágil le permitirá cumplir mejor con los requisitos emergentes de tamaño de imagen.

“La web se está volviendo cada vez más rica en imágenes. Entre las pantallas móviles de alta resolución, el diseño al estilo de Pinterest y los gráficos de fondo grandes, la carga útil promedio de imágenes se ha más que duplicado en los últimos tres años. Si bien son visualmente atractivas, estas imágenes conllevan un costo de rendimiento sustancial y, si no se optimizan correctamente, pueden hacer que una experiencia web sea lenta y dolorosa, sin importar cuán hermosa sea”. – Guy Podjarny sobre Oreilly

“¿Sabías que el 90% de la información que se transmite al cerebro es visual? El cerebro también procesa imágenes 60 000 veces más rápido que el texto y los estudios han demostrado que el 40 % de las personas responden mejor a las imágenes que al texto sin formato”, afirma shiftelearning.com **** Lo que significa que es una valiosa inversión de tiempo para investigar su nicho de mercado para comprender qué tipos de imágenes estimulan la conexión con los usuarios. Una vez que los tamaños de las imágenes y el marcado estén optimizados, envíe un sitemap.xml de la imagen. Google puede indexar sus imágenes, así como las URL de las páginas .

Cómo usa Google algunas imágenes para resaltar información objetiva y confiable

Cómo JSON-LD y sus imágenes trabajan duro para construir la visibilidad de su marca y EAT.

“Las fotos y los videos son una forma increíble de ayudar a las personas a comprender lo que sucede en el mundo. Pero el poder de los medios visuales tiene sus trampas⁠, especialmente cuando hay dudas sobre el origen, la autenticidad o el contexto de una imagen. A partir de hoy, estamos mostrando información de verificación de hechos en Google Imágenes a nivel mundial para ayudar a las personas a navegar estos problemas y hacer juicios más informados sobre lo que ven en la web. Esto se basa en las funciones de verificación de hechos en Búsqueda y Noticias, que las personas encuentran miles de millones de veces al año.

Ahora, cuando busque en Google Imágenes, es posible que vea una etiqueta de "Verificación de datos" debajo de los resultados de la imagen en miniatura. Cuando toca uno de estos resultados para ver la imagen en un formato más grande, verá un resumen de la verificación de datos que aparece en la página web subyacente. Estas etiquetas pueden aparecer tanto para artículos de verificación de hechos sobre imágenes específicas como para artículos de verificación de hechos que incluyen una imagen en la historia”. - Google

Google también nos informa que “agregar esta etiqueta en los resultados de Google Imágenes no afecta la clasificación; nuestros sistemas están diseñados para sacar a la luz la información más relevante y confiable disponible”. En Traer información de verificación de hechos a Google Imágenes publicado el 22 de julio de 2020, el gerente de productos de Google, Harris Cohenm, habla sobre su intención de garantizar que las personas tengan acceso al contexto crítico sobre la información que encuentran ⁠, incluidas las imágenes ⁠, que encuentran en línea. .

Asóciese con Jeannie Hill , fundadora de Hill Web Creations, que trabaja con empresas de Minneapolis para garantizar que se use un tamaño de imagen válido y que tenga un código sin errores para mejorar la búsqueda orgánica, la optimización de motores de búsqueda para el mundo de los dispositivos móviles y las posibilidades de una ventaja competitiva en línea. . Constantemente atento para conocer y adherirse a las actualizaciones en las pautas de SEO de Google .
Disfruto residiendo en Minneapolis , Minnesota , donde ofrezco servicios de marketing digital al área metropolitana y más allá.

Resumen

Authoritative business sites that rise to the call for AMP pages, use a planned structured approach when building content, and incorporate schema image SEO data to be among those early adopters. They already are able to enjoy the first-mover benefits of winning more viewer clicks from the scrolling images.

A relevant image that has Microdata has the potential to enhance a site's CTR within search results from anywhere between 10-25%, according to builtvisible.com*****. In the case of the need to troubleshoot your markup for an image code error, currently, two types of errors are produced. We can resolve errors and fix both for you.

1. The “image is required” error that can be found in the Google Structured Data Testing Tool (SDTT).

2. An image error that when checking for the Accelerated Mobile Pages (AMP) version.

Your photos reached a new record on Google Maps!

After adding the above image strategies to one client site, they received a message directly from Google that their images uploaded to their Google Profile had a significant increase in views. Ready to start a more advance approach to how your business site uses imagery?

“Your photos helped people over 3,000 times, a new record for you on Google Maps. ¡Felicidades! Millions of people rely on photos like yours when they search for places. Thanks for sharing your photos with the world.” – Google Maps

“More records this week…(One Photo)reached 3,320 views.” – Google Maps

Leverage cutting-edge opportunities to make your site's image use more advantageous to both and viewers and your business. Call 651-206-2410 to get on our Schema Site Audit Schedule

NOTE: Topic image source: PHLEARN. Consider hiring a professional photographer to make critical image edits that can transform an flawed image into one perfect to use. Start with great images, then add JSON-LD snippet markup wherever you can – that fits.

NOTE: Informative references have been listed in context at time of use.

* https://blog.hubspot.com/marketing/visual-content-marketing-strategy#sm.000000iy0z9nnp3d6210gl3qzksok

** https://www.relaymedia.com/2016/03/06/spread-the-carousel-love/

*** http://www.oreilly.com/pub/e/3425

**** http://info.shiftelearning.com/blog/bid/350326/Studies-Confirm-the-Power-of-Visuals-in-eLearning

***** https://builtvisible.com/micro-data-schema-org-guide-generating-rich-snippets

****** https://www.quicksprout.com/2014/08/13/what-type-of-images-should-you-use-within-your-blog-posts/

******* http://www.seoskeptic.com/google-article-rich-snippets-guide-updated-for-amp/