Mõelgem küsimusele, miks peate veebisaidil pilte kasutama ja millist rolli need mängivad ressursi SEO optimeerimisel. Lisaks vaatleme selliste HTML-i komponentide kasutamist nagu piltide pealkiri ja alt atribuut ning miks need on olulised. Toome näiteid optimeeritud ja optimeerimata piltidest, mõelgem, millise kvaliteediga pilte kasutatakse ja kuidas see veebiressursi tööd mõjutab.
Veebiprojektis piltide kasutamise plussid ja miinused:
1. Plussid.
Tõenäoliselt märkate mis tahes veebisaidile minnes, et peaaegu igal neist on mitmesuguseid pilte, fotosid, pilte või muid graafilisi elemente.
Tihti juhtub see, et saidi omanik kirjutab teatud teemal teise teksti ja soovib oma mõtteid selgelt rõhutada, et saidile sattunud külastaja saaks sellest selgemalt aru ja jääks saadud teabega täies mahus rahule. Kuna see avaldab hiljem positiivset mõju ressursi autoriteedile kasutajate silmis ja veebisaidi reklaamimisele otsingumootorites, sotsiaalvõrgustikes jne.
Inimesed, kes surfavad Internetis vajaliku teabe (sisu) otsimisel, teavad, et teie sait sisaldab lisaks kvaliteetsele ja kasulikule materjalile ka visuaalseid abivahendeid piltide, piltide ja muu graafika kujul. Loomulikult, et teie pildid jätaksid mulje, peate need saidile üles laadima, eelistatavalt suurepärase kvaliteediga, täites loomulikult atribuudi title ja alt.
Järgmine positiivne külg piltide kasutamisel veebisaidil on võimalus neid optimeerida vastava ressursilehe, millel need asuvad, teatud võtmepäringute jaoks. See, muide, mõjutab otseselt lehe reklaamimist vastavalt reklaamitavatele märksõnadele.
Lisaks pakuvad otsingumootorid veebiprojektides asuvate piltide otsimist. Kui olete piltide jaoks registreerinud võtmed, saab kasutaja, kes valib selle päringu alusel pildi, minna teie ressurssi kasutades valitud pilti. Selle tulemusena saate teise sihitud külastaja.
2. Miinused.
Veebilehtedel piltide, fotode, piltide kasutamisel leiab miinuseid peamiselt algajate seas, sest graafiliste elementide kasutamine veebiprojektis võib lugejat ehmatada.
Põhjused:
Madala kvaliteediga piltide üleslaadimine kohutavas seisukorras;
Fotode kasutamine on üldiselt teemaväline;
Liiga paljude piltide olemasolu, mis lisab lehele lisaraskust ja pikendab selle laadimist (isegi malli taustal);
Optimeerimise puudumine, st. piltidel ei ole alt- ja title-atribuute ning need ei ole "kohandatud" konkreetsete võtmepäringute jaoks.
Pealkirja ja alt atribuutide roll pildi SEO optimeerimisel
Nagu eespool mainitud, aitab piltide kasutamine saidi reklaamimisel ja otsingumootorites reklaamimisel. Lisaks pakub see täiendavat sihitud külastajate sissevoolu samadest otsingumootoritest. Ja selleks peate lihtsalt kasutama paari lihtsat, kuid samal ajal olulist atribuuti - see on atribuut pealkiri ja atribuut alt mis tahes piltide, piltide, fotode ja muu graafika jaoks. Nende atribuutide olemus on kasutada neid selleks, et välja pigistada maksimum, mis aitab ressurssi otsingumootorites reklaamida. Kuna atribuute on ainult kaks, on neil ka kaks rolli, mis erinevad üksteisest.
Hoolimata asjaolust, et see on lihtne meetod veebiprojekti positsiooni suurendamiseks otsingumootorites, ei kasuta enamik veebihaldureid neid täielikult või isegi ignoreerivad neid. Mõned inimesed ajavad need täiesti segadusse ega mõista nende erinevust. Samuti juhtub, et neid atribuute nimetatakse siltideks, kuid need on img-sildi atribuudid (sõnast "image"), kuid mitte eraldi sildid, pidage seda meeles!
HTML-i img-märgendit kasutatakse PNG-, JPEG- või GIF-vormingus piltide (piltide, fotode) kuvamiseks veebisaidi lehel. Vajadusel saab sama pildi teha lingiks, selleks tuleb konteinerisse panna silt “img”. .
1. ALT atribuut.
See atribuut sisaldub HTML-i keeles. Selle eesmärk on kirjeldada objekti, et anda selle objekti kohta lisateavet (meie puhul pilte). Need. Piltide atribuut alt edastab selle kirjelduse brauseritele, kui graafika on keelatud. Kui te seda atribuuti ei määra, näeb külastaja soovitud pildi asemel tühja ikooni, kuid kui määrate atribuudi alt, kuvatakse selle tekst. Muide, sellel atribuudil on kõige suurem mõju piltide järjestusele otsingumootori robotite järgi.
Kuidas see atribuut töötab? Jah, see on väga lihtne: võtke valitud pilt, mille olete juba oma arvutisse alla laadinud, ja laadige see üles oma veebisaidi vajalikule lehele õiges kohas. Seejärel leidke selle pildi HTML-kood ja sisestage sellele järgmine tähendus: alt = "Kirjeldage pilti lühidalt ja sisestage märksõnad." Kirjeldus peaks olema võimalikult lühike (maksimaalselt paar lauset) ja samuti pole vaja sinna lisada palju märksõnu, kuna otsingumootorid suhtuvad sellesse negatiivselt ja see võib teie projekti negatiivselt mõjutada.
Atribuut alt töötab järgmiselt: külastaja tuleb teie saidile, näeb pilti, kuid selle kirjeldus pole talle kättesaadav (kui tema brauseris on piltide näitamise funktsioon lubatud), kuid otsingurobotid näevad seda ressursi indekseerimisel. Kui see funktsioon on kasutaja brauseris keelatud, näeb ta pildi asemel teksti (teie kirjeldust), mille järgi lugeja saab aru, millise pildiga on tegu.
2. atribuut TITLE
See pealkirja atribuut sisaldub ka HTML keeles. Selle eesmärk on põhimõtteliselt sama mis atribuudil alt, kuid erinevus seisneb selles, et külastaja näeb teie kirjeldust, kui ta viib kursori valitud pildi kohale. See atribuut ei mõjuta saidi reklaamimist ja reklaamimist, kuid see võib mõjutada käitumistegurit, mis mõjutab veebiprojekti järjestust. Kirjutame selle järgmiselt: pealkiri = "Kirjelda pilti." See on kõik. Olgu lisatud, et pildi optimeerimine ja selle atribuudid mängivad olulist rolli saitide reklaamimisel otsingumootorites.
Allpool on näited SEO jaoks optimeeritud piltidest, mis kasutavad pealkirja ja alt atribuute
Näete optimeeritud piltide näiteid järgmiste atribuutidega:
Pealkirja ja alt atribuutide täitmine kasutaja jaoks on WordPressi CMS-is palju lihtsam. Kui laadite saidile pildi üles, kuvatakse spetsiaalne laadur ja spetsiaalne optimeerimise aken:
Pealkiri (mitte segi ajada pealkirjaga) täidetakse automaatselt, kuid atribuut alt tuleb ise täita. Järgmisena tuleb kohe pärast pildi saidile sisestamist seda redigeerida. Klõpsake seda visuaalses redaktoris ja teid suunatakse redaktori aknasse:
Nagu näete, saab siin sisestada atribuudi alt, kuid see on juba täidetud (see on oluline ka pildi jaoks, mida kasutate pisipildina). Siin tuleb täita atribuut pealkiri, kirjutades sellesse võtmepäringud, mis on identsed pistikprogrammis määratud päringutega: All In SEO Pack. Pärast seda salvestage ja ongi kõik – teie pilt on optimeeritud.
Millise kvaliteediga pilte saidil kasutada?
Peate saidile üles laadima parima võimaliku kvaliteediga pildid, kuid peate veenduma, et need ei mõjuta lehe laadimise kiirust. Kuna endiselt on kasutajaid, kellel on madal Interneti-kiirus, siis kui lehe laadimine võtab kaua aega, lahkub inimene kindlasti saidilt ja tõenäoliselt ei naase!
Seda nüanssi on märgata ka paljudes veebiprojektides: lisaks suure kilobaidise (suuruse) pildi kasutamisele ei kasutata siin loomulikult title ja alt atribuute, kuid kasutatakse ka saidi tausta tohutut suurust. Kui soovite saidi taustana kasutada ka pilti, soovitame teil valida selle väikese ja ühevärvilise, kuna see silub ja saate kindla pildi.
Lisaks kvaliteetsete piltide saidile üleslaadimisele ärge unustage hostimise kettaruumi tarbimist ja selle töö kiirust. Mida madalam on kiirus, seda aeglasemalt laaditakse ressursse. Seetõttu soovitame enne veebisaidi lehel kvaliteetse pildi kasutamist otsustada, kus seda kasutada ja kui palju pilte saab lehele üles laadida.
Pildi kaalu vähendamiseks saate kasutada ka Photoshopi. Avage programmis menüü "Fail" → "Salvesta veebi ja seadmete jaoks" - see on kõik.
Parandage oma projekti optimeerimist, koos pädeva projektiga saate hea!
Peaaegu igal artiklil ja Interneti-leheküljel on lingid ja pildid ning kui teil neid äkki pole, lisage need kohe ja optimeerige. Saate optimeerida pilte ja linke, kasutades pealkirja ja alt atribuute. Kuidas seda õigesti teha, uurime selles artiklis.
Varem vaatasime seda üldiselt, nüüd räägime täpsemalt piltidest ja linkidest.
Pealkirja ja alt atribuutide õige kasutamine võimaldab teil optimeerida oma pilte ja linke ning suurendada saidi liiklust.
Leheküljel navigeerimine:
Pealkirja ja alt atribuutide erinevus
Mis vahe on pealkirja ja alt atribuutide vahel?? Esmapilgul on neil sarnane informatiivne koormus, kuid neil on erinevusi ja väga olulisi.
pealkirja atribuut(mitte segi ajada pealkirjaga) kirjeldab elementi, milles see asub, kui hõljutate kursorit elemendi kohal, näete atribuudis peidetud kirjeldust. Atribuudi põhieesmärk on anda saidi külastajale lisateavet. Pealkiri peaks paljastama elemendi olemuse, olgu selleks siis pilt või link.
alt atribuut- on img-sildi atribuut, mille eesmärk on kuvada pildi olemus juhul, kui pilti pole võimalik laadida või kui piltide joonistamine on brauseri sätetega tahtlikult keelatud. Teine omadus, mida ei tohiks tähelepanuta jätta, on asjaolu, et alt-atribuuti loevad otsingurobotid. Kuna nad praegu pilte lugeda ei oska, on alt atribuut nende jaoks info pildi kohta, mille nad sisestavad oma andmebaasi.
Piltide Alt ja title atribuudid.
Postitustele piltide lisamisel kasutage kindlasti pealkirja ja alt atribuute. Nendesse atribuutidesse tasub lisada oma postituse jaoks asjakohased märksõnad, mis mitte ainult ei anna märksõnade kontsentratsiooni sisu üldises "pildis", vaid võimaldab teil ka pildiotsingutes edasi liikuda.
Mida kirjutada pealkirja ja alt atribuutidele?
Atribuut pealkiri on mõeldud külastajatele, et saada üksikasjalikku teavet pildi kohta. Kui hõljutate kursorit pildi kohal, saame teksti, mis pealkirjas oli kirjutatud. Pealkiri peaks sisaldama põhjalikku kirjeldust, mis võimaldab teil mõista pildi olemust.
Alt on otsingurobotite jaoks informatiivsem, kuna see on alternatiiv graafilisele pildile ja sellesse atribuuti tasub sisestada konkreetsemad sõnad, mis võtavad kokku esitatava olemuse.
Näide pealkirja ja alt atribuutide kasutamisest piltide optimeerimisel.
Vaatame näidet title ja alt atribuutide kasutamisest ning nende optimaalsest täitmisest. Meil on selline pilt:
Img-silt näeb sel juhul välja selline:
.
Sellest näitest näeme seda kasutatakse alt väärtust rangemal kujul kuvatakse see siis, kui piltide kuvamine on keelatud või on probleeme pildi laadimisega. Miks kokkusurutud kujul? Fakt on see, et kui kirjutame suure teksti ja pilti ei laadita, näeme suure tõenäosusega teksti dubleerimist. Teisisõnu, te ei tohiks alt-atribuudile edastada teksti fragmenti, peate selle võimalikult lühikeseks lisama.
Vaatame nüüd pealkirja atribuuti, see on laiemalt esitatud ja lugeja jaoks informatiivsem, kui liigutate kursorit pildi kohal, näeme pealkirja atribuudi mõju.
Tähtis: proovige mitte dubleerida peamise postituse pealkirja ja alt, see võib põhjustada rämpsposti, mis mõjutab reklaami negatiivselt. Muutke teksti atribuutides.
Sisemiste linkide optimeerimine pealkirja atribuudi abil
Selleks, et linki optimeerida kasuta ainult ühte pealkirja atribuut. Pealkirja atribuudi eesmärk lingis- teabe esitamine kavandatava ülemineku kohta, et paremini mõista, kuhu autor viitab ja mida me lõpuks näeme.
Mida kirjutada lingi pealkirja atribuuti?
Kirjeldus pealkirja lingis peaks olema informatiivne ja asjakohane nii postituse teksti, kus link asub, kui ka ülemineku sihtlehe jaoks. Teisisõnu, peaksite tsiteerima ainult artikleid, mis on teemalt sarnased.
Pealkirja tekst peaks erinema ankrust (lingi tekst), see on oluline ja seda ei tohiks unustada. See on ka seda väärt kasutage pealkirjas märksõnu, mis suurendab sihtlehe kaalu.
Näide pealkirja atribuudi kasutamisest lingi optimeerimisel
Nagu näeme, oleme andnud oma panuse pealkirja atribuut lingi kirjelduses, ja ankur erineb pealkirja tekstist, kuid mõlemad räägivad meile informatiivselt lingist, mille saavutamiseks vajasimegi.
Kui see on teie esimene kord seda teavet seedida, siis on teil linkide ja piltide optimeerimiseks palju tööd ees. See on pikk ja raske tee, kuid see tasub end ära.
Sellega piltide ja linkide optimeerimise õpetus lõppeb, palju huvitavat on veel ees, aga praegu saab uurida ülejäänut ja otsingumootoritele optimeerimist.
Olge optimeeritud ja TOP 1 olgu teiega)))
Atribuut alt on alternatiivne teabeallikas kasutajatele, kelle brauseris on piltide kuvamine keelatud. Kui atribuut alt on defineeritud, siis kui pilti pole võimalik näidata, kuvatakse selle asemel atribuudi tekst:
Ilma alt atribuudita kuvatakse pilt tühjana:
Eriti oluline on piltide kirjeldamine alt atribuudiga saitide puhul, mille sisu koosneb peamiselt piltidest.
Saate määrata atribuudi alt järgmiselt.
Alt-atribuudis ei tohiks kirjutada kõiki saidi või lehe märksõnu, vaid ainult neid, mis on tegelikult pildiga seotud. See aitab robotil pilti täpsemalt üles leida ja Yandexi kasutajal selle otsingutulemustes valida ja teie veebisaidile minna. Alt-atribuuti ei ole soovitatav tühjaks jätta.
Kui lisad mitu sarnast pilti (näiteks veebipoest pärit toote fotod), siis tasub määrata unikaalsed alt-atribuudid (eestvaade, tagantvaade).
Img tag title atribuudi tekst
Atribuut pealkiri annab pildi kohta lisateavet. Selles atribuudis sisalduv tekst kuvatakse, kui hõljutate kursorit pildi kohal:
Saate määrata pealkirja atribuudi järgmiselt:
Iga pildi jaoks peaksite määrama kordumatu pealkirja. Ei ole soovitatav pealkirja atribuuti tühjaks jätta.
Muud tekstid
Lisaks atribuutide alt ja title väärtustele kasutatakse piltide järgi otsimisel järgmisi tekste:
tekstilingid piltidele teistelt lehtedelt ja muudelt saitidelt;
pildi kõrval olev tekst – asub lehel pildi vahetus läheduses;
ühte pilti raamivate lühidokumentide tekstid ja pealkirjad;
failinimed ja pildiskriptid, sealhulgas transliteratsiooni ja lihtsustatud interlineaarset tõlget arvesse võttes.
Alt ja title atribuudid on aga kõige universaalsemad, seega tuleks need alati kaasata.
Tere kallid sõbrad. Täna räägin ühe oma tellija palvel teile ALT-sildist (atribuudist), mis peaks olema saidi iga pildi parameetrites.
Alt-atribuudi puudumine ei ilmne pildil endal väliselt. Kuid sisemiselt on lähtekoodi alt-märgendi puudumine viga. Ja otsingurobotid loevad iga sellise vea. Ja sellised pealtnäha pisiasjad aeglustavad mis tahes veebisaidi otsingumootorite reklaamimist.
Ja kui artiklisse piltide paigutamisel saate kohe soovitud alternatiivse teksti näidata, siis on piltide (kujunduselementide) puhul see keerulisem. Juhtub, et nendel konkreetsetel kujunduselementidel puudub alt silt. Ja paljud algajad isegi ei tea nende vigade olemasolust oma veebisaitidel.
Miks on alt atribuuti vaja?
See kõik puudutab mehhanismi, mille abil brauser veebisaidi lehe laadib. Lehe laadimisel laaditakse kõigepealt alt atribuudi tekst ja seejärel muudetakse tekst pildiks. Kui piltide laadimine on brauseris keelatud, on pildi asemel alternatiivne tekst (alt-atribuudist).
Otsingurobotid näevad lehte ainult lähtekoodina ja alt-sildi olemasolu annab neile teada pildi sisust. Muide, isegi ilma tekstita alt-sildi olemasolu aktsepteerib otsingumootor juba hea vormi märgina. See tähendab, et atribuudi enda olemasolu on kohustuslik, kuid selle väärtus on valikuline.
Alt="väärtus" !}
Kuidas kontrollida kujutiste alt atribuuti
Lihtsaim ja kõigile kättesaadavam viis on kontrollida lehe lähtekoodi (koodi valideerimine) vigade suhtes.
Selleks peate avama koodi kinnitamise teenuse W3C ja sisestage lehe URL.
Pärast lähtekoodi kontrollimist määratud lehel avaneb ekraanil saadavuse aruanne ja veateave (kui see on olemas). Ja kui lehel vähemalt ühel pildil puudub alt-märgend, näete järgmist viga:
Märkus: kui vigu on palju, soovitan teil vajaliku teabe kiireks leidmiseks kasutada otsingut CTRL+F.
Siin on veel üks viis, mis võimaldab teil teada saada oma saidi lähtekoodi vigadest. Kuid selle tööriista kasutamiseks peate registreeruma Bingi veebihalduri kontol. Ja just selles kontoris on tööriist "SEO analüüsi tööriistad".
Kuhu sisestate analüüsimiseks ka saidi lehe aadressi ja saate aruande. Ja kui kuskil on silt puudu alt, sa näed seda.
Võite vaadata ka lehe lähtekoodi, et näha, kust täpselt otsida. Selleks peate minema järjehoidjasse "Lehe kood" ja leidke, kus viga tehti. Seda on lihtne teha; vajalik kood tõstetakse esile kollasena.
Kuidas leida soovitud lähtekoodi fragment ja lisada alt atribuut
Kõigepealt peate analüüsivahenditest saadud andmeid hoolikalt uurima. Pöörake tähelepanu:
- pildifaili nimele,
— klassi nimi, plokk, milles kujutis asub,
- külgnevatele elementidele.
Kõik need elemendid aitavad tulevikus leida faili ja selles soovitud lähtekoodi fragmenti.
Näiteks vaadake ülaltoodud ekraanipilti. Kood, mida vajame, on märkamatu. Jah, me teame, millel see bänner on Azamati uus tasuta raamat. Lisaks teame, et bänner asub saidiribal. Aga kujutame ette, et ma ei pööranud sellele tähelepanu. Mida saate sellest koodist õppida?
Esiteks teame pildifaili nime. Ja pole oluline, et pilt asub teisel saidil. Näeme ka klassiga DIV-plokki