Com afegir correctament l'atribut ALT a una imatge?

Taula de continguts:

Com afegir correctament l'atribut ALT a una imatge?
Com afegir correctament l'atribut ALT a una imatge?
Anonim

Totes les pàgines web es creen utilitzant l'etiquetatge: codi escrit en un llenguatge especial (la majoria de vegades HTML). El navegador de l'usuari, al seu torn, pot llegir aquest codi per tal de mostrar correctament tota la informació que els creadors del recurs ens han volgut transmetre. Resulta que tots els elements que veiem en una pàgina web els proporciona el codi font del lloc que visitem.

Optimització del codi

establiu l'atribut ALT
establiu l'atribut ALT

Com podeu endevinar, cada lletra d'aquest codi, cada símbol té un significat. També, curiosament, passa que visualment el lloc pot no contenir aquells elements que són extremadament importants per a la seva optimització (és a dir, la configuració correcta del recurs per als motors de cerca). L'atribut ALT es pot atribuir al nombre d'aquests pocs perceptibles, per exemple. Està a les pàgines de molts recursos, i molt sovint simplement no ens n'adonem.

En aquest article, ens agradaria prestar atenció només a aquest element del disseny web. Aquí us explicarem per què és tan important per a la classificació correcta del lloc, el creixement del seu trànsit i la comoditat de l'usuari per treballar-hi.

Què és l'atribut ALT?

Comencem des del principi: descriurem de què tracta aquest articleparla i per què necessitem aquest atribut.

Atribut ALT
Atribut ALT

Per tant, per entendre aquest text, primer heu d'entendre el llenguatge de marques HTML. Aquest és el codi sobre el qual s'escriuen les pàgines web bàsiques que, com ja s'ha indicat, té la propietat de mostrar-se al navegador. Tot el llenguatge està format per atributs especials (com IMG, ALT, FONT, etc.). Cadascun d'ells s'encarrega de treballar amb un o altre element de disseny. A la pràctica, l'atribut "Imatge"esmentat anteriorment s'utilitza per a les imatges que es poden trobar a les pàgines del lloc web. Més concretament, amb la seva ajuda, es crea una descripció per a les imatges, segons la qual l'usuari (visitant del lloc) pot entendre fàcilment el que s'hi mostra. Segur que vos altres mateixos us heu trobat amb aquestes descripcions: apareixen quan passeu el ratolí per sobre de la imatge.

Valor pràctic

Per descomptat, aquests atributs s'apliquen a la pràctica per una raó. Els administradors web necessiten descripcions per a les seves imatges tant com ho fan els visitants del lloc (probablement més). Després de tot, si totes les imatges no tenen l'atribut ALT, és possible que una persona ni tan sols ho noti si s'afegeixen textos explicatius a les imatges de la pàgina. D' altra banda, és possible que els robots de cerca (amb una ALT buida) no classifiquen prou el lloc, redueixin la seva posició als resultats de la cerca i, per tant, no atraguin un nombre suficient de visitants. Per tant, podem dir amb confiança que les descripcions de les imatges del lloc també tenen un paper important per als mateixos administradors web, de manera que no podennegligència.

A totes les imatges visibles els f alta l'atribut ALT
A totes les imatges visibles els f alta l'atribut ALT

Bonos dels motors de cerca

Per entendre millor els avantatges d'emplenar correctament les etiquetes de descripció de les imatges, posem un petit exemple. Suposem que hi ha un lloc web amb imatges allotjades. Si l'atribut ALT no està configurat, l'usuari no patirà, perquè en tot cas veurà el que es mostra en una fotografia concreta. Un resultat completament diferent espera al propietari del recurs, que ignorarà l'etiqueta anterior, per la qual cosa perdrà part del trànsit dels directoris d'imatges, per exemple.

Com escriure l'atribut ALT?

Tècnicament, no hi ha res difícil d'omplir una descripció sota aquesta o aquella imatge. Això és obvi: heu d'anar a l'editor HTML del vostre lloc i trobar el codi de la imatge (comença amb IMG i acaba amb el mateix). Dins d'aquest bloc de codi, hi ha codi. Això és el que volen dir quan diuen que cal escriure l'atribut ALT. Això es fa així: " alt=""descripció".

Si no treballeu amb codi pur, però utilitzeu algun "motor" separat per al lloc (per exemple, Wordpress o Joomla), integra un mecanisme especial per afegir " alts" a través del qual es recordarà el nostre lloc pels motors de cerca. Si empleneu una ALT nova, l'actualització es troba a la vostra pàgina.

Què escriuen a l'atribut?

Per descomptat, quan tens la tasca d'escriure l'atribut ALT, no estàs pensant en la tècnicacostat. Molt sovint, aquesta pregunta es fa si l'administrador web no sap quina informació ha de proporcionar sobre una imatge concreta. Això fa que sigui difícil dir quina informació beneficiarà el lloc des del punt de vista dels motors de cerca.

A la pràctica, hi ha molts enfocaments per resoldre el problema de la descripció. Algú treballa amb plantilles típiques, segons les quals l'etiqueta simplement s'omple de paraules clau per a les quals es crea la pàgina. Potser aquesta és la pràctica més comuna que es pot trobar sovint. De vegades, en lloc de buscar com escriure l'atribut ALT, l'usuari simplement deixa aquest espai buit. Cal aclarir aquí que cadascú pren les seves pròpies decisions sobre quina descripció indicar.

f alta l'atribut alt
f alta l'atribut alt

Requisits

Al mateix temps, hi ha diverses regles bàsiques (o, si voleu, requisits) segons les quals tothom pot sumar l'atribut ideal per a les seves imatges. Consten d'un petit nombre d'elements, cadascun dels quals fa referència a les descripcions de fotos i imatges del lloc.

Per exemple, el primer requisit és la longitud de tot el text. Si busqueu com escriure correctament l'atribut ALT, la solució és elemental: no utilitzeu més de 2-3 paraules. En primer lloc, el text d'aquesta mida serà llegit per un robot de cerca (i farà que el vostre lloc sigui més rellevant); en segon lloc, aquesta descripció és més comprensible per als mateixos usuaris. D'acord, llegiu tota la frase, si només voleu saber què es mostra a la imatge, ningú ho farà. N'hi ha prou de ser breu i precís.una descripció que us serà útil tant per a vos altres com per als vostres clients.

No t'oblidis del significat. Si publiqueu una foto d'un elefant, assegureu-vos de descriure la seva raça o història; especifiqueu per què es representa en aquesta foto, què us agradaria dir amb això. Seria útil que el visitant conegués els vostres pensaments sobre aquest elefant.

Un altre punt important (que es va establir en el curs de nombroses proves pràctiques) és la singularitat. Si esteu buscant com afegir l'atribut "Imatge"a una imatge, recordeu que ha de ser únic per a cadascuna de les fotos enumerades al lloc. Per exemple, publicar tres imatges seguides amb la llegenda "el meu elefant" serà incorrecte; això només perjudicarà el vostre recurs als resultats de la cerca. És millor anomenar les imatges "elefant 1" i "elefant 2", cosa que les farà més úniques.

Finalment, tingueu en compte els paràmetres de les imatges a les quals busqueu com afegir l'atribut ALT. Per a les imatges, és important complir una sèrie de criteris: no ser massa petit, semblar realista. És a dir, si especifiqueu una descripció, feu-ho per a imatges més serioses que es tinguin en compte amb més pes. No qualifiqueu l'atribut "Imatge"per a algunes emoticones petites o alguna cosa semblant.

Cerca ALT

Finalment, hem parlat dels fonaments bàsics d'un atribut, algunes de les regles per a la seva compilació i els requisits d'ambdues parts (tant usuaris com robots de cerca) per a ells. Ara pensem: com cercar paraules clau i frases,que prescriurem al nostre lloc web? Com s'ha indicat anteriorment, la cerca s'ha de dirigir a bases de dades ja fetes de paraules clau que realment comencen a atraure clients al vostre lloc. Per descomptat, això no es pot aconseguir si encara no teniu l'atribut ALT. Agafeu paraules clau i frases fetes que feu servir al vostre contingut i enganxeu-les a les imatges.

Si no disposeu d'aquesta informació i no heu pensat gens a començar a promocionar progressivament el vostre recurs, us suggerim que comenceu a buscar bases de dades d'aquestes "paraules clau" amb les quals podreu crear nous llocs fàcilment. Per a això, serveis com l'eina d'extracció de paraules clau de Google o Yandex. Wordstat són perfectes, que mostren estadístiques de cerca per a determinades frases. Si "jugueu" amb aquesta configuració, podeu augmentar significativament la quota de trànsit de cerca als vostres llocs i començar així a obtenir nous beneficis. El més important és evitar una situació en què totes les imatges visibles no tinguin l'atribut ALT.

Conclusions

Llavors, què podem dir sobre l'atribut descrit en aquest article? Forma part del llenguatge en què es creen els llocs més senzills: HTML. És molt fàcil fer-ho, ja que descriu un llenguatge elemental i bàsic. Per poder registrar l'etiqueta en imatges, cal que l'emeteu de manera independent mitjançant el codi font. O, utilitzant les noves instruccions, torneu a beure. Sigui com sigui, etiquetar "Imatge" és el cas perfecte de benefici mutu quan tant el visitant com el propietari del recurs estan satisfets.

El fet d'indicar una etiqueta pot donar lloc a nousvisitants: aquest fenomen s'observa especialment sovint en serveis com Google i Yandex Images. Quan feu clic a una imatge, el lloc determina de manera independent la font de la qual es va prendre la imatge i redirigeix el visitant. I això, com enteneu, és molt important per poder fer-ho en el futur.

Recomanat: