Dimensioni immagine valide per il markup dello snippet JSON-LD

Dimensioni immagine PC e AMP per markup snippet JSON-LD valido

Aggiornato il 20.7.2021

Questo articolo ti aiuterà a sapere come scegliere la dimensione dell'immagine migliore per i rich snippet che eseguono il test con codice JSON valido, nonché le best practice di base per le immagini utilizzate nelle tue pagine web e nei tuoi post.

In un recente hangout per webmaster, John Mueller di Google ha parlato di come il gigante della ricerca prevede di utilizzare la ricerca di immagini per attività più transazionali, più educative e più relative alla ricerca nel 2020 e oltre. Abbiamo assistito all'aumento delle immagini nelle Rich Card e in altri frammenti di funzionalità avanzate che includono elementi visivi e prevediamo che ciò continui. Ciò significa che avere una dimensione dell'immagine valida è più importante che mai.

passiamo subito alle tue domande chiave.

Le immagini sulle pagine AMP hanno requisiti di dimensione?

Sì. Ogni pagina web dovrebbe avere almeno una o preferibilmente più immagini ad alta risoluzione che siano un minimo di 800.000 pixel quando si moltiplicano larghezza e altezza. L'aspetto della larghezza dovrebbe essere un minimo di 800px.

Cosa significa questo avviso: dimensione dell'immagine inferiore a quella consigliata?

Una pagina viene contrassegnata con questa notifica e viene valutata come una pagina non ideale perché contiene una o più immagini con dimensioni inferiori a quelle consigliate. In genere questo avviso è tratto dall'immagine in primo piano.

Se la tua attività vuole ottenere visibilità in Google News Carousel, Top Stories o Product Carousel, ad esempio, richiede dimensioni dell'immagine specifiche per un layout corretto. Garantisce inoltre che quando il ricercatore arriva sulla pagina può aspettarsi un'immagine di qualità a supporto dell'argomento.

Qual è il vantaggio di rispettare le specifiche dell'immagine AMP?

• Seguendo queste linee guida, è più probabile che i tuoi articoli ottengano un posizionamento in primo piano negli snippet in primo piano e nella parte superiore dei risultati di ricerca. Non influisce sull'indicizzazione delle pagine HTML standard.
• Soddisfacendo i consigli minimi, i tuoi contenuti multimediali supportano le tue possibilità di avere un articolo in primo piano nel carosello AMP.
• Più spesso che mai le persone iniziano una ricerca conducendo una ricerca di immagini. onorando ciò che funziona meglio per i motori di ricerca per trovare e visualizzare i tuoi contenuti, puoi conquistare nuovi affari.

Le immagini del logo hanno requisiti di dimensione anche per AMP?

Sì. Esistono requisiti di base per il formato del logo, le dimensioni e il riempimento per le pagine AMP. Il logo dovrebbe stare all'interno di una scatola di 60 x 600 pixel; tuttavia, verrà visualizzato nel carosello AMP con una dimensione di 16 x 160. I loghi AMP devono avere le dimensioni di una casella di 60 x 600 pixel.

IMMAGINE DEL LOGO DEL SITO

Per comprendere l'uso generale delle immagini nello schema, "logo" e "foto" sono classificati come sottoproprietà di "immagine". Un uso corretto significa ottenere un maggiore controllo su ciò che popola il Google Knowledge Graph di un'azienda .

Ogni sito Web ha un logo (o dovrebbe averne uno) e il corretto markup del logo consente ai webmaster di dire a Google quale immagine desiderano utilizzare nella visualizzazione del Knowledge Graph.

Le Linee guida per le immagini di Google dicono: "Puoi specificare quale immagine Google dovrebbe utilizzare come logo della tua organizzazione nei risultati di ricerca e nel Knowledge Graph. Per fare ciò, aggiungi il markup dell'organizzazione schema.org al tuo sito Web ufficiale che identifica la posizione del tuo logo preferito.

La capacità di un'azienda di far avanzare la propria posizione nelle SERP continua a crescere e gli algoritmi di Google ora fanno più affidamento su questa forma di markup . Schema.org fornisce un elenco delle sue nuove versioni. Lo schema per le immagini è stato fornito da tempo. La versione 1.7 dell'8 luglio 2014 affermava: "Questa versione modifica la proprietà dell'immagine, rilevando che ImageObject è un valore ragionevole". E si sta sviluppando rapidamente, quindi le aziende hanno più opportunità di utilizzare il markup.

Google aggiorna le sue linee guida sull'immagine dei dati strutturati

Google sta adottando un approccio più strutturato con specifiche nella sua immagine di dati strutturati per l'uso delle immagini.

Abbiamo iniziato a creare copie dalla pagina dei prodotti di Google devoloper per monitorare l'aggiornamento di queste linee guida e confrontare le variazioni. Quando conduci un'analisi del comportamento dei consumatori, osserva quale segmento di pubblico arriva sul tuo sito tramite una ricerca di immagini.

Che si tratti di un'attività locale, ricette, marcatura di prodotti , libri, eventi, film per la TV, ecc., ognuno ha bisogno di un'attenzione speciale ora alle linee guida dell'immagine. Alcuni tipi di dati sono stati aggiornati da una proprietà consigliata a un tipo obbligatorio.

Le prime linee guida che avevamo erano scarse e dicevano poco se non per fornire un'immagine; tuttavia, le persone che implementano lo schema ora devono aderire alle nuove linee guida che sono molto più descrittive. Una nuova linea guida è un gioco da ragazzi: "Gli URL delle immagini devono essere scansionabili e indicizzabili ".

In precedenza dovevamo solo fornire un URL per ogni immagine. Ora Google indica che vuole "Campo ripetuto di ImageObject o URL". Sebbene alcune delle nostre pagine non contengano un'immagine, le nuove linee guida dicono: "Ogni pagina deve contenere almeno un'immagine e non specifica che questo è solo per le pagine e i post che includono il markup dello schema. La differenza può significare se i tuoi contenuti vengono visualizzati o meno nelle Google Card più diffuse .

Google consiglia di utilizzare content="max-image-preview:large" per incoraggiare il posizionamento in Google Discover per gli URL non AMP.

Google rileva le entità web con un'immagine locale

Google si sta immergendo più a fondo nella mappatura delle entità locali e fa trapelare indicazioni sul fatto che è sul punto di portare la ricerca di immagini a un livello completamente nuovo.

Ma ora sappiamo che Google selezionerà l'immagine che preferisce visualizzare nei risultati di ricerca tenendo conto del rapporto e della risoluzione di ciascuna immagine. È interessante notare che ora viene fatto riferimento alla "risoluzione", che indica un riconoscimento che gli utenti imparano molto su una pagina dalle immagini utilizzate su di essa e Google sta specificando di più su quali fattori contano nella selezione delle immagini. Conduci un audit completo del sito Web per avere la possibilità di migliorare il modo in cui le tue immagini possono essere utilizzate in modo più efficace nella ricerca visiva.

Qualsiasi vecchia immagine non è utile per gli spettatori, quindi, naturalmente, abbiamo sempre saputo che le immagini devono essere pertinenti al contenuto contrassegnato con lo schema. Un chiaro cambiamento è che Google ora rivela che preferisce una serie di immagini con proporzioni diverse. Come i grandi contenuti, le tue immagini dovrebbero essere incentrate sul consumatore e attrarre il tuo pubblico . Apprendiamo che "Per ottenere i migliori risultati, fornire più immagini ad alta risoluzione (minimo 800.000 pixel quando si moltiplicano larghezza e altezza) con le seguenti proporzioni: 16 × 9, 4 × 3 e 1 × 1".

Se stai utilizzando la proprietà dell'immagine thumbnailUrl , entrano in gioco le stesse linee guida, inclusa la raccomandazione per più proporzioni. Non tutto è andato nella direzione di essere più specifici. Mentre la TV e i film in precedenza necessitavano di un'immagine con "un minimo di 140 px di larghezza per 210 px di altezza, con un rapporto di aspetto 2:3", attualmente tali specifiche sono state sostituite da questi nuovi formati di immagine "standard", il che significa la richiesta di Google di "16 × Proporzioni 9, 4×3 e 1×1".

I webmaster che devono affrontare il compito di tornare indietro, aggiornare e sostituire l'immagine precedente per soddisfare le nuove richieste di immagini di dati strutturati di Google saranno lieti di sapere che le linee guida per l'immagine dell'articolo non sono cambiate. Mantengono le stesse specifiche per la larghezza dei pixel dell'immagine: l'URL di un'immagine rappresentativa dell'articolo. Deve essere specificata solo un'immagine contrassegnata che appartiene direttamente all'articolo. In precedenza, le immagini dovevano essere larghe almeno 696 pixel; assicurati di rimanere aggiornato con le best practice di Google per avere maggiori possibilità di visualizzare le tue immagini in Google Maps .

ARTICOLO IMMAGINE

Come attualmente si trova esattamente nelle linee guida di Google: “ImageObject; richiesto (AMP), consigliato (non AMP)

Linee guida aggiuntive per le immagini:

• Deve essere specificata solo un'immagine contrassegnata che appartiene direttamente all'articolo.
• Le immagini devono essere larghe almeno 1200 pixel (in precedenza 696 pixel).
• Ogni pagina deve contenere almeno un'immagine (indipendentemente dal fatto che tu includa o meno il markup). Google sceglierà l'immagine migliore da visualizzare nei risultati di ricerca in base alle proporzioni e alla risoluzione.
• Gli URL delle immagini devono essere scansionabili e indicizzabili.
• Le immagini devono rappresentare il contenuto contrassegnato.
• Le immagini devono essere in formato .jpg, .png o. formato gif.
• Per risultati ottimali, fornisci più immagini ad alta risoluzione (minimo 800.000 pixel moltiplicando larghezza e altezza) con le seguenti proporzioni: 16×9, 4×3 e 1×1.

Come ottenere un articolo ideale, un blog e un'immagine di post sul blog nei tuoi post di Google

I siti di e-commerce possono aumentare le vendite con lo schema dell'immagine del prodotto corretto.

Ecco un esempio di quando il tuo sito può trarre vantaggio dall'uso corretto delle immagini. Quando un nuovo post viene pubblicato su Google, potrebbe includere un'immagine accattivante nel collegamento generato. Google esegue il rendering di un'anteprima, o snippet SERP, che oggi consiste nel titolo della pagina, una breve descrizione della stessa e un'immagine in miniatura per attirare l'attenzione dello spettatore.

Ogni immagine in una pagina deve avere un tag alt correlato all'argomento della pagina e supporta l' intento di ricerca corrispondente .

Google fornisce dettagli esaurienti sul rendering di un'immagine di un articolo .

A partire dal 6 gennaio 2017, era necessario disporre di un markup dello schema dell'immagine con una dimensione dell'immagine in base alle seguenti linee guida:

* L'immagine è larga almeno 400px

* L'immagine ha una proporzione non più ampia di 5:2 (larghezza:altezza).

Quando l'immagine +Snippet non viene visualizzata

Google rivela un potenziale motivo per cui: “Le immagini troppo piccole o non sufficientemente quadrate non sono incluse nel +Snippet, anche se le immagini sono esplicitamente referenziate dai microdati schema.org o dal markup Open Graph. In particolare, l'altezza deve essere di almeno 120 px e, se la larghezza è inferiore a 100 px, le proporzioni non devono essere superiori a 3,0".

VIDEO DIMENSIONE IMMAGINE MINIATURA

Gli utenti di Internet stanno spingendo verso l'alto il livello di consumo di contenuti video . Ciò che significa per te implica che contrassegnare il tuo sito Web con pezzi Web di video con dati strutturati aiuterà Google Semantic Search con un punto di ingresso per scoprire e aiutare ad abbinare le query di ricerca ai tuoi video pertinenti disponibili online.

È necessario fornire un thumbnailUrl che indichi il file di immagine in miniatura del video che può essere visualizzato nelle pagine dei risultati dei motori di ricerca (SERP). “Le immagini devono essere almeno 160×90 pixel e al massimo 1920×1080 pixel. Consigliamo immagini nei formati .jpg, .png o .gif. Tutti gli URL delle immagini devono essere scansionabili e indicizzabili. In caso contrario, non saremo in grado di visualizzarli nella pagina dei risultati di ricerca", afferma attualmente Google.

Vengono offerte le seguenti best practice per le miniature personalizzate per la dimensione e la risoluzione dell'immagine video: "La tua immagine in miniatura personalizzata dovrebbe essere la più grande possibile, poiché l'immagine verrà utilizzata anche come immagine di anteprima nel player incorporato. Ti consigliamo le tue miniature personalizzate:

* Avere una risoluzione di 1280×720 (con larghezza minima di 640 pixel).

* Può essere caricato in formati immagine come .JPG, .GIF, .BMP o .PNG.
Rimani sotto il limite di 2 MB.

* Prova a utilizzare un rapporto di aspetto 16:9 poiché è il più utilizzato nei lettori e nelle anteprime di YouTube".

I tuoi contenuti video sono immagini altamente visibili e richieste dagli utenti di Internet. Prenditi del tempo per selezionare l'immagine di copertina che annuncia il tuo contenuto video. Massimizza l'impatto delle tue immagini sulla pagina e nella ricerca per aggiungere interesse e incoraggiare il coinvolgimento degli utenti.

CAROSELLO IMMAGINE AMP

Utilizza il file amp-carousel-0.1.js e la width: 100% . I codificatori si affidano al tipo carousel per visualizzare un elenco di immagini di dimensioni simili come una striscia continua. Il componente amp-carousel fa un uso ideale di spazi dello schermo più piccoli sugli smartphone per consentire agli spettatori mobili di scegliere tra più miniature simili di contenuti offerti facendo clic su un'immagine lungo il suo asse orizzontale.

L'articolo di RelayMedia intitolato Spread the Carousel Love ,** conduce dicendo: “Qualsiasi editore esitante su AMP dovrebbe considerare l'opportunità che si sta perdendo. In sostanza, non c'è alcun rischio nella pubblicazione di articoli AMP e molto da guadagnare in termini di importanza nella ricerca e apprendimento".

Stiamo assistendo a un uso più ampio del carosello dell'immagine del prodotto. Si tratta di immobili di alto valore per autori di libri, registi, personaggi famosi e negozi di e-commerce. E il suo utilizzo dovrebbe crescere.

La pagina AMP per esempio utilizza 400 px di larghezza per 300 px per l'altezza per ciascuna immagine del carosello.

GALLERIA DI IMMAGINI NON AMP

Pagina non AMP con Galleria di immagini di dati strutturati

Se il tuo sito non è ancora pronto per i vantaggi di AMP, le pagine non AMP possono anche diventare un risultato multimediale in un elenco di risultati ricco di SERP o in un carosello che visualizza pagine web non AMP simili. I risultati multimediali possono includere titoli e immagini. Sebbene Google tenti di estrarre informazioni sufficienti automaticamente, in modo che i siti possano beneficiare di tali funzionalità, se la pagina Web ha implementato correttamente i dati strutturati, può aiutare i motori di ricerca a interpretare meglio i tuoi contenuti e aumentare le probabilità di ottenere un'immagine della scheda ricca o un carosello di immagini risultato. I dati dello schema sono entrati nelle pratiche SEO di base .

Un'immagine in miniatura rilevante per 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"
},


Il Github JSON Schema Form Repository è un sito ideale a cui partecipare per raccogliere esempi di codice e contribuire all'espansione di quest'area del Web. Dal momento che Google si preoccupa molto delle query di ricerca con intento transazionale; nuovi tipi di markup dello schema di e-commerce stanno emergendo e si stanno espandendo .

Perché i siti devono ottimizzare per la ricerca di immagini

Rand Fishkin ha riportato la sua analisi della ricerca di immagini di Google in un articolo del 14 marzo 2017 intitolato The State of Searcher Behavior Revealed Through 23 Remarkable Statistics .

Rand ha riportato la sua analisi della ricerca di immagini di Google sui dati Jumpshot e Moz e ha scoperto che:

• Google Image Search, la seconda piattaforma di ricerca più utilizzata, subito dopo Google.com al primo posto.

• Le sue ricerche sono più delle restanti Top 10 proprietà web combinate insieme.

• Oltre 10 volte più di qualsiasi ricerca su Bing o Yahoo.

• Hanno un conteggio superiore a 40 volte il numero di ricerche di immagini all'interno della piattaforma Facebook.

Rand ha affermato che "poiché le persone sono naturalmente attratte dalle immagini e poiché Google utilizza i dati sui clic per mostrare specificamente le immagini che ottengono il maggior coinvolgimento", si verificano più clic dal blocco dell'immagine. Con il crescente utilizzo del markup JSON, l'aggiunta corretta di questo schema offre ai siti che gestiamo una migliore visibilità nelle SERP.

I dettagli dell'immagine esatti e specificati sono nelle linee guida dello schema di Google

Gran parte dell'innovativa tecnologia odierna per il riconoscimento delle immagini si basa sulla tecnologia di Deep Learning , una forma avanzata di Machine Learning e sul crescente successo dell'Intelligenza Artificiale. I professionisti della ricerca semantica in precedenza dovevano attenersi a linee guida meno rigide quando utilizzavano la proprietà image per il markup dello schema che si applica a LocalBusiness , a Article e NewsArticle. Inizialmente, era necessario solo un URL immagine. Ha quindi affermato che "[a] URL o elenco di URL che puntano ai file di immagine rappresentativi", insieme a suggerimenti. Molti dei primi suggerimenti sono ora inseriti in regole, in particolare per gli articoli.

Le linee guida riviste ora cercano di garantire che la visibilità dell'immagine stessa aggiunga valore alla pagina. Sebbene GoogleBot non lo veda con l'occhio umano, il gigante della ricerca ora afferma che l'immagine dovrebbe essere "l'immagine rappresentativa dell'articolo ... che appartiene direttamente all'articolo".

Dai la priorità alle immagini all'interno del tuo pilastro dei contenuti evergreen . Dato che un articolo può avere più immagini al suo interno; questo rimuove le congetture dal processo di selezione per un motore di ricerca durante la visualizzazione dell'articolo con uno snippet di immagine di accompagnamento. È anche interessante che venga indicata una dimensione minima: "[i]mages dovrebbe avere una larghezza di almeno 696 pixel". Si può supporre che questo indichi il valore di un'immagine sulla pagina e che non dovrebbe essere una dimensione di miniatura fastidiosa.

L'attuale condizione secondo cui l'altezza e la larghezza dell'immagine devono essere incluse indica il fatto che una semplice dichiarazione URL per image non è più supportata per i rich snippet di articoli e produrrà un errore critico. Non c'è errore nel presumere che questo faccia parte della spinta di Google per aiutare i webmaster a passare alle pagine mobili accelerate (AMP). Gli elementi AMP sono pensati per caricarsi rapidamente e molto viene eliminato o definito quando si tratta del layout di un articolo mobile. Incorpora la teoria AMP per una migliore esperienza utente nel tuo design UX.

Quando le dimensioni dell'immagine vengono aggiunte in modo esplicito, Google offre la possibilità di visualizzare correttamente le immagini associate agli articoli AMP su dispositivi diversi. Tenta di "sostituire i riferimenti alle immagini con immagini ridimensionate per il viewport dello spettatore". Questo è uno dei motivi per cui un'immagine può fuoriuscire dai limiti durante la visualizzazione di una versione AMP su un PC. Il cambio dimensione dell'immagine non viene effettuato perché è pronto per le misurazioni dello schermo più grande. Dovrebbe essere considerato come un requisito fondamentale del tuo web design interattivo .

Mentre in precedenza amp-img richiedeva che il tag "deve includere una larghezza e un'altezza esplicite", ora lo stesso è universale per i desktop. Per i web designer che si affidano all'utilizzo di URL relativi per l'inserimento di immagini, devono adeguarsi per AMP, dove la dichiarazione URL ImageObject richiede un URL assoluto anziché la versione URL relativa. Questo ha senso quando si considerano le attività di un browser per eseguire il rendering di una pagina Web. In totale, rallenta solo Google a dover analizzare il codice per calcolare le dimensioni dell'immagine.

Dopotutto, l'intento di AMP è caricare le pagine più velocemente. Questo viene da utenti che non vogliono aspettare. Allora perché non offrire semplicemente i dati dell'immagine in anticipo? Un SEO efficace è l'ottimizzazione per una migliore esperienza utente e la velocità è importante per loro.

IMMAGINI E-COMMERCE DEL CAROSELLO DEL PRODOTTO

Spesso si tratta di scegliere quale pagina è la migliore per aggiungere markup strutturato a un'immagine. Implementalo nella pagina del singolo prodotto nel carrello rispetto alla pagina della categoria con più prodotti elencati. Ciò eviterà confusione per i potenziali acquirenti.

L'immagine trovata in un rich snippet valido e nel risultato della ricerca di immagini può essere ricca di informazioni sui prodotti che gli acquirenti di e-Commerce desiderano. NOTA: il tuo web designer può visualizzare i caroselli di prodotti all'interno di qualsiasi area del tuo sito eCommerce utilizzando una funzione di progettazione di Caroselli di prodotti; che è diverso da Google che sceglie volontariamente di visualizzare il tuo prodotto nell'utilizzo del carosello nei risultati multimediali di mombile e-Commerce .

Modi per stabilire le dimensioni dell'immagine JSON-LD

A seconda dello scenario, prova ad annotare prima il tuo markup con JSON-LD, a meno che le linee guida non specifichino un formato diverso come preferibile.

Quando si utilizza il markup JSON-LD, i valori dell'immagine senza l'uso di virgolette sono "numeri", mentre i valori espressi tra virgolette sono "stringhe". Ciò significa che un programmatore deve essere deliberato per evitare le virgolette quando un valore numerico è il risultato desiderato.

Un modo comune per stabilire l'altezza e la larghezza di un'immagine è "width": "600px" , ma per molti browser moderni, ciò pone il problema del valore atteso per "width", poiché si aspetta "Distance" o "QuantitativeValue" . I test eseguiti che includono "larghezza": "600px" sono stati modificati da Google in:


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

Mancano ancora informazioni sul tipo di unità di misura utilizzata. Prova a sostituire "Distanza" usando qualcosa del genere:


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

Pensa oltre il punto di ottenere un markup valido qui in quanto lascia ancora una certa ambiguità sull'unità di misura e costringe i motori di ricerca a cercare di scovare cosa si intende con "px". La nostra preferenza è usare lo strumento Linter Structured data , gli piacciono le immagini che usano invece "QuantitativeValue":

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

Gli URL che descrivono le entità dell'immagine dovrebbero essere stabili e non dipendere da dati variabili. Questo esempio di markup dell'immagine verrà interpretato come un riferimento, piuttosto che una stringa letterale, perché (al momento della pubblicazione), il contesto JSON-LD di schema.org definisce l'immagine di tipo @id:
Esempio di frammento di contesto schema.org per la codifica di un'immagine JSON:

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
Se non espressi come tali in un contesto remoto, determinati termini possono essere (ri) definiti in un contesto locale:

Esempio di relazione immagine digitata:

{
"@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"
}

Poiché le persone si relazionano così bene con le immagini e la ricerca di immagini su Google è in crescita, è importante capire in che modo le immagini rappresentano la tua attività e costruiscono il tuo marchio .

Il markup JSON aiuta a comprendere i componenti visivi di un articolo

Dato l' aumento della ricerca visiva , questo è un aspetto importante della SEO. Se un sito si trova sulla piattaforma WordPress e si basa su un plug-in per eseguire il rendering del markup strutturato, potrebbero sorgere problemi in cui è necessario correggere la proprietà Image. In questo caso, di solito è perché un'immagine in primo piano deve essere utilizzata per Pagina o Post. Potrebbe valere la pena codificare manualmente il tuo schema se i plug-in hanno problemi di compatibilità e di codice deprezzato.

Senza questa configurazione, il plug-in non riesce a riconoscere quale foto rappresenta meglio il contenuto di quell'articolo. Il plugin dipende da queste informazioni per aggiungere ImageObject insieme alle sue dimensioni. Indipendentemente dal fatto che il tuo sito si basi sui plug-in, alcuni dei tuoi migliori strumenti SEO per la risoluzione dei problemi si trovano in Google Search Console .

Aaron Bradly di SEO Skeptic raccomanda che "i vantaggi che Google spera di ottenere dal markup dell'articolo, in generale, sono la capacità di manipolare meglio gli articoli nell'ecosistema di Google grazie a una migliore comprensione dei componenti e della provenienza di un articolo, piuttosto che utilizzare il markup per capire meglio di cosa tratta un articolo.”*******

Ora combina questo pensiero con l'affermazione familiare che un'immagine vale più di mille parole e combina sia una potente selezione di immagini con i dati strutturati dello schema appropriato attorno ad essa.

NOTA: utilizzare una virgola per segnalare l'arrivo di altre proprietà. Ad esempio, questo è necessario quando si includono più immagini. L'ultima proprietà "image" non utilizza una virgola. Verifica il tuo nuovo codice e assicurati che eventuali errori siano stati sostituiti con la sintassi corretta.

ULTERIORI SUGGERIMENTI DI IMMAGINI

I seguenti sono esclusivamente l'opinione di Hill Web Marketing e sono in aggiunta ad avere una dimensione dell'immagine valida:

1. Quando possibile, evita gli archivi fotografici

Molti clienti chiedono quale tipo di immagine dovrebbero usare. Scegli un'immagine con persone al suo interno, se possibile; un individuo dall'aspetto felice solleva lo spirito dello spettatore, forse inconsciamente, è potente. Volti umani e linguaggio del corpo raccontano una storia, che rende avvincente. Hai mai notato come un bambino fissa imperterrito? È naturale guardare i volti più di qualsiasi altro tipo di immagine. Ogni pagina web dovrebbe contenere immagini di persone, o almeno un'immagine .

I visitatori del sito possono riconoscere immediatamente un'immagine stock. Tali immagini di persone sembrano essere i peggiori trasgressori in quanto semplicemente non si sentono autentiche. Non essere troppo diffidente nell'usare semplicemente la fotocamera del tuo smartphone. Le immagini composte da illuminazione immacolata, uffici immacolati, photoshopping fino a un perfezionismo irreale e che sono composte per il 50/50% da persone etnicamente diverse non sono semplicemente il modo in cui si svolge la vita.

Data la potenza di un'immagine, investi in un po' di fotografia professionale originale. Vestiti ma comunque, sembra naturale per il giorno delle foto. A meno che non siano evidenti, salta la modifica delle piccole imperfezioni; un'immagine che trasmetta estetismo è più importante che mostrare uno stato d'essere "lucido".

L'errore più comune commesso quando si utilizza la fotografia stock è scegliere di selezionare immagini casuali invece di quelle sufficientemente correlate all'articolo o all'argomento del post del blog. Per salvaguardare la tua dipendenza dalle immagini di stock, se acquisti, vai su un sito come Getty Images o Fotolia in cui la qualità generale delle foto è maggiore. Assicurati di avere immagini in grado di stimolare il coinvolgimento dei consumatori nelle tue campagne Google Ads .

Dopo aver condotto uno studio sull'uso delle immagini su 41 blog all'interno di diverse nicchie online, Neil Patel****** ha concluso che "in media, quando un post di un blog utilizzava un'immagine stock photography, riceveva 152 tweet e 83 Mi piace di Facebook". Guarda come la tua immagine contribuisce o distrae con le tue piattaforme social e, se necessario, coinvolgi un Social Media Marketing Manager professionista .

2. Per caricare immagini più leggere, utilizzare la compressione

Si noti che nell'immagine nella parte superiore della nostra pagina, lo sfondo è sbiadito, il che riduce la risoluzione in quegli spazi mentre è possibile lasciare un aspetto a risoluzione maggiore sul punto focale di questo grafico, la donna.

Esistono molti elenchi di risorse online di strumenti che aiutano con la compressione delle immagini. Provane più di uno per stabilire il tuo processo preferito per codificare al meglio le tue immagini, fornendo l'immagine identica con il minor numero di byte, senza vacillare per essere eccessivamente ottimizzata. L'importante è testare, testare, testare il codice corretto che aderisce ai requisiti dell'immagine JSON.

In anticipo, scopri quale formato di foto utilizzare che funziona meglio per la compressione delle immagini. Ad esempio, la conversione di un file GIF (non animato) in un'immagine PNG lo ridurrebbe in media del 21%. Guy Podjarny *** dichiara che “la conversione di un file PNG (non trasparente) in JPEG può offrire risparmi ancora maggiori, spesso riducendo le dimensioni del file di 3–5 volte. Nuovi formati come WebP e JPEG XR possono andare ancora oltre e comunicare la stessa immagine con il 25–50% di byte in meno”.

3. Risolvi i problemi che impediscono il caricamento delle immagini più velocemente

Poi c'è altro a cui pensare: il modo in cui le tue immagini vengono caricate è il lavoro che deve fare un browser, che determina la velocità con cui le tue immagini possono essere visualizzate. I web designer che si affidano ai CSS con istruzioni lunghe, JavaScript per gestire la grafica o si affidano ai plugin di WordPress per fare parte del lavoro, spesso complicano indebitamente le cose. Ogni aspetto deve essere esaminato attentamente, cosa che si ottiene al meglio in un audit SEO tecnico completo del sito .

4. Le immagini dovrebbero adattarsi all'intento e all'argomento della pagina

Ci vuole più tempo per essere intenzionale, ma soprattutto l'immagine principale su una pagina dovrebbe adattarsi chiaramente all'intento di una pagina.

Neil ha anche riferito che utilizzando grafici e immagini di grafici, ha ricevuto il maggior numero di trackback. "In media, hanno ricevuto il 258% di trackback in più rispetto ai post del blog con altri tipi di immagini".

L'aggiunta di più immagini a pagine con contenuto di lunga durata può aiutare a spezzare lunghi blocchi di testo e rafforzare il tuo punto.

Le immagini sulle tue pagine di destinazione meritano un'attenzione speciale, in quanto sono fondamentali per aumentare le vendite. I post che contengono dati di immagini potrebbero non attirare l'attenzione di massa, ma hanno i loro meriti da una prospettiva educativa e aziendale. Aggiungono valore ai blog di nicchia didattici (come questo) e spesso ottengono un collegamento a loro. Ai soli fini della ricerca, un grafico incorporato, utilizzabile o statico, può effettivamente aumentare di valore. Laddove alcune forme di contenuto grafico diventano datate dopo un certo numero di anni, Neil ha scoperto che "altri blog continueranno a collegarsi a post ricchi di dati con grafici, indipendentemente dall'età dei post".

Hubspot afferma che "se un'immagine rilevante è abbinata alle stesse informazioni, le persone conservano il 65% delle informazioni". Le 2 statistiche di marketing dei contenuti visivi che dovresti conoscere nell'articolo del 2017 del 3 gennaio 2017. *

5. Coinvolgi la grafica 3D disegnata a mano e le immagini animate

Utilizza dimensioni immagine valide per tutto il markup JSON-LD idoneo.

Le immagini disegnate a mano, 3D o animate sono popolari e generalmente hanno un peso inferiore, specialmente quando si utilizza uno sfondo chiaro. Dai una rapida occhiata alle immagini utilizzate da Rand Fishkin per i suoi post sul blog del White Broad Friday incredibilmente popolari (moz.com/blog/). Forse uno "sfondo pastello" non è l'aspetto del tuo marchio, ma probabilmente è stato scelto per una buona ragione. Se non hai tempo per creare o apprezzare questi tipi di immagini, prova con grafici, infografiche o fotografie stock.

Tieni presente il requisito della dimensione dell'immagine per l'utilizzo del markup dello schema. Perché limitare l'uso futuro della pagina concentrandosi solo sull'appeal visivo di un'immagine?

Non tutte le immagini online sono state taggate correttamente, quindi arricchisci le tue immagini con metadati corretti per una corretta ottimizzazione. I messaggi conversazionali del chatbot possono contenere pulsanti, testo, immagini e altri elementi o rispondere interamente al parlato. Le applicazioni o i siti Web tradizionali possono richiedere e visualizzare più informazioni su uno schermo contemporaneamente, un bot raccoglierà la stessa quantità di informazioni utilizzando più messaggi.

Perché una dimensione dell'immagine valida è importante?

Le persone imparano molto visivamente. Le tue immagini trasmettono una connessione con il tuo argomento e con te personalmente. Nuove opportunità nelle SERP ricche danno al tuo marchio una migliore visibilità. Avere un piano di marketing agile ti consentirà di soddisfare al meglio i requisiti di dimensione delle immagini emergenti.

“Il web sta diventando sempre più ricco di immagini. Tra schermi mobili ad alta risoluzione, design in stile Pinterest e grande grafica di sfondo, il payload medio delle immagini è più che raddoppiato negli ultimi tre anni. Sebbene visivamente accattivanti, queste immagini hanno un costo di prestazioni notevole e, se non ottimizzate correttamente, possono rendere un'esperienza web lenta e dolorosa, non importa quanto sia bella. – Guy Podjarny su Oreilly

“Lo sapevi che il 90% delle informazioni trasmesse al cervello è visivo? Il cervello elabora anche le immagini 60.000 volte più velocemente del testo e gli studi hanno dimostrato che il 40% delle persone risponde meglio alle immagini rispetto al testo normale", afferma shiftelearning.com **** Significa che è un degno investimento di tempo per ricercare la tua nicchia di mercato per capire quali tipi di immagine stimolano la connessione con gli utenti. Una volta che le dimensioni e il markup delle immagini sono stati ottimizzati, invia un'immagine sitemap.xml. Google può indicizzare le tue immagini e gli URL delle pagine .

In che modo Google utilizza alcune immagini per evidenziare informazioni concrete e affidabili

In che modo JSON-LD e le tue immagini lavorano duramente per creare visibilità e EAT del tuo marchio.

“Foto e video sono un modo incredibile per aiutare le persone a capire cosa sta succedendo nel mondo. Ma il potere dei media visivi ha le sue insidie⁠, specialmente quando ci sono domande sull'origine, l'autenticità o il contesto di un'immagine. A partire da oggi, presentiamo informazioni di verifica dei fatti in Google Immagini a livello globale per aiutare le persone a navigare in questi problemi e formulare giudizi più consapevoli su ciò che vedono sul Web. Questo si basa sulle funzionalità di fact check in Ricerca e News, che le persone incontrano miliardi di volte all'anno.

Ora, quando cerchi su Google Immagini, potresti vedere un'etichetta "Fact Check" sotto i risultati dell'immagine in miniatura. Quando tocchi uno di questi risultati per visualizzare l'immagine in un formato più grande, vedrai un riepilogo del fact check che appare sulla pagina web sottostante. Queste etichette possono apparire sia per articoli di verifica dei fatti su immagini specifiche sia per articoli di verifica dei fatti che includono un'immagine nella storia". - Google

Google ci informa inoltre che “l'aggiunta di questa etichetta nei risultati di Google Immagini non influisce sul ranking; i nostri sistemi sono progettati per far emergere le informazioni più rilevanti e affidabili disponibili". In Bringing fact check information to Google Images pubblicato il 22 luglio 2020, il Product Manager di Google, Harris Cohenm, parla dell'intento di garantire che le persone abbiano accesso a un contesto critico sulle informazioni che trovano ⁠— comprese le immagini ⁠— che incontrano online .

Collabora con Jeannie Hill , fondatrice di Hill Web Creations che collabora con le aziende di Minneapolis per garantire che vengano utilizzate dimensioni dell'immagine valide e un codice privo di errori per migliorare la ricerca organica, l'ottimizzazione dei motori di ricerca per il mondo mobile-first e le possibilità di un vantaggio competitivo online . Vigile costantemente per conoscere e aderire agli aggiornamenti nelle linee guida SEO di Google .
Mi piace risiedere a Minneapolis , Minnesota , dove fornisco servizi di marketing digitale nell'area metropolitana e oltre.

Sommario

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. Congratulazioni! 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/