ALT og TITLE attributter til beskrivelse af billeder. Alt og Title attributter for billeder: kunsten at komposition
Hilsen, kære webstedsbrugere. At optimere din blog er en kompleks proces, der kræver visse færdigheder, erfaring, og hvis du ikke har det, så skal du have en stor videnbase, som vi tager fra artikler på populære webmasters blogs.
Mange siger, at SEO er ved at dø, men der er stadig mange, der fortsætter med at følge reglerne i disse tre bogstaver. Enhver, der slet ikke er klar over, hvad SEO er, kan havne i en blindgyde. Dette problem er dog let løst, for alle. Efter at have lært de vigtigste aspekter på dette område, vil du være i stand til at mestre reglerne for at promovere din blog i søgemaskiner, og som vi ved, er dette det vigtigste.
Så hvad vil dagens artikel handle om? Nu vi taler om fejl hos mange designere, bloggere mv. Generelt mangel på omhu med at optimere billeder på webstedet, hvilket påvirker promoveringen af din ressource på internettet.
Hvad er ikke opmærksomhed? For eksempel skal titlen på billedet bestå af den nøgleforespørgsel, som artiklen er skræddersyet til. Yandex og Google er opmærksomme på dette, men folk i blogosfæren tænker ikke engang over det.
Lad os komme igang!
Hvad er alt og titel for billeder?
"alt"-attributten!
Dens formål er at vise et fragment af tekst fra et billede. Oftest er dette en beskrivelse af billedet. Det er ikke mærkbart for dine brugere. Sådanne tags er meget vigtige for søgemaskinepromovering. De betyder praktisk talt intet for folk.
Lad mig forklare med fingrene. Søgerobotten går rundt på webstederne, kom til dig, og hvis du husker det, skrev jeg i artiklen om unikke billeder, at den er opmærksom på tematiske billeder til indlægget, men ikke kun skal billedet være der, det til gengæld , bør være optimeret, fra du skal indtaste et navn.
Dermed søgetjek vil fange hele din artikel, og der vil ikke være nogen mangler eller mindre fejl. Baseret på dette vil vandreren være tæt på TOP-10 eller flyve dertil.
TOP betyder høj trafik. Jeg skrev om hvordan man øger det i en artikel om
titel attribut!
"title" er titlen. Sandsynligvis ved alle om dette. På et billede er dette en titel, der er tilgængelig for alle, når vi f.eks flytter musemarkøren hen over billedet, kommer der en kort tekst, som er titlen. Det hele er klart. Du kan angive titlen på din pc eller laptop, og så uploader du billedet i selve indlægget og indtaster igen titel og beskrivelse (alt).
Med hensyn til, hvad du skal skrive hvor, skal du ikke bekymre dig om det.
I titlen angiver nogle nøgleforespørgsel. Du skrev et indlæg om et webstedskort for folk, derefter i titlen og udfyld feltet med den samme sætning, sitemap for mennesker. Beskrivelsen eller alt er ikke synlig for andre end robotten, derfor kan du gøre noget som dette:
Et sitemap for folk, et plugin som dette, denne linje skal skrives her osv. Prøv at præsentere din artikel kortfattet. Bemærk kun de vigtigste aspekter, kun et par linjer.
Her er en anden ting om "titel". De bør ikke være længere end 5 ord. Det er også tilrådeligt, at du skriver dem på latin, det vil sige engelsk. Og vigtigst af alt skal billedformatet være jpg. Dette reducerer vægten, hvilket betyder, at den indlæses hurtigere, hvilket har en betydelig indvirkning på webstedstrafikken.
Du kan reducere vægten af et billede i Photoshop. Lad os åbne den. Klik på filen og derefter Gem til WEB. Hvor tallet 50, 60 eller noget andet er skrevet, kan du justere det, jo lavere, jo lavere vægt. Hvis du ikke har Photoshop endnu, så fortsæt og mestr det. Dette er trods alt et integreret element i enhver webmaster.
Hvis nogen er i tvivl om, at billedoptimering har en stor indflydelse på blogpromovering, så kan jeg sige én ting - tvivl ikke på det. Prøv at tjekke, udfør et eksperiment. Det vigtigste er ikke at vende det blinde øje til dette, for det er ikke ærgerligt at bruge 5 minutter ekstra. Især hvis du har skrevet en artikel før og lagt en del af dig selv ind i den. Jeg tænker, at det ikke ville være overflødigt at designe det bedst muligt, hvad synes du?
Hvorfor er det vigtigt at inkludere titel- og alt-tags? Hvordan føjes de til billeder?
Jeg fortalte dig lidt om dette. Men nu vil vi se nærmere. Se lige nedenfor er en liste over handlinger, der skal udføres ved udgivelse ny artikel til bloggen.
Her er de:
- Det første skridt er selvfølgelig at skrive en artikel og finde unikt billede. Som regel gør alle det standard skabelon, din egen, og de indsætter allerede et billede der, skærmbilleder, for eksempel, eller tegner noget, eller bestiller det fra en kunstner.
- Vi kiggede på de nøglesætninger, du brugte til indlægget, og inkluderede en i titlen;
- Den anden nøgle blev skrevet i alt, i beskrivelsen og et par flere ord blev tilføjet, hvilket fortyndede anmodningen med et ord.
- Nu gemmer vi ændringerne og tilføjer et billede til teksten, så kigger vi artiklen igennem og holder markøren over billedet, ser hvilken titel der vises. Alt er klar.
Kort sagt er fordelene som følger, dette er for dem, der endnu ikke er helt overbeviste.
- Mere trafik;
- Dens kvalitet er højere, som du antydede nøjagtige nøgler, som artiklen er dedikeret til, vil den besøgende indtaste dem i søgningen og finde den information, du har brug for, hvilket betyder, at de bliver på din blog længere, og antallet af fejl bliver mindre;
Denne information er for dem, der har arbejdet på deres hjemmeside i mere end et år, men der er intet resultat. Måske er dette netop problemet!
Det er her, jeg vil afslutte denne artikel. Jeg ønsker dig held og lykke med din forfremmelse. VIGTIG! Vig ikke tilbage fra sådanne tilsyneladende bagateller. Lyt til de anbefalinger, der helt sikkert vil hjælpe. Hej alle sammen!
Med venlig hilsenZhuk Yuri.
I dag står billeder for en del af alt webindhold. godt sted. Det er dog ikke alle brugere, der optimerer dem for bedre placering af hele webstedet som helhed. WordPress giver blandt dets andre funktioner praktiske værktøjer for at tilføje alt-tekst og billedtitel til de relevante tags. I dette materiale vil vi se på forskellen mellem attributter alt/titel og områder af deres anvendelse.
Hvorfor har vi brug for alt-attributten i billeder?
Alternativ tekst eller alt er HTML-attribut tilføjet til billedindsæt-tagget
. Denne tekst vil blive vist, hvis billedet af den ene eller anden grund ikke er indlæst og vist på siden. Dette træk giver information søgerobotter om, hvad der præcist er vist på billedet. Normalt i tagget alt skriv en kort beskrivelse af billedet. Derudover tjener attributten også til at forbedre tilgængeligheden af webstedet for personer med begrænset syn eller for dem, der bruger skærmlæsere. Læserprogrammet vil læse tekstdelen af siden, og når det når billedet, vil det også læse teksten, der ligger i alt. Takket være dette vil brugerne altid vide, hvad der er tegnet på billedet, selvom de ikke kan se det.
Hvordan og hvor udfyldes alt i WordPress?
WordPress giver ret praktiske værktøjer til at udfylde attributten alt. Så du kan angive det allerede, når billedet indlæses. For at gøre dette skal du åbne et indlæg eller en side, indsætte markøren, hvor billedet blev indsat og klik på knappen Tilføj mediefil.
Efter at der er trykket på knappen, åbnes et vindue Mediebiblioteker WordPress, hvor du skal angive den lokale placering af billedfilen. Som et resultat vil du se en sidebjælke med parametrene for den downloadede fil.
Som du kan se, er der et felt på panelet alt attribut. Som standard er den tom. Teksten i attributten skal være 2-3 ord lang, og de skal præcist beskrive, hvad der er på billedet. Klik på knappen for at indsætte et billede på webstedet Indsæt i post.
Hvorfor har vi brug for title-attributten i billeder?
Titel- en anden egenskab HTML-billedindsættelsestag
. Det bruges til titlen på billedet og angiver normalt dets titel. Bemærk også, at teksten indeni titel vil ikke blive vist til brugeren, hvis billedet ikke vises på siden.
Hvordan og hvor udfyldes titlen i WordPress?
Attributten udfyldes efter billedet er uploadet til siden. For at gøre dette i Mediebibliotek WordPress skal fremhæve billedet, hvorefter et kendt billede dukker op sidepanel.
Titel eller titlen skal angives på en meningsfuld måde afhængigt af de oplysninger, der vises på billedet. Samtidig skal teksten være forskellig fra attributten alt. Titlen kan være skrevet på russisk eller brugt translitteration. Ganske ofte bruger webstedsejere det til SEO-optimering ved at pege dertil søgeord. Du kan også indstille attributten, mens du er på indlægs- eller sideredigeringssiden. For at gøre dette skal du klikke på billedet og på det viste ekstra panel værktøjer, skal du klikke på redigeringsknappen med billedet af en blyant. Generelt, for at optimere et websted, anbefales det at bruge begge attributter til billeder. Attribut alt har én fordel - det hjælper søgemaskiner med at finde billeder på dit websted og vise dem i billedsøgeresultater. I dette tilfælde modtager webstedet ekstra trafik fra søgemaskiner. En anden fordel ved begge attributter er forbedret webstedsadgang for personer med særlige behov.
Egenskaber titel Og alt skal bruges til alle sammen Billeder eller links på siden, så søgemaskinerobotter forstår indholdet af hver links eller Billeder. Husk altid, at søgemaskinerobotter ikke ser websteder, som du og jeg gør.
Nedenfor kan du se eksempler på brug egenskaber titel Og alt Til Billeder Og links.
<AHREF= "http://www.ditwebsted.com" titel= "din sidetitel" alt= "din sidetitel" > din sidetitel
Lad os ved hjælp af et fiktivt eksempel se på, hvordan attributter faktisk bruges titel Og alt for et link til f.eks. en e-bog, der tilbydes til download fra en hjemmeside "Grundlæggende om realkreditlån":
HTML-kode til billedet:
<IMG SCR="/images/seo/alt-and-title-attributes.gif" titel="ALT attributter Og TITLE tag IMG" alt="ALT- og TITLE-attributter for IMG-tagget" />
ALT og TITLE tag attributter IMG
På trods af at brugen i optimering billeder attribut V titel Og alt- dette er en enkel måde at øge webstedets placering i søgemaskiner, mange webmastere bruger dem ikke fuldt ud, eller ignorerer dem endda fuldstændigt. Nogle mennesker forvirrer dem og forstår ikke, hvad forskellen er mellem titel Og alt. Det skal bemærkes, at ofte titel Og alt kaldes fejlagtigt tags, selvom de er det tag attributter img(fra ordet "billede") og ikke individuelle tags.
HTML tag img bruges til visning på hjemmesider billeder (billeder) V grafisk format GIF, JPEG eller PNG. Om nødvendigt kan billedet laves til et hyperlink ved at vedlægge tagget img ind i en beholder . Attribut alt giver en beskrivelse Billeder til browsere med grafik deaktiveret. Hvis denne attribut ikke er angivet, vil brugerne se et tomt ikon i stedet for et billede, og hvis alt er registreret, vil dens tekstindhold blive vist. Attribut alt har den største indflydelse på placeringen af billeder i søgemaskiner.
Attribut titel giver Yderligere Information om billedet og er dog valgfrit SEO - eksperter anbefale dens brug til bedre forfremmelse Ved billeder. Tekst inkluderet i attribut titel, vises, når du holder musen over billedet, og ifølge søgemaskinernes generelle koncept, tages der højde for alt, hvad brugeren ser, ved rangeringen. Du kan tjekke denne erklæring på billedet i begyndelsen af denne side.
Søgemaskinerobotter kan ikke genkende tekst trykt på grafiske billeder , Derfor nøglesætning skrevet på billedet med store bogstaver, vil ikke påvirke hende på nogen måde søgemaskine promovering. Tilføjelse af domænenavnet på dit websted vil have en større effekt - dette vil ikke kun hjælpe med at popularisere det, men vil også beskytte billedet mod kopiering.
Søgemaskiner ikke al tekst inkluderet i alt attribut: Google viser for eksempel kun de første 15-17 ord, og Yandex viser lidt flere - op til 28 ord. Under alle omstændigheder er dette antal ord ganske nok til at skabe en klar sammenhæng.
Søgemaskiner fokuserer på tekst relateret til billede. Især til det, der er skrevet direkte under det, opfatter denne tekst som navnet på billedet. Derfor skal titlen fuldstændig kopiere indholdet af den tilsvarende attribut alt og det skal placeres i samme afsnit <
p>, tabelcelle <
td> eller tag Som med alle andre spørgsmål Søgemaskine optimering, bør dit fokus være på at skabe unikt indhold der giver værdi til dit websteds brugere. At have en nøjagtig beskrivelse af billederne på din side vil være en stor hjælp, ikke kun for brugere med en meget langsom forbindelse eller som har billeder deaktiveret fuldstændigt, men det vil også være nyttigt for hovedparten af dine brugere, som vil sætte pris på, at de kan simpelthen holde musen henover billede få lidt mere information. BILLEDOPTIMERING
Oplysninger om billeder formidles af "alt"-attributten Billeder synes ofte at være en af de mest simple elementer websted, men deres brug kan også optimeres. Hvert billede har et filnavn og en "alt"-attribut. Begge disse elementer er nyttige. "alt"-attributten giver dig mulighed for at indtaste tekst, der vil blive vist, hvis billedet af en eller anden grund ikke kan vises (1). Hvorfor bruges denne egenskab? Hvis en bruger ser dit websted via en browser med billeder deaktiveret eller bruger en skærmlæser, Alt-teksten vil tjene som en beskrivelse af billedet. Alt tekst bruges også i billedlinks. I dette tilfælde behandles det af søgemaskiner som ankertekst til linket. På trods af dette anbefaler vi ikke at bruge et stort antal af grafiske links at navigere på dit websted, da tekstlinks tjener denne rolle lige så godt. Og endelig hjælper en kompetent beskrivelse af billedet i alt-tagget sammen med et informativt filnavn billedsøgningssystemer som Search Google Billeder, indekser billeder fra dit websted. Filer skal gemmes i separate mapper og gemmes i offentligt tilgængelige formater I stedet for at gemme billedfiler i forskellige mapper og undermapper på et domæne, du bør samle dem alle i én mappe(For eksempel, moyastranaotkrytok.ru/images/). Dette forenkler stien til grafikfiler. Brug bredt understøttede filtyper. De fleste browsere understøtter grafik i JPEG-format, GIF, PNG og BMP. Det er også en god idé, hvis filtypenavnet matcher dens type. PRAKTISKE TIPS
Skriv informative ankre. Ankerteksten skal indeholde mindst kort information om linksiden. Vi anbefaler ikke: Stræb efter korthed. Dit mål er en kort og informativ tekst, som regel en nøjagtige sætning. Vi anbefaler ikke: Fremhæv links. Gør din linkankertekst visuelt adskilt fra dit websteds almindelige tekst. Brugeren vildledes af subtile links eller links, som han kan klikke på ved et uheld. Vi anbefaler ikke: Glem ikke ankertekst til interne links. Du fokuserer måske primært på links, der peger på andre websteder, men interne links ikke mindre vigtigt, da de hjælper Google er bedre crawle dit websted. Vi anbefaler ikke: Hvis vi blev bedt om at komme med en sætning for at formidle vigtigheden af alt-tekst, ville det lyde sådan her: et billede uden ord er som en ild uden træ. Hvilken slags tekst er dette, og hvordan påvirker det Søgemaskine optimering dit websted? Alt tekst kaldes Kort beskrivelse ethvert billede. Udtrykket kommer fra udtrykket "alternativ tekst." Det vises ikke på webstedet og er ikke synligt for besøgende, det er en type metadata, der er skjult for nysgerrige øjne. Men på trods af at næsten ingen læser alt-tekster, er de meget vigtige af to grunde: Det her nyttigt værktøj til SEO. Søgemaskiner kan ikke genkende billeder og reagere udelukkende på ord. Ved at tilføje alt-tekst til et billede, gør du det "synligt" for Yandex eller Google, og som et resultat begynder dit websted at stige i søgeresultater. De gør siden tilgængelig. Mennesker med synshandicap bruger særlige programmer at læse, når du går på nettet. Disse programmer kan, ligesom søgemaskiner, ikke genkende billeder. Alt-tekster hjælper. De beskriver billedet, og for en person, der har dårligt syn, bliver alt klart. Nu hvor vi forstår vigtigheden af alt-tekst, lad os se på, hvad det skal være, og hvad du skal huske på, når du tilføjer det. Vær ikke udførlig. Når du tilføjer alternativ tekst, så prøv at holde den på maksimalt 15 ord. Skriv tydeligt. Når du tilføjer alternativ tekst, beskriver du billedet til en person, der ikke kan se det. Sørg for, at den imaginære læser forstår teksten korrekt og er i stand til at forestille sig billedet ud fra dets beskrivelse. Overvej konteksten. Alt tekst afhænger ofte af ressourcens indhold og emne. Forestil dig et billede af et lykkeligt par, der forbereder middag. På en madblog vil det have én betydning, men på en datingside vil det have en helt anden betydning. Derfor skal alt-tekster svare til konteksten på webstedet og den enkelte side. Spam ikke. Tilføj ikke søgeord eller metatags til alt-tekstfeltet, selvom du virkelig ønsker det. Kom i stedet med god beskrivelse og medtag omhyggeligt et par ord, der egner sig til forfremmelse. Gå ikke væk fra pointen. Du har ikke meget plads, så fokuser på det væsentlige. Det kan være mennesker, genstande, steder, farver, ophavsmanden til billedet eller atmosfæren. Generelt skal du ikke blive spredt og notere, hvad du skal være opmærksom på. Det er meget nemt at tilføje alt-tekst. Her er instruktionerne. Klik på billedet. Klik på ikonet "Indstillinger". Tilføj alt-tekst til feltet "Fototekster" - "Beskriv billedet for søgemaskiner." Åbn et nyt eller allerede skrevet indlæg i blogeditoren.
Til Wix-websted:
For en blog på Wix: