L'attributo alt del tag img. Come assegnare correttamente l'attributo ALT a un'immagine

Saluti, cari utenti del sito. L'ottimizzazione del tuo blog è un processo complesso che richiede determinate abilità, esperienza e, se non ce l'hai, devi avere una vasta base di conoscenze, che prendiamo da articoli sui blog di webmaster famosi.

Molte persone parlano del fatto che la SEO sta morendo, ma ci sono ancora molti che continuano a seguire le regole di queste tre lettere. Chiunque sia completamente all'oscuro di cosa sia la SEO può rimanere perplesso. Tuttavia, questo problema è facilmente risolvibile, assolutamente per tutti. Avendo appreso gli aspetti principali di quest'area, sarai in grado di padroneggiare le regole per promuovere il tuo blog nei motori di ricerca e, come sappiamo, questa è la cosa più importante.

Quindi, di cosa parlerà l'articolo di oggi. Ora parleremo dell'errore di molti designer, blogger, ecc. In generale, non attenzione nell'ottimizzazione delle immagini sul sito, che influisce sulla promozione della tua risorsa in rete.

Cosa non è consapevolezza? Ad esempio, il titolo di un'immagine dovrebbe consistere in una richiesta chiave per la quale l'articolo è personalizzato. Yandex, Google presta attenzione a questo, ma le persone nella blogosfera non ci pensano nemmeno.

Iniziamo!

Cosa sono alt e titolo per le immagini?

L'attributo "alt"!

Il suo scopo è visualizzare un frammento del testo di un'immagine. Molto spesso, questa è una descrizione dell'immagine; non sarà visibile ai tuoi utenti. Tag come questo sono molto importanti per la promozione sui motori di ricerca. Non significano praticamente nulla per gli umani.

Lascia che te lo spieghi sulle mie dita. Il robot di ricerca cammina attraverso i siti, è venuto da te e, se ricordi, nell'articolo sulle immagini uniche, ho scritto che presta attenzione alle immagini tematiche per il post, ma non solo che l'immagine dovrebbe essere, a sua volta , dovrebbe essere ottimizzato, da cui è necessario registrare il nome.

Pertanto, il controllo del motore di ricerca catturerà l'intero articolo e non ci saranno carenze ed errori minori. Sulla base di questo, il vagabondo sarà vicino alla TOP-10 o volerà lì del tutto.

TOP significa traffico elevato. E come costruirlo, ho scritto in un articolo su

L'attributo del titolo!

"Titolo" è il titolo. Probabilmente lo sanno tutti. In un'immagine, questo è un nome disponibile per tutti, ad esempio, quando spostiamo il cursore del mouse sull'immagine, appare un breve testo, che è il titolo. Con questo tutto è chiaro. Puoi specificare il titolo sul tuo PC o laptop, quindi rilasci l'immagine nel post stesso e, di nuovo, scrivi il titolo e la descrizione (alt).

Per quanto riguarda dove scrivere, non preoccuparti.

In Titolo, indicare l'eventuale richiesta di chiave. Abbiamo scritto un post su una mappa del sito per le persone, poi nel titolo e compilato il campo, con la stessa frase, mappa del sito per le persone. La descrizione o alt non è visibile a nessuno tranne che al robot, quindi si può fare qualcosa del genere:

Mappa del sito per le persone, plug-in così e così, la riga deve essere scritta qui che, ecc. Cerca di mantenere l'articolo compatto. Otmite quelli solo gli aspetti principali, solo poche righe.

Ecco un altro sul "titolo". Non dovrebbero essere più lunghi di 5 parole. Ed è anche auspicabile che tu li scriva in latino, cioè inglese. E il formato immagine più importante dovrebbe essere jpg. Ciò riduce il peso, il che significa che il caricamento sarà più veloce, il che ha un impatto significativo sul traffico del sito.

Puoi ridurre il peso dell'immagine in Photoshop. Lo apriamo. Fare clic sul file e quindi su Salva per WEB. Dove è scritto il numero 50, 60 o qualche altro, puoi regolarlo, meno, più basso è il peso. Se non hai ancora Photoshop, vai avanti e padroneggialo. Dopotutto, questo è un elemento essenziale per qualsiasi webmaster.

Se qualcuno dubita che l'ottimizzazione delle immagini abbia un grande impatto sulla promozione del blog, allora posso dire una cosa: non esitare. Prova a controllare, conduci un esperimento. La cosa principale è non chiudere gli occhi su questo, perché non è un peccato spendere i 5 minuti in più. Soprattutto se hai scritto un articolo prima e ci hai messo un pezzo di te. Penso che non sarà superfluo, come organizzarlo al meglio, ma cosa ne pensi?

Perché è importante scrivere i tag title e alt? Come vengono aggiunti alle immagini?

Te ne ho parlato un po'. Ma ora lo scopriremo più in dettaglio. Vedi sotto per un elenco di passaggi da seguire quando pubblichi un nuovo post sul blog.

Eccoli:

• Il primo passo, ovviamente, è scrivere un articolo e trovare un'immagine unica. Di norma, tutti creano un modello standard, il proprio, e inseriscono già un'immagine, ad esempio schermate, o disegnano qualcosa o addirittura ordinano da un artista.
• Abbiamo esaminato le frasi chiave che hai usato per il post e ne abbiamo aggiunta una nel titolo;
• La seconda chiave è stata aggiunta all'alt, alla descrizione, e sono state aggiunte altre parole, e la richiesta è stata diluita con una parola.
• Ora salviamo le modifiche e aggiungiamo un'immagine al testo, quindi guardiamo l'articolo e passiamo il cursore sull'immagine, vediamo quale titolo viene visualizzato. Tutto è pronto.

Insomma, i vantaggi sono i seguenti, questo per chi non è ancora convinto fino in fondo.

1. Più traffico;
2. La sua qualità è superiore, poiché hai indicato le chiavi esatte a cui è dedicato l'articolo, il visitatore le martellerà nella ricerca e troverà le informazioni di cui hai bisogno, il che significa che rimarrà più a lungo sul tuo blog e il numero di rifiuti sarà inferiore ;

Questa infa è per chi lavora sul proprio sito da più di un anno, ma non ci sono risultati. Forse è questo il problema!

Qui è dove finirò di scrivere l'articolo. Ti auguro buona fortuna con la tua promozione. IMPORTANTE! Non allontanarti da tali apparentemente sciocchezze. Ascolta i consigli che ti aiuteranno sicuramente. Ciao a tutti!

Cordiali saluti,Zhuk Yuri.

Ogni pagina web viene creata utilizzando markup - codice scritto in un linguaggio appositamente fornito (il più delle volte HTML). Il browser dell'utente, a sua volta, è in grado di leggere questo codice in modo da visualizzare correttamente tutte le informazioni che i creatori della risorsa hanno voluto trasmetterci. Si scopre che tutti gli elementi che vediamo nella pagina web sono forniti dal codice sorgente del sito che visitiamo.

Ottimizzazione del codice

Come puoi immaginare, ogni lettera di questo codice, ogni carattere ha un significato. Inoltre, curiosamente, accade che visivamente il sito non contenga quegli elementi che sono estremamente importanti per la sua ottimizzazione (ovvero la corretta impostazione della risorsa per i motori di ricerca). Tali sottili includono, ad esempio, l'attributo ALT. È sulle pagine di molte risorse e molto spesso semplicemente non ce ne accorgiamo.

In questo articolo, vorremmo concentrarci proprio su questo elemento del web design. Qui ti diremo perché è così importante per il corretto posizionamento del sito, la crescita del suo traffico e la comodità dell'utente nel lavorare con esso.

ALT?

Cominciamo dall'inizio: descriveremo di cosa tratta questo articolo e perché abbiamo bisogno di questo attributo.

Quindi, per capire questo testo, devi prima capire il linguaggio di markup HTML. Questo è il codice in cui sono scritte le pagine web di base, che, come già notato, ha la proprietà di essere visualizzato nel browser. L'intera lingua è costituita da attributi speciali (ad esempio, IMG, ALT, FONT e così via). Ognuno di loro è responsabile del lavoro con l'uno o l'altro elemento di design. In pratica, l'attributo ALT sopra menzionato viene utilizzato per le immagini che possono essere trovate nelle pagine del sito. In particolare, viene utilizzato per creare una descrizione delle immagini, attraverso la quale l'utente (visitatore del sito) può facilmente e semplicemente capire cosa viene mostrato su di esse. Sicuramente tu stesso ti sei imbattuto in tali descrizioni: appaiono quando passi il mouse sull'immagine.

Valore pratico

Naturalmente, questi attributi vengono utilizzati in pratica per un motivo. I webmaster hanno bisogno di descrizioni delle loro immagini tanto quanto gli stessi visitatori del sito (e molto probabilmente anche di più). Dopotutto, se tutte le immagini mancano dell'attributo ALT, una persona può farlo anche se vengono aggiunti testi esplicativi alle immagini sulla pagina. D'altra parte, i robot di ricerca (con un ALT vuoto) potrebbero non valutare abbastanza bene il sito, ridurre la sua posizione nei risultati di ricerca e, quindi, non portare abbastanza visitatori. Pertanto, possiamo affermare con sicurezza che le descrizioni delle immagini sul sito svolgono un ruolo importante anche per i webmaster stessi, quindi non possono essere trascurate.

Bonus motore di ricerca

Per comprendere meglio i vantaggi dei tag di descrizione correttamente compilati per le immagini, faremo un piccolo esempio. Diciamo che c'è un sito con immagini ospitate su di esso. Se non prescrivi l'attributo ALT, l'utente non ne risentirà, poiché vedrà comunque ciò che viene mostrato in questa o quella foto. Un risultato completamente diverso attende il proprietario della risorsa, che trascurerà il tag di cui sopra, a causa del quale perderà parte del traffico dai cataloghi di immagini, ad esempio.

Come scrivo l'attributo ALT?

Tecnicamente, non c'è niente di difficile da compilare sotto questa o quell'immagine, è ovvio: devi andare nell'editor HTML del tuo sito e trovare il codice dell'immagine (inizia con IMG e finisce con esso). C'è del codice all'interno di questo blocco di codice. Questo è ciò che intendono quando dicono che è necessario registrare l'attributo ALT. Si fa così: “alt =“ descrizione ”.

Se non lavori con codice puro, ma utilizzi una sorta di "motore" separato per il sito (ad esempio Wordpress o Joomla), in esso è integrato uno speciale meccanismo per l'aggiunta di "alt", attraverso il quale il nostro sito verrà ricordato dai motori di ricerca. Se compili un nuovo ALT, l'aggiornamento finisce sulla tua pagina.

Cosa scrivono nell'attributo?

Ovviamente, quando ti trovi di fronte al compito di scrivere l'attributo ALT, non stai pensando al lato tecnico. Molto spesso, questa domanda viene posta se il webmaster non sa quali informazioni deve indicare su una determinata immagine. Per questo motivo, è difficile dire quali informazioni trarranno beneficio dal sito dal punto di vista dei motori di ricerca.

In pratica, ci sono molti approcci per risolvere il problema della descrizione. Qualcuno lavora con modelli tipici, secondo i quali il tag viene semplicemente compilato con le parole chiave per le quali viene creata la pagina. Forse questa è la pratica più comune che si può trovare frequentemente. A volte, invece di cercare come scrivere l'attributo ALT, l'utente lascia semplicemente quello spazio vuoto. Qui dovrebbe essere chiarito che ognuno prende autonomamente decisioni su quale descrizione indicare.

Requisiti

Allo stesso tempo, ci sono diverse regole di base (o, se preferisci, requisiti), in base alle quali ognuno può aggiungere l'attributo ideale per le proprie immagini. Sono costituiti da un piccolo numero di punti, ognuno dei quali rimanda alle descrizioni di foto e immagini presenti sul sito.

Ad esempio, il primo requisito è la lunghezza dell'intero testo. Se stai cercando come scrivere correttamente l'attributo ALT, la soluzione è semplice: usa non più di 2-3 parole. Il testo di queste dimensioni sarà, in primo luogo, letto perfettamente da un robot di ricerca (e renderà il tuo sito più pertinente); in secondo luogo, tale descrizione è più comprensibile per gli utenti stessi. D'accordo, nessuno leggerà l'intera frase se vuoi solo sapere cosa è mostrato nell'immagine. È sufficiente riportare brevemente e accuratamente la descrizione, che sarà utile sia a te che ai tuoi clienti.

Non dimenticare il carico semantico. Se pubblichi una foto con un elefante, assicurati di descrivere la sua razza o la sua storia; specifica perché è mostrato in questa foto particolare, cosa vorresti dire con questo. Sarà utile per il visitatore conoscere i tuoi pensieri su questo elefante.

Un altro punto importante (che è stato stabilito durante numerose prove pratiche) - Se stai cercando come prescrivere l'attributo ALT a un'immagine, ricorda: deve essere selezionato univoco per ciascuna delle foto elencate sul sito. Ad esempio, sarebbe sbagliato pubblicare tre immagini di fila con la didascalia "il mio elefante": danneggerebbe solo la tua risorsa nei risultati di ricerca. È meglio nominare le immagini "elefante 1" e "elefante 2", che le renderanno più uniche.

Infine, ricorda i parametri delle immagini stesse che stai cercando, come aggiungere l'attributo ALT. Per le immagini, è importante soddisfare una serie di criteri: non troppo piccoli, sembrano realistici. Cioè, se specifichi una descrizione, fallo per immagini più serie che sono prese in considerazione più pesanti. Non specificare l'attributo ALT per eventuali piccole emoticon o qualcosa di simile.

Ricerca ALT

Infine, abbiamo parlato delle basi dell'attributo, di alcune regole per la sua composizione e dei requisiti di entrambe le parti (sia gli utenti che a loro. Ora pensiamo: quindi come cercare parole chiave e frasi che registreremo sul nostro sito? Come notato sopra , la ricerca dovrebbe essere diretta verso database di parole chiave già pronti, che iniziano davvero ad attirare clienti sul tuo sito. Naturalmente, questo non può essere ottenuto se non hai ancora l'attributo ALT. Prendi parole chiave e frasi già pronte che usi nel contenuto e inserisci nelle immagini.

Se non disponi di tali informazioni e non hai pensato minimamente di iniziare a promuovere la tua risorsa poco a poco, ti suggeriamo di iniziare a cercare dei database di tali “parole chiave” con cui puoi facilmente creare nuovi siti. Per questo, servizi come Google Keyword Extract Tool o Yandex.Wordstat, che mostrano le statistiche di ricerca per determinate frasi, sono perfetti. “Giocando” con queste impostazioni, puoi aumentare notevolmente la quota di traffico di ricerca sui tuoi siti e iniziare così a trarre nuovi vantaggi. La cosa principale è che non esiste una situazione in cui tutte le immagini visibili mancano dell'attributo ALT.

conclusioni

Quindi cosa possiamo dire dell'attributo descritto in questo articolo? Fa parte del linguaggio in cui vengono creati i siti più semplici - HTML. Questo è molto facile da fare, poiché descrive un linguaggio elementare, di base. Per registrare ancora il tag nelle immagini, devi organizzarlo tu stesso attraverso il codice sorgente. Oppure, usando le nuove istruzioni, ricomincia da capo. Comunque sia, e l'indicazione dei tag ALT è quel caso ideale di reciproco vantaggio, quando sia il visitatore che il proprietario della risorsa sono soddisfatti.

La specifica di un tag può anche portare a nuovi visitatori: questo fenomeno si osserva particolarmente spesso su servizi come Google e Yandex Images. Quando fai clic su un'immagine, il sito determina in modo indipendente la fonte da cui è stata presa l'immagine e reindirizza il visitatore. E questo, come capisci, è molto importante per poterlo fare in futuro.

Ora è difficile immaginare siti senza immagini, soprattutto negozi online e cataloghi di prodotti. Dopotutto, questo è un ottimo modo per attirare l'attenzione dei visitatori, mostrare il "volto" del prodotto e incoraggiare i potenziali clienti a intraprendere azioni mirate: acquistare un prodotto o ordinare un servizio. Puoi leggere di più su cos'altro sono necessarie le immagini e su quali pagine dovrebbero essere nel nostro articolo "Selezione e ottimizzazione delle immagini per un sito".

L'uso delle immagini renderà il sito più attraente e aiuterà a mantenere i visitatori su di esso, ma, cosa più importante, il traffico aggiuntivo potrebbe arrivare al tuo sito dalla ricerca di immagini in Yandex o Google (se usi correttamente gli attributi dei tag Alt e Title ).

Qual è l'attributo Alt per le immagini?

Attributo Alt per le immaginiè il testo che descrive l'immagine nel tag html ... Diventa visibile se l'immagine non può essere caricata. Al posto dell'immagine scaricata, verrà mostrato del testo (con l'attributo Alt riempito).

Confrontiamo. Ecco come apparirà l'immagine scaricata senza l'attributo Alt riempito:

Ed ecco come apparirà l'immagine con il testo "Lavatrice Slavda WS30T / ET" nell'attributo Alt del tag :

L'attributo Alt consente di scoprire cosa viene mostrato nell'immagine quando l'utente non può vederlo. Inoltre, il testo scritto nell'attributo Alt viene preso in considerazione dai robot di ricerca durante l'indicizzazione del sito. Infine, ottimizzazione dei nomi delle immagini e degli attributi Alt nel tag rende più facile la ricerca di immagini, ad esempio, in Yandex o Google Immagini.

Come comporre correttamente l'attributo Alt per le immagini

1. Il numero ottimale di parole è 3-5, ma la lunghezza del testo del tag non supera i 75-80 caratteri. Si consiglia di utilizzare informazioni concise e concise ma significative.
2. Un prerequisito è l'uso di query chiave.
3. È meglio usare parole chiave nel caso nominativo per rendere più facile la ricerca.
4. Evita lo spam: sconsigliamo di elencare un numero elevato di chiavi separate da virgole, come in altri tag.
5. È necessario che Alt faccia riferimento al testo della pagina e descriva quanto mostrato in figura.

Attributo del titolo per le immagini

Oltre all'attributo Alt, dovresti anche scrivere il testo nell'attributo Titolo. Questo parametro imposta le informazioni ausiliarie sull'immagine quando l'utente passa sopra l'immagine:

Nel codice html, l'attributo Title riempito per le immagini ha questo aspetto:

Un attributo Title ben formato aiuta anche a migliorare i fattori comportamentali.

Come comporre correttamente il titolo per le immagini

1. L'attributo Titolo deve corrispondere all'immagine. Non dovresti scrivere che non ha nulla a che fare con l'immagine.
2. È meglio usare un titolo breve per la comodità degli utenti: nessuno vuole leggere un suggerimento lungo un chilometro per un'immagine.
3. È auspicabile la presenza di parole chiave. Non dovresti usare parole come "foto", "immagine", ecc., Perché è già chiaro di cosa si tratta.

Un esempio del corretto riempimento degli attributi Alt e Title per un tag

Diamo un'occhiata a un esempio di come puoi scrivere del testo negli attributi Alt e Title per un'immagine. Per fare ciò, prendiamo un'immagine dal sito di un'impresa di costruzioni.

Quando componi un Alt, devi concentrarti su ciò che stai vendendo / offrendo. Per l'immagine del nostro esempio, sarà preferibile comporre la viola "Costruire una casa da un tronco" e non solo "casa" o "costruzione".

L'attributo Titolo per questa immagine può essere leggermente modificato e composto in questo modo: "Costruire una casa di tronchi".

Difficoltà a riempire Alt e Titolo

Gli attributi Alt e Title correttamente compilati per le immagini aiuteranno nell'ottimizzazione dei motori di ricerca del sito. Ma non dimenticare altri aspetti dell'ottimizzazione delle immagini, come "peso", qualità e nome delle immagini. Se non hai tempo per comporre gli attributi Alt e Titolo, possiamo aiutarti e fare il lavoro per te.

Ciao gente. Per non farti perdere tempo, siamo brevi e diretti al punto.

Il titolo di un'immagine è un'iscrizione che viene visualizzata quando si posiziona il cursore su un'immagine. Questo per dare un indizio al visitatore. Indica cosa viene mostrato nell'immagine o dove prestare attenzione.

Immagini alt - dalla parola inglese alternative. Questa è una cosa così utile che i motori di ricerca amano molto l'indicizzazione per determinare ciò che viene mostrato. Inoltre, sarà visibile se l'utente disattiva la visualizzazione delle immagini nel browser. Il che non ha senso e viene fatto in rare occasioni.

Se, tuttavia, l'utente disattiva la visualizzazione del contenuto grafico o si verifica qualche tipo di errore da parte di qualcuno, al posto di un'immagine verrà visualizzata una piccola icona con del testo. Questo testo è l'alt dell'immagine.

Alt e immagini del titolo per SEO

Per il titolo dell'immagine, ha un valore minimo. Non è prontamente indicizzato, ma può giocare a favore dei fattori comportamentali. È il 2018, seo ora riguarda l'usabilità e i contenuti di alta qualità. Pertanto, attira l'attenzione dell'utente in qualsiasi modo.

Pensa anche a te stesso, è più piacevole quando viene visualizzato un suggerimento sull'immagine.

Ma l'immagine alternativa è un tesoro. In primo luogo, GoogleBot considera la sua assenza un errore, Yandex è più fedele. In secondo luogo, è volutamente indicizzato e tale immagine entra nella sezione "Immagini" della ricerca. Ciò significa che in questo modo puoi attirare traffico aggiuntivo sul tuo sito.

In terzo luogo, poiché è indicizzato, cioè la possibilità di utilizzarlo per aumentare il valore della pagina. Sarà utile se aggiungi una richiesta a bassa frequenza extra ad alt. Ma qui devi stare attento.

Come compilare correttamente l'alt e il titolo per le immagini

Il titolo C è molto più semplice. Non ci sono regole per un motore di ricerca, ma questo non significa che tu scriva qui alcuna eresia. Sopra, abbiamo fatto riferimento ai fattori comportamentali. Ti consigliamo di non disturbare l'utente, per essergli utile.

1) Non deve essere lungo. D'accordo, un suggerimento in 4 righe causerà il rifiuto.

2) Deve riguardare in qualche modo l'immagine.

3) Non deve essere duplicato con il titolo principale, titoli h1-h5, con attributi alt.

L'immagine alt ha peso con il motore di ricerca, quindi ci sono restrizioni con le regole, ma lo sono anche le possibilità.

1) Una parola non basta, si consiglia di mantenersi entro 3 parole. Il numero massimo di caratteri è 250.

2) Deve corrispondere al contenuto dell'immagine.

4) Auspicabile, non dovrebbe essere ripetuto con altri alts nella pagina.

Quindi, quando aggiungi un'altra immagine al tuo blog, pensaci. Forse qualcuno vuole trovarla? Prova a trasformarlo in traffico extra.

Dove inserire l'alt e il titolo delle immagini sull'esempio di wordpress

Ad esempio, in WordPress, devi solo andare dal pannello di controllo (console) alla sezione "File multimediali" — "Biblioteca"... Quindi, seleziona qualsiasi immagine.

Oppure, quando modifichi un articolo, fai semplicemente clic su qualsiasi immagine inserita, quindi su una matita.

Naturalmente, l'esempio di wordpress è il più facile da mostrare, ma molti CMS popolari offrono tale opportunità. Ad esempio - Joomla. Ci sono delle insidie, ma per la maggior parte dei contenuti grafici, puoi scrivere alt se fai clic "Modifica immagine"

È tutto. Speriamo davvero di esserti stato utile. Se sì, per favore metti mi piace. Questo ci motiva a creare contenuti più interessanti e di alta qualità!

Cordiali saluti, Vostra Essenza.

>> Ottimizzazione dell'immagine | Attributi ALT e TITLE per descrivere le immagini

Come ottimizzare correttamente le immagini per un sito web.

Saluti, caro lettore del mio sito!

In questo articolo, voglio parlarti di quali immagini vengono utilizzate sui siti, quale ruolo svolgono per l'ottimizzazione SEO. Consideriamo l'importanza dell'utilizzo degli attributi alt e title del codice html, forniamo esempi di utilizzo di immagini ottimizzate e non ottimizzate, scopriamo in quale qualità devono essere utilizzate le immagini e come ciò influisce sulle prestazioni del sito.

Pro e contro dell'utilizzo delle immagini sul sito:

Professionisti: Potresti aver notato, se sei andato su molti siti su Internet per uno scopo specifico, che ci sono tutti i tipi di immagini, immagini, foto e altri elementi grafici su quasi tutti i siti. Dove si trovavano e che tipo di carico cognitivo portavano su questi siti o blog.

Succede spesso quando l'autore di un sito, quando scrive il testo di un argomento specifico, vuole esprimere il suo pensiero in modo più accurato e chiaro, in modo che la persona che è arrivata su questo sito riceva tutte le informazioni necessarie per intero. Questo fattore influisce ulteriormente sulla sua credibilità agli occhi dei visitatori e sulla promozione del sito nei motori di ricerca, nei social network, ecc.

Le persone che sono su Internet e cercano le informazioni (contenuti) di cui hanno bisogno sapranno che questo sito ha, oltre a testi utili e di alta qualità, un aiuto visivo sotto forma di immagini, immagini e tutti i tipi di grafica .

E se vuoi che le tue foto siano indimenticabili e belle, devi usarle nel miglior modo possibile.

Un altro aspetto positivo dell'utilizzo delle immagini sul sito è la capacità di utilizzare ottimizzazione dell'immagine sotto la richiesta chiave di una pagina specifica del sito al fine di migliorare la promozione di questa pagina per la richiesta chiave promossa.

Inoltre, i motori di ricerca effettuano una ricerca di immagini presenti sui siti. E se le parole chiave sono registrate per le immagini, allora la persona che sta cercando immagini per questa richiesta potrebbe apprezzare la tua foto e potrebbe voler sapere su quale sito si trova questa immagine e andrà al tuo sito. Alla fine, ne trarrai vantaggio ottenendo traffico mirato sotto forma di visitatori al tuo sito.

Svantaggi: Ci possono essere molti svantaggi quando si utilizzano le immagini sul sito, soprattutto per i principianti. Analizziamo tutti gli errori che possono essere fatti per sbaglio o senza conoscere tutti, che porteranno al fatto che l'uso della grafica sul sito può spaventare un visitatore che sta o sta cercando di entrare nel tuo sito.

E ci sono molte ragioni per questo; l'atteggiamento negligente nei confronti del proprio lavoro, l'uso di immagini di bassa qualità e in pessimo stato, il loro uso fuori tema, la presenza di troppe immagini che danno molto peso alla pagina, e ci vuole molto tempo per carico (compreso lo sfondo del sito), non c'è ottimizzazione dell'immagine per le parole chiave. Questi sono i principali svantaggi dell'utilizzo di tutti i tipi di grafica su un sito web.

Ma questi svantaggi possono essere evitati sapendo come renderli positivi. Analizzeremo tutto questo più avanti in questo articolo. Quindi leggilo fino alla fine.

Gli attributi alt e title nella SEO delle immagini:

Come ho scritto sopra in questo articolo, l'uso delle immagini può aiutare un sito nella sua promozione nei motori di ricerca. Fornire un ulteriore afflusso di pubblico di destinazione (visitatori) dai motori di ricerca. Per fare ciò, è necessario utilizzare due, ma molto necessari, attributi alt e title per qualsiasi immagine, immagine, foto, ecc. L'essenza di questi attributi è di spremere il massimo con il loro aiuto, che aiuterà a promuovere il sito nei motori di ricerca. Nel nostro caso, ci sono rispettivamente due attributi e le funzioni che svolgono saranno leggermente diverse.

AttributoALT: Questo attributo fa parte del linguaggio html. Il suo scopo è descrivere un oggetto per fornire informazioni aggiuntive su questo oggetto (nel nostro caso, immagini). Come funziona questo attributo? Funziona in modo molto semplice: prendi l'immagine desiderata, che si trova sul tuo disco rigido o supporto (unità flash) e la incolli nella pagina desiderata del sito nel posto giusto.

Quindi prendi, trova il codice di questa immagine e scrivi lì un tale valore alt = "(! LANG: Descrizione di questa immagine usando parole chiave" . Но описание не нужно делать слишком большим (максимально пару предложений) и тулить туда много ключевых слов, так как поисковые системы этого не любят, что в итоге может сказаться на Вашем сайте.!}

Questo funziona attributo alt quindi, quando un visitatore entra nel sito, non vede la descrizione dell'immagine (se la funzione di visualizzazione dell'immagine è abilitata nel suo browser), ma viene vista dai robot di ricerca quando indicizzo il sito. Il visitatore può vedere questo testo quando le immagini sono disabilitate nelle impostazioni del browser, e quindi apparirà del testo al posto di questa immagine, da cui il visitatore può capire che tipo di immagine è. Questo attributo viene preso in considerazione dai motori di ricerca quando indicizzano il tuo sito.

Attributo TITOLO: Il attributo del titolo anche parte del linguaggio html. Il suo scopo è lo stesso dell'attributo alt, con la differenza che questa descrizione verrà mostrata all'utente del sito quando il cursore passa sopra l'immagine. Questo attributo non è coinvolto nella promozione del sito, ma consente di aumentare il fattore comportamentale, che influisce anche sulla posizione del sito nel motore di ricerca. È scritto come questo titolo = "(! LANG: Descrizione dell'immagine" . Поэтому !} ottimizzazione dell'immagine svolge anche un ruolo importante nella promozione del sito web nei motori di ricerca.

Esempio di immagine ottimizzata per SEO utilizzando gli attributi alt e title:

Ora vedrai un esempio dell'immagine ottimizzata usando i due attributi sopra.

Con attributo titolo (sposta il cursore sull'immagine) title = "(! LANG: ginnasta gatto" > !}

Con l'attributo alt (nessuna immagine) Codice di esempio per questa immagine:

Nessun attributo alt (nessuna immagine) Codice di esempio per questa immagine:

In quale qualità è necessario utilizzare immagini e immagini sul sito.

È sicuramente meglio utilizzare immagini e immagini sul sito di buona qualità, ma in modo che non influiscano molto sul caricamento del sito. Poiché molte persone su Internet utilizzano Internet a bassa velocità e se non aspettano il caricamento del sito, lasceranno questo sito e non torneranno mai più, il che alla fine influirà sul traffico.

Inoltre, quello che ho notato durante la navigazione in molti siti è che oltre a immagini di grandi dimensioni (kilobyte), il sito utilizza una grande dimensione di sfondo come immagine. Se hai già deciso di utilizzare un'immagine come sfondo, allora è meglio sceglierla monocolore e piccola in modo che si mischi e avrai un'immagine intera.

Inoltre, quando si utilizzano immagini di alta qualità, è necessario tenere conto della dimensione dello spazio su disco sul proprio hosting e della velocità del server. Più basso è, più lento sarà il caricamento del tuo sito. Pertanto, prima di utilizzare immagini di buona qualità per un sito, è necessario sapere dove applicarle e in quale quantità.

Questo conclude questo articolo. Spero che ora tu capisca di cosa si tratta ottimizzazione dell'immagine e quali attributi utilizza l'ottimizzazione dell'immagine per questo.

A proposito, se non sai come ridurre la qualità dell'immagine, usa il programma Photoshop. Per fare ciò, vai al menu "File" e seleziona la voce "Salva per Web e dispositivi".

Se ti è piaciuto questo articolo, lascia un commento in fondo a questo articolo. te ne sarò molto grato.

Altre pagine del sito: