Hver nettside lages ved hjelp av markup - kode som er skrevet på et spesielt gitt språk (oftest HTML). Brukerens nettleser kan på sin side lese denne koden for riktig å vise all informasjonen som skaperne av ressursen ønsket å formidle til oss. Det viser seg at alle elementene vi ser på en nettside leveres av kildekoden til nettstedet vi besøker.
Kodeoptimalisering
Som du kan gjette, har hver bokstav i denne koden, hvert symbol en betydning. Interessant nok hender det også at nettstedet visuelt ikke inneholder de elementene som er ekstremt viktige for optimaliseringen (som betyr riktig innstilling av ressursen for søkemotorer). ALT-attributtet kan tilskrives antall slike knapt merkbare, for eksempel. Det er på sidene til mange ressurser, og veldig ofte legger vi rett og slett ikke merke til det.
I denne artikkelen ønsker vi å ta hensyn til nettopp dette elementet i webdesign. Her vil vi fortelle deg hvorfor det er så viktig for riktig rangering av nettstedet, veksten av trafikken og brukerens bekvemmelighet ved å jobbe med det.
Hva er ALT-attributtet?
La oss starte helt fra begynnelsen: vi vil beskrive hva denne artikkelen handler omtale og hvorfor vi i det hele tatt trenger denne egenskapen.
Så, for å forstå denne teksten, må du først forstå HTML-kodespråket. Dette er koden som de grunnleggende nettsidene er skrevet på, som, som allerede nevnt, har egenskapen til å vises i nettleseren. Hele språket består av spesielle attributter (som IMG, ALT, FONT og så videre). Hver av dem er ansvarlig for å jobbe med et eller annet designelement. I praksis brukes "Image"-attributtet nevnt ovenfor for bilder som kan finnes på nettsider. Mer spesifikt, med dens hjelp, opprettes en beskrivelse for bildene, i henhold til hvilken brukeren (besøkende på nettstedet) enkelt kan forstå hva som vises på dem. Du har sikkert selv vært borti slike beskrivelser - de dukker opp når du holder musen over bildet.
Praktisk verdi
Selvfølgelig brukes disse attributtene i praksis av en grunn. Webmastere trenger beskrivelser for bildene sine like mye som besøkende på nettstedet gjør (sannsynligvis flere). Tross alt, hvis alle bilder mangler ALT-attributtet, kan det hende at en person ikke engang legger merke til dette hvis forklarende tekster legges til bildene på siden. På den annen side kan det hende at søkeroboter (med en tom ALT) ikke rangerer nettstedet høyt nok, reduserer dets posisjon i søkeresultatene og vil dermed ikke få inn et tilstrekkelig antall besøkende. Derfor kan vi med sikkerhet si at beskrivelsene for bildene på siden også spiller en viktig rolle for webansvarlige selv, så de kan ikkeforsømmelse.
Bonuser fra søkemotorer
La oss gi et lite eksempel for bedre å forstå fordelene med korrekt utfylte beskrivelsestagger for bilder. La oss si at det er et nettsted med bilder på den. Hvis ALT-attributtet ikke er angitt, vil brukeren ikke lide, fordi han i alle fall vil se hva som vises på et bestemt bilde. Et helt annet utfall venter på eieren av ressursen, som vil neglisjere taggen ovenfor, på grunn av dette vil han miste en del av trafikken fra for eksempel bildekataloger.
Hvordan skriver jeg ALT-attributtet?
Teknisk er det ikke noe vanskelig å fylle ut en beskrivelse under dette eller det bildet. Dette er åpenbart: du må gå til HTML-editoren på nettstedet ditt og finne bildekoden (starter med IMG og slutter med det samme). Inne i denne kodeblokken er det kode. Dette er hva de mener når de sier at du må skrive ALT-attributtet. Dette gjøres slik: " alt=""beskrivelse".
Hvis du ikke jobber med ren kode, men bruker en separat "motor" for nettstedet (for eksempel Wordpress eller Joomla), integrerer den en spesiell mekanisme for å legge til " alter" som nettstedet vårt vil bli husket gjennom av søkemotorer. Hvis du fyller inn en ny ALT, er oppdateringen på siden din.
Hva skriver de i attributtet?
Selvfølgelig, når du har i oppgave å skrive ALT-attributtet, tenker du ikke på tekniskside. Oftest stilles dette spørsmålet hvis nettredaktøren ikke vet hvilken informasjon han trenger å gi om et bestemt bilde. Dette gjør det vanskelig å si hvilken informasjon som vil være til nytte for nettstedet fra søkemotorenes synspunkt.
I praksis er det mange tilnærminger til å løse beskrivelsesproblemet. Noen jobber med typiske maler, ifølge hvilke taggen bare fylles med nøkkelord som siden er opprettet for. Kanskje dette er den vanligste praksisen som kan finnes ofte. Noen ganger, i stedet for å lete etter hvordan man skriver ALT-attributtet, lar brukeren ganske enkelt denne plassen stå tom. Det bør presiseres her at alle tar sine egne avgjørelser om hvilken beskrivelse som skal angis.
Requirements
Samtidig er det flere grunnleggende regler (eller, om du vil, krav) som alle kan legge sammen den ideelle egenskapen for bildene sine. De består av et lite antall elementer, som hver refererer til beskrivelsene av bilder og bilder på nettstedet.
For eksempel er det første slike krav lengden på hele teksten. Hvis du leter etter hvordan du skriver ALT-attributtet riktig, er løsningen elementær: bruk ikke mer enn 2-3 ord. Tekst av denne størrelsen vil, for det første, ideelt sett bli lest av en søkerobot (og gjøre nettstedet ditt mer relevant); for det andre er en slik beskrivelse mer forståelig for brukerne selv. Enig, les hele setningen, hvis du bare vil vite hva som vises på bildet er det ingen som vil. Det er nok å være kort og presis.en beskrivelse som vil være nyttig for både deg og kundene dine.
Ikke glem meningen. Hvis du legger ut et bilde av en elefant, sørg for å beskrive rasen eller historien; spesifiser hvorfor det er avbildet på dette bildet, hva du vil si med dette. Det ville være nyttig for den besøkende å vite hva du tenker om denne elefanten.
Et annet viktig poeng (som ble etablert i løpet av en rekke praktiske prøver) er unikhet. Hvis du leter etter hvordan du legger til "Image"-attributtet til et bilde, husk at det må være unikt for hvert av de oppførte bildene på nettstedet. For eksempel vil det være feil å publisere tre bilder på rad med bildeteksten "min elefant" - dette vil bare skade ressursen din i søkeresultatene. Det er bedre å navngi bildene "elefant 1" og "elefant 2", som vil gjøre dem mer unike.
Til slutt, husk parametrene til selve bildene du leter etter hvordan du legger til ALT-attributtet. For bilder er det viktig å oppfylle en rekke kriterier – å ikke være for liten, å se realistisk ut. Det vil si, hvis du spesifiserer en beskrivelse, så gjør det for mer seriøse bilder som blir tatt mer vekt på. Ikke kvalifiser "Image"-attributtet for noen små uttrykksikoner eller noe sånt.
Søk ALT
Til slutt snakket vi om det grunnleggende om et attributt, noen av reglene for dets kompilering og kravene fra begge parter (både brukere og søkeroboter) til dem. La oss nå tenke: hvordan søke etter søkeord og setninger,som vi vil foreskrive på nettsiden vår? Som nevnt ovenfor, bør søket rettes mot ferdige databaser med søkeord som virkelig begynner å tiltrekke kunder til nettstedet ditt. Dette kan selvfølgelig ikke oppnås hvis du fortsatt mangler ALT-attributtet. Ta ferdige søkeord og fraser som du bruker i innholdet ditt og lim dem inn i bilder.
Hvis du ikke har slik informasjon og du ikke har tenkt i det hele tatt på å begynne å gradvis markedsføre ressursen din, foreslår vi at du begynner å lete etter databaser med slike "søkeord" som du enkelt kan lage nye nettsteder med. For dette er tjenester som Google Keyword Extract Tool eller Yandex. Wordstat perfekte, som viser søkestatistikk for visse fraser. Ved å "leke" med disse innstillingene kan du øke andelen søketrafikk på nettstedene dine betydelig og dermed begynne å høste nye fordeler. Det viktigste er å unngå en situasjon der alle synlige bilder mangler ALT-attributtet.
Konklusjoner
Så, hva kan vi si om egenskapen som er beskrevet i denne artikkelen? Det er en del av språket som de enkleste nettstedene lages på - HTML. Det er veldig enkelt å gjøre dette, siden det beskriver et elementært, grunnleggende språk. For fortsatt å registrere taggen i bilder, må du selvstendig utstede den gjennom kildekoden. Eller, bruk de nye instruksjonene, begynn å lage ut igjen. Uansett så er det å merke "Bilde" det perfekte tilfellet av gjensidig nytte når både besøkende og eieren av ressursen er fornøyde.
Indikering av en tag kan føre til nyebesøkende - dette fenomenet er spesielt ofte observert på tjenester som Google og Yandex Images. Når du klikker på et bilde, bestemmer nettstedet uavhengig kilden bildet ble tatt fra og omdirigerer besøkende. Og dette er, som du forstår, veldig viktig å kunne gjøre i fremtiden.
