Ogni pagina web viene creata usando markup - codice scritto in un linguaggio appositamente fornito (il più delle volte HTML). Il browser dell'utente, a sua volta, può leggere questo codice al fine di visualizzare correttamente tutte le informazioni che i creatori della risorsa hanno voluto comunicarci. Si scopre che tutti gli elementi che vediamo su una pagina web sono forniti dal codice sorgente del sito che visitiamo.
Ottimizzazione del codice
Come puoi intuire, ogni lettera di questo codice, ogni simbolo ha un significato. Inoltre, è interessante notare che visivamente il sito potrebbe non contenere quegli elementi estremamente importanti per la sua ottimizzazione (ovvero la corretta impostazione della risorsa per i motori di ricerca). L'attributo ALT può essere attribuito, ad esempio, al numero di quelli appena percettibili. È sulle pagine di molte risorse e molto spesso semplicemente non ce ne accorgiamo.
In questo articolo, vorremmo prestare attenzione solo a questo elemento del web design. Qui ti spiegheremo perché è così importante per il corretto posizionamento del sito, la crescita del suo traffico e la comodità dell'utente nel lavorare con esso.
Qual è l'attributo ALT?
Iniziamo dall'inizio: descriveremo di cosa tratta questo articolodiscorso e perché abbiamo bisogno di questo attributo.
Quindi, per comprendere questo testo, devi prima comprendere il linguaggio di markup HTML. Questo è il codice su cui sono scritte le pagine web di base, che, come già notato, ha la proprietà di essere visualizzato nel browser. L'intero linguaggio è costituito da attributi speciali (come 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 "Image" menzionato sopra viene utilizzato per le immagini che possono essere trovate nelle pagine del sito web. In particolare, con il suo aiuto, viene creata una descrizione per le immagini, in base alla quale l'utente (visitatore del sito) può facilmente comprendere ciò che viene mostrato su di esse. Sicuramente tu stesso ti sei imbattuto in tali descrizioni: appaiono quando passi il mouse sopra l'immagine.
Valore pratico
Ovviamente, questi attributi vengono applicati in pratica per un motivo. I webmaster hanno bisogno di descrizioni per le loro immagini tanto quanto i visitatori del sito (probabilmente di più). Dopotutto, se tutte le immagini sono prive dell'attributo ALT, una persona potrebbe non notarlo nemmeno se alle immagini sulla pagina vengono aggiunti testi esplicativi. D' altra parte, i robot di ricerca (con un ALT vuoto) potrebbero non classificare il sito in modo sufficientemente elevato, ridurne la posizione nei risultati di ricerca e, quindi, non attireranno un numero sufficiente di visitatori. Pertanto, possiamo affermare con sicurezza che le descrizioni delle immagini sul sito svolgono un ruolo importante anche per i webmaster stessi, quindi non possononegligenza.
Bonus dai motori di ricerca
Per comprendere meglio i vantaggi dei tag descrittivi correttamente compilati per le immagini, facciamo un piccolo esempio. Diciamo che c'è un sito web con immagini ospitate su di esso. Se l'attributo ALT non è impostato, l'utente non ne risentirà, perché in ogni caso vedrà ciò che viene mostrato in una determinata foto. Un risultato completamente diverso attende il proprietario della risorsa, che trascurerà il tag sopra, a causa del quale perderà parte del traffico dalle directory di immagini, ad esempio.
Come si scrive l'attributo ALT?
Tecnicamente, non c'è niente di difficile nel compilare una descrizione sotto questa o quell'immagine. Questo è ovvio: devi andare nell'editor HTML del tuo sito e trovare il codice dell'immagine (inizia con IMG e finisce con lo stesso). All'interno di questo blocco di codice c'è il codice. Questo è ciò che intendono quando dicono che è necessario scrivere l'attributo ALT. Questo è fatto in questo modo: “alt=“description”.
Se non lavori con codice puro, ma utilizzi qualche “motore” separato per il sito (ad esempio, Wordpress o Joomla), integra uno speciale meccanismo per aggiungere “alt” attraverso il quale il nostro sito verrà ricordato dai motori di ricerca. Se inserisci un nuovo ALT, l'aggiornamento è sulla tua pagina.
Cosa scrivono nell'attributo?
Ovviamente, quando hai il compito di scrivere l'attributo ALT, non stai pensando a questioni tecnichelato. Molto spesso, questa domanda viene posta se il webmaster non sa quali informazioni deve fornire su una particolare immagine. Ciò rende difficile dire quali informazioni andranno a beneficio del 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 riempito con le parole chiave per le quali viene creata la pagina. Forse questa è la pratica più comune che si può trovare spesso. A volte, invece di cercare come scrivere l'attributo ALT, l'utente lascia semplicemente vuoto questo spazio. Dovrebbe essere chiarito qui che ognuno prende le proprie decisioni su quale descrizione indicare.
Requisiti
Allo stesso tempo, ci sono diverse regole di base (o, se vuoi, requisiti) in base alle quali ognuno può sommare l'attributo ideale per le proprie immagini. Sono costituiti da un piccolo numero di elementi, ognuno dei quali fa riferimento alle descrizioni di foto e immagini sul sito.
Ad esempio, il primo requisito è la lunghezza dell'intero testo. Se stai cercando come scrivere correttamente l'attributo ALT, la soluzione è elementare: non usare più di 2-3 parole. Il testo di queste dimensioni sarà, in primo luogo, idealmente letto 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, leggi l'intera frase, se vuoi solo sapere cosa è mostrato nell'immagine, nessuno lo farà. Basta essere brevi e precisi.una descrizione che sarà utile sia a te che ai tuoi clienti.
Non dimenticare il significato. Se pubblichi una foto di un elefante, assicurati di descriverne la razza o la storia; specifica perché è raffigurato in questa foto, cosa vorresti dire con questo. Sarebbe utile per il visitatore conoscere i tuoi pensieri su questo elefante.
Un altro punto importante (che è stato stabilito nel corso di numerose prove pratiche) è l'unicità. Se stai cercando come aggiungere l'attributo "Immagine" a un'immagine, ricorda che deve essere univoco per ciascuna delle foto elencate sul sito. Ad esempio, la pubblicazione di tre immagini di seguito con la didascalia "il mio elefante" sarà sbagliata: ciò danneggerà solo la tua risorsa nei risultati di ricerca. È meglio nominare le immagini "elefante 1" e "elefante 2", che le renderanno più uniche.
Infine, tieni a mente i parametri delle immagini stesse a cui stai cercando come aggiungere l'attributo ALT. Per le immagini, è importante soddisfare una serie di criteri: non essere troppo piccole, per sembrare realistiche. Cioè, se specifichi una descrizione, fallo per immagini più serie che vengono prese in considerazione in modo più ponderato. Non qualificare l'attributo "Immagine" per alcune piccole emoticon o qualcosa del genere.
Cerca ALT
Infine, abbiamo parlato delle basi di un attributo, di alcune regole per la sua compilazione e dei requisiti di entrambe le parti (sia utenti che robot di ricerca). Ora pensiamo: come cercare parole chiave e frasi,che prescriveremo sul nostro sito? Come notato sopra, la ricerca dovrebbe essere diretta verso database già pronti di parole chiave 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 nei tuoi contenuti e incollale nelle immagini.
Se non disponi di tali informazioni e non hai affatto pensato di iniziare a promuovere gradualmente la tua risorsa, ti suggeriamo di iniziare a cercare database di tali “parole chiave” con cui creare facilmente nuovi siti. Per questo, servizi come Google Keyword Extract Tool o Yandex. Wordstat sono perfetti, che mostrano statistiche di ricerca per determinate frasi. “Giocando” con queste impostazioni, puoi aumentare notevolmente la quota di traffico di ricerca sui tuoi siti e iniziare così a raccogliere nuovi vantaggi. La cosa principale è evitare una situazione in cui tutte le immagini visibili non hanno l'attributo ALT.
Conclusioni
Allora, cosa possiamo dire dell'attributo descritto in questo articolo? Fa parte del linguaggio in cui vengono creati i siti più semplici: HTML. È molto facile farlo, poiché descrive un linguaggio elementare e di base. Per poter ancora registrare il tag nelle immagini, è necessario emetterlo autonomamente tramite il codice sorgente. Oppure, usando le nuove istruzioni, ricomincia a pomiciare. Comunque sia, taggare "Immagine" è il caso perfetto di reciproco vantaggio quando sia il visitatore che il proprietario della risorsa sono soddisfatti.
Indicare un tag può portare a nuovivisitatori: questo fenomeno si osserva particolarmente spesso su servizi come Google e Yandex Images. Quando si fa clic su un'immagine, il sito determina autonomamente la fonte da cui è stata presa l'immagine e reindirizza il visitatore. E questo, come capisci, è molto importante per poterlo fare in futuro.
