Hvordan tilføjer man ALT-attributten til et billede korrekt?

Indholdsfortegnelse:

Hvordan tilføjer man ALT-attributten til et billede korrekt?
Hvordan tilføjer man ALT-attributten til et billede korrekt?
Anonim

Hver webside er oprettet ved hjælp af opmærkning - kode, der er skrevet på et specielt givet sprog (oftest HTML). Brugerens browser kan til gengæld læse denne kode for korrekt at vise al den information, som skaberne af ressourcen ønskede at formidle til os. Det viser sig, at alle de elementer, vi ser på en webside, leveres af kildekoden på det websted, vi besøger.

Kodeoptimering

indstille ALT-attributten
indstille ALT-attributten

Som du kan gætte, har hvert bogstav i denne kode, hvert symbol en betydning. Interessant nok sker det også, at webstedet visuelt ikke indeholder de elementer, der er ekstremt vigtige for dets optimering (hvilket betyder den korrekte indstilling af ressourcen til søgemaskiner). ALT-attributten kan f.eks. tilskrives antallet af sådanne knapt mærkbare. Det er på siderne af mange ressourcer, og meget ofte bemærker vi det simpelthen ikke.

I denne artikel vil vi gerne være opmærksomme på netop dette element af webdesign. Her vil vi fortælle dig, hvorfor det er så vigtigt for webstedets korrekte placering, væksten af dets trafik og brugerens bekvemmelighed ved at arbejde med det.

Hvad er ALT-attributten?

Lad os starte helt fra begyndelsen: vi vil beskrive, hvad denne artikel handler omtale og hvorfor vi overhovedet har brug for denne egenskab.

ALT attribut
ALT attribut

Så for at forstå denne tekst skal du først forstå HTML-markeringssproget. Dette er koden, som de grundlæggende websider er skrevet på, som, som allerede nævnt, har egenskaben til at blive vist i browseren. Hele sproget er opbygget af specielle attributter (som IMG, ALT, FONT og så videre). Hver af dem er ansvarlige for at arbejde med et eller andet designelement. I praksis bliver "Image"-attributten nævnt ovenfor brugt til billeder, der kan findes på hjemmesider. Mere specifikt oprettes der med dens hjælp en beskrivelse til billederne, ifølge hvilken brugeren (webstedets besøgende) nemt kan forstå, hvad der vises på dem. Du er helt sikkert selv stødt på sådanne beskrivelser - de dukker op, når du holder musen over billedet.

Praktisk værdi

Selvfølgelig anvendes disse attributter i praksis af en grund. Webmastere har lige så meget brug for beskrivelser til deres billeder som besøgende på webstedet (sandsynligvis flere). Når alt kommer til alt, hvis alle billeder mangler ALT-attributten, vil en person måske ikke engang bemærke dette, hvis der tilføjes forklarende tekster til billederne på siden. På den anden side kan søgerobotter (med en tom ALT) muligvis ikke rangere webstedet højt nok, reducere dets placering i søgeresultaterne og vil derfor ikke bringe et tilstrækkeligt antal besøgende ind. Derfor kan vi med tillid sige, at beskrivelserne til billederne på siden også spiller en vigtig rolle for webmasterne selv, så de kan ikkeforsømmelse.

Alle synlige billeder mangler ALT-attributten
Alle synlige billeder mangler ALT-attributten

Bonusser fra søgemaskiner

For bedre at forstå fordelene ved korrekt udfyldte beskrivelsestags til billeder, lad os give et lille eksempel. Lad os sige, at der er en hjemmeside med billeder hostet på den. Hvis ALT-attributten ikke er indstillet, vil brugeren ikke lide, fordi han under alle omstændigheder vil se, hvad der vises på et bestemt billede. Et helt andet resultat venter på ejeren af ressourcen, som vil forsømme ovennævnte tag, som vil miste en del af trafikken fra f.eks. billedmapper.

Hvordan skriver man ALT-attributten?

Teknisk er der ikke noget svært ved at udfylde en beskrivelse under dette eller hint billede. Dette er indlysende: du skal gå til HTML-editoren på dit websted og finde billedkoden (starter med IMG og slutter med det samme). Inde i denne kodeblok er der kode. Det er det, de mener, når de siger, at du skal skrive ALT-attributten. Dette gøres sådan: " alt=""beskrivelse".

Hvis du ikke arbejder med ren kode, men bruger en separat "motor" til siden (for eksempel Wordpress eller Joomla), integrerer den en speciel mekanisme til at tilføje " alts", hvorigennem vores side vil blive husket af søgemaskiner. Hvis du udfylder en ny ALT, er opdateringen på din side.

Hvad skriver de i attributten?

Når du har til opgave at skrive ALT-attributten, tænker du selvfølgelig ikke på tekniskside. Oftest stilles dette spørgsmål, hvis webmasteren ikke ved, hvilke oplysninger han skal give om et bestemt billede. Dette gør det svært at sige, hvilken information der vil gavne webstedet set fra søgemaskinernes synspunkt.

I praksis er der mange tilgange til at løse beskrivelsesproblemet. Nogen arbejder med typiske skabeloner, ifølge hvilke tagget blot er fyldt med søgeord, som siden er oprettet til. Måske er dette den mest almindelige praksis, der kan findes ofte. Nogle gange, i stedet for at lede efter, hvordan man skriver ALT-attributten, lader brugeren blot dette rum stå tomt. Det skal her præciseres, at alle træffer deres egne beslutninger om, hvilken beskrivelse der skal angives.

manglende alt-attribut
manglende alt-attribut

Requirements

Samtidig er der flere grundlæggende regler (eller, hvis du vil, krav), ifølge hvilke alle kan tilføje den ideelle egenskab for deres billeder. De består af et lille antal genstande, som hver især refererer til beskrivelserne af fotos og billeder på webstedet.

For eksempel er det første sådanne krav længden af hele teksten. Hvis du leder efter, hvordan du skriver ALT-attributten korrekt, er løsningen elementær: brug ikke mere end 2-3 ord. Tekst af denne størrelse vil for det første ideelt set blive læst af en søgerobot (og gøre dit websted mere relevant); for det andet er en sådan beskrivelse mere forståelig for brugerne selv. Enig, læs hele sætningen, hvis du bare vil vide, hvad der er vist på billedet, er der ingen, der vil. Det er tilstrækkeligt at være kort og præcis.en beskrivelse, der vil være nyttig for både dig og dine kunder.

Glem ikke betydningen. Hvis du poster et billede af en elefant, skal du sørge for at beskrive dens race eller historie; angiv, hvorfor det er afbildet på dette billede, hvad du gerne vil sige med dette. Det ville være nyttigt for den besøgende at kende dine tanker om denne elefant.

Et andet vigtigt punkt (som blev etableret i løbet af adskillige praktiske tests) er unikhed. Hvis du leder efter, hvordan du tilføjer "Image"-attributten til et billede, skal du huske, at det skal være unikt for hvert af de angivne billeder på webstedet. For eksempel vil det være forkert at offentliggøre tre billeder i træk med billedteksten "min elefant" - dette vil kun skade din ressource i søgeresultaterne. Det er bedre at navngive billederne "elefant 1" og "elefant 2", hvilket vil gøre dem mere unikke.

Til slut skal du huske parametrene for de billeder, du leder efter, hvordan du tilføjer ALT-attributten. For billeder er det vigtigt at opfylde en række kriterier – ikke at være for lille, at se realistisk ud. Det vil sige, hvis du angiver en beskrivelse, så gør det for mere seriøse billeder, der tages mere vægt på. Kvalificer ikke "Image"-attributten for nogle små humørikoner eller sådan noget.

Søg ALT

Til sidst t alte vi om det grundlæggende i en attribut, nogle af reglerne for dens kompilering og kravene fra begge parter (både brugere og søgerobotter) til dem. Lad os nu tænke: hvordan man søger efter søgeord og sætninger,som vi vil ordinere på vores hjemmeside? Som nævnt ovenfor skal søgningen rettes mod færdige databaser med søgeord, der virkelig begynder at tiltrække kunder til dit websted. Dette kan selvfølgelig ikke opnås, hvis du stadig mangler ALT-attributten. Tag færdige søgeord og sætninger, som du bruger i dit indhold, og indsæt dem i billeder.

Hvis du ikke har sådanne oplysninger, og du slet ikke har tænkt på at begynde gradvist at promovere din ressource, foreslår vi, at du begynder at lede efter databaser med sådanne "søgeord", som du nemt kan oprette nye websteder med. Til dette er tjenester som Google Keyword Extract Tool eller Yandex. Wordstat perfekte, som viser søgestatistikker for bestemte sætninger. Ved at "lege" med disse indstillinger kan du øge andelen af søgetrafik på dine sider markant og derved begynde at høste nye fordele. Det vigtigste er at undgå en situation, hvor alle synlige billeder mangler ALT-attributten.

Konklusioner

Så hvad kan vi sige om den egenskab, der er beskrevet i denne artikel? Det er en del af det sprog, som de enkleste sider er lavet på - HTML. Det er meget nemt at gøre dette, da det beskriver et elementært, grundlæggende sprog. For stadig at registrere tagget i billeder, skal du selvstændigt udstede det gennem kildekoden. Eller ved at bruge de nye instruktioner, begynd at tegne igen. Hvorom alting er, at tagge "Billede" er det perfekte tilfælde af gensidig fordel, når både den besøgende og ejeren af ressourcen er tilfredse.

Angivelse af et tag kan føre til nyebesøgende - dette fænomen observeres især ofte på tjenester som Google og Yandex Images. Når du klikker på et billede, bestemmer webstedet uafhængigt af kilden, hvorfra billedet er taget, og omdirigerer den besøgende. Og dette er, som du forstår, meget vigtigt at kunne gøre i fremtiden.

Anbefalede: