Rasmlar uchun alt atributi - uni qanday to'ldirish kerak va u nima uchun. Robot rasmlarni qidirishda qanday matnlardan foydalanadi?

Bugungi maqolada men nima uchun hanuzgacha Alt HTML atributini rasmlarga to'ldirish kerakligi, uning Title atributidan qanday farq qilishini ko'rib chiqmoqchiman. Material nima uchun va nima uchun Alt atributini to'ldirishingiz kerakligi haqidagi savolga qiziqqan yangi boshlanuvchilar va yangi boshlagan veb-ustalar uchun mo'ljallangan. Maqolaning oxirida men ushbu atributlar haqidagi mashhur savollarga javoblar tayyorladim. Keling, asoslarini boshlaymiz.

Alt atribut nima?

Rasm yaqinidagi Alt - ba'zi sabablarga ko'ra (zaif internet, o'chirib qo'yilgan rasmlar va hk) sahifada rasmlarni ko'rsatmaydigan foydalanuvchilar uchun alternativ ma'lumot manbai. U rasm bo'lishi kerak bo'lgan joyda matn sifatida ko'rsatiladi.

Keling, bir misolni ko'rib chiqaylik.

Masalan, men ish stoli fon rasmi saytidan suratga oldim. Sahifaning asosiy mazmuni rasmlardir.

Brauzerda rasmlarning ko'rinishini o'chirib qo'yganimdan so'ng, sahifadagi barcha grafikalar ko'rsatilishini to'xtatdi va siz tasvirning muqobil tavsifini ko'rishingiz mumkin.

Bu sahifada nima borligini tushunishga yordam beradi. Bundan tashqari, ushbu atribut nafaqat foydalanuvchi uchun foydalidir, balki qidiruv robotiga rasmda nima ko'rsatilganligini tushunishga yordam beradi. Google ham, Yandex ham Alt-dan rasm qidirish uchun reyting mezonlaridan biri sifatida foydalanadilar.

Keyingi savol tug'iladi: foydalanuvchiga ham, qidiruv tizimiga ham imkon qadar foydali bo'lishi uchun Alt-ga nimani qo'shish kerak?

Rasmlar uchun Alt atributini qanday to'g'ri to'ldirish kerak

Alt atributini qanday qilib to'g'ri to'ldirishni tushunish uchun quyidagi misolni ko'rib chiqing: bizda uy hayvonlari onlayn-do'koni bor va biz Alt itni "it to'pi" bilan mahsulot kartasiga ro'yxatdan o'tkazmoqchimiz.

Xususiyatni to'ldirish uchun bir nechta variant mavjud:

Variant 2. Altda "Og'zida to'p bilan it" deb yozing. Bunday holda, biz rasmning o'zini tasvirlaymiz, ammo "Og'zida to'p bilan it" so'rovi ma'lumotli ekanligini ta'kidlash kerak. Internet-do'kon tasvirini tavsiflash uchun mos emas.

Variant 3. Alt "Itlar uchun to'p" - bu variant bizga ko'proq mos keladi, ammo do'konda to'plar ko'p bo'lishi mumkinligi sababli, so'rovga aniqlik kiritish yaxshiroqdir.

Variant 4. Alt "Humunga Chomp to'pi itlar uchun" - bu variant biz uchun maqbuldir. Atribut mahsulot va uni ishlab chiqaruvchining nomini o'z ichiga oladi. Agar bunday tovarlar ko'p bo'lsa, rangni, model nomini ishlatib, Alt-ni kengaytirishingiz mumkin.

Variant 5. Alt "Itlar uchun to'p Humunga Chomp, o'yinchoq Humunga Chomp, sotib oling, arzon, Moskva" - bu parametr qidiruv tizimida spam sifatida qabul qilinishi mumkin va kerakli natijani bermaydi.

Ushbu misollardan Alt atributi kelib chiqadi:

• mazmunli bo'lishi va rasmni tavsiflashi kerak;
• 3-5 so'zdan iborat, ammo 250 belgidan oshmasligi kerak (rasmni ikki so'z bilan tasvirlash qiyin);
• spam bo'lmasligi kerak.

Sarlavha atributi nima uchun kerak?

Rasmlar uchun sarlavha rasm haqida qo'shimcha ma'lumot beradi. Bu foydalanuvchiga rasmda ko'rsatilgan narsani tushunishini osonlashtirish uchun kerak. Atribut tasvir ustida sichqoncha ustiga ko'rsatilganda ko'rsatiladi.

Yuqoridagi rasmda atributning sahifada qanday ko'rsatilishi ko'rsatilgan.

HTML kodida atribut quyidagicha yoziladi:

.

Sarlavhani to'ldirish tavsiya etiladi. Bu saytning xulq-atvor parametrlariga ijobiy ta'sir ko'rsatishi mumkin. Agar foydalanuvchi rasmda ko'rsatilgan narsani tushunishi qiyin bo'lsa, u sichqoncha yordamida avtomatik ravishda uning ustida harakatlana oladi va Sarlavha shamasi unga yo'nalishga yordam beradi.

Sarlavha uchun asosiy talablar Alt talablariga o'xshash:

• mazmunli bo'lishi va tasvirni tavsiflashi kerak;
• 3-5 ta so'zdan iborat, ammo 250 ta belgidan oshmasligi kerak;
• juda katta bo'lmasligi kerak, chunki 3-4 satrdan iborat matn suzayotganda qo'rqib ketishi mumkin;
• iloji bo'lsa, kalit so'rovni o'z ichiga oladi;
• spam bo'lmasligi kerak.

Buni bilib, savollarga o'tamiz.

Alt va Title haqidagi mashhur savollarga javoblar

Alt rasmlarning tavsifidir?

Uncha emas. Alt - agar foydalanuvchi rasmlarni namoyish qilmasa, tasvir o'rniga ko'rsatiladigan muqobil tavsif.

Rasmlar uchun Alt va Title atributlarini to'ldirishim kerakmi?

Agar siz rasm qidirishdan trafikka qiziqsangiz, Alt to'ldirilishi kerak, sarlavha - ixtiyoriy.

Alt va Sarlavha boshqacha yoki bir xil bo'lishi kerakmi?

Bu borada ikkita asosiy fikr mavjud:

1) Alt va Title noyob bo'lishi kerak;

2) atributlar bir xil bo'lishi kerak.

Agar siz ushbu atributlarni rasmlarni qidirishda TOP-da joylashgan saytlar tomonidan qanday to'ldirilishini ko'rib chiqsangiz, biz to'ldirishning ikkala variantini ham ko'rib chiqamiz.

Yandex bu haqda quyidagilarni yozadi:

Menimcha, bu atributlar bir xil bo'lishi mumkin. Asosiysi, ular sizning rasmingizga aniq, tizimli tavsif berishlari.

Alt atributi yoniga sarlavha qo'shishim kerakmi?

Ixtiyoriy, ammo yodda tuting: sarlavha atributi ba'zi hollarda rasmda ko'rsatilgan narsani yaxshiroq tushunishga yordam beradi. Bu saytning xulq-atvoriga ijobiy ta'sir ko'rsatishi mumkin.

Alt-rasmlarni maqola uchun bir xil kalit so'zlar bilan ishlatish kerakmi yoki boshqacha?

Kerakli. Asosiy narsa Alt mazmunli bo'lishi va rasmni tasvirlashi kerak.

Ushbu atributlarda kalit so'zlarni yozishim kerakmi?

Agar ushbu kalit so'zlar rasmni tavsiflasa, unda ha.

Alt atributini qanday to'g'ri yozish kerak: Kirill yoki Lotin?

Agar sizning saytingiz rus tilida bo'lsa, uni kirill yozuvida to'ldiring.

Qanday yozish kerak - katta yoki kichik harf bilan?

Ahamiyati yo'q.

Va agar maqola allaqachon qidiruv tizimlari tomonidan indekslangan bo'lsa, rasmlarga tavsif qo'sha olasizmi yoki yo'qmi?

Mumkin. Qidiruv motorlar sizning sahifangizni qayta indeksatsiya qilganda, ular ushbu tavsiflarni ko'rib chiqadilar.

Alt va Sarlavha qaerda to'ldiriladi?

Hammasi sizning saytingiz qaysi CMS-ga asoslanganligiga bog'liq.

Agar u sof HTML bo'lsa, unda:

Odatda Alt va Sarlavha to'ldirish uchun maydonlar rasm parametrlarida bo'ladi. Masalan, agar sizning saytingiz WordPress-da qurilgan bo'lsa, rasm parametrlarini ochib, Alt atributini to'ldirish uchun maydonni ko'rasiz. Kengaytirilgan sozlamalarda Title atributi uchun maydon mavjud.

Agar sizning saytingiz 1C-Bitrix-da bo'lsa, rasm parametrlarining qo'shimcha sozlamalarida Alt atributi uchun maydon mavjud. Sarlavha maydonidan sarlavha atributi olinadi.

Siz hamma narsani individual ekanligini tushunishingiz kerak. Ko'p narsa sizning saytingiz qaysi CMS-da yaratilganligi va uning qanday tuzilganiga bog'liq.

Izohlarda sizning rasmlaringiz uchun Alt va Title-ni yozib qo'yish mumkinmi?

Bunga ehtiyoj sezmayapman va sharhlarda hech kim rasmlarni optimallashtirish imkoniyatiga ega emas.

Rasmlar uchun ruscha sarlavha va viola yozganimda, saytda ierogliflar ko'rsatiladi, nima qilishim kerak?

Bu kodlash bilan bog'liq. Joriy kodlashni UTF-8 ga o'zgartirishingiz kerak.

Natija

Keling, Alt va Title qanday bo'lishi kerakligini ko'rib chiqaylik.

Alt atributiga qo'yiladigan asosiy talablar:

• mazmunli, tasvirni tasvirlaydi;
• taxminan 3-5 so'zdan iborat (250 ta belgigacha);
• iloji bo'lsa, kalit so'rovni o'z ichiga olishi kerak;
• spam bo'lmasligi kerak.

Nima uchun Altni to'ldirish kerak:

1. rasmlarni saralashda qidiruv tizimlari tomonidan hisobga olinadi, demak, agar sizning rasmingiz TOPga tushsa, bu qo'shimcha trafik manbai hisoblanadi;

2. saytdagi rasmlarni o'chirib qo'ygan foydalanuvchi uchun foydali bo'ladi.

Sarlavha xususiyati:

• mazmunli va tasvirni tavsiflaydi;
• taxminan 3-5 so'z yoki 250 belgigacha uzunlik;
• iloji bo'lsa, kalit so'rovni o'z ichiga olishi kerak;
• spam yo'q.

Sarlavha nima uchun to'ldiriladi:

1. rasmda nima ko'rsatilganligini aniqlash qiyin bo'lgan foydalanuvchi uchun foydali bo'ladi;
2. Sarlavha bo'yicha ko'rsatmalar saytning xulq-atvor ko'rsatkichlariga ijobiy ta'sir ko'rsatishi mumkin.

Salom, aziz sayt foydalanuvchilari. O'z blogingizni optimallashtirish - bu muayyan ko'nikmalarni, tajribani talab qiladigan murakkab jarayon, agar sizda yo'q bo'lsa, unda siz katta veb-ustalarning bloglaridagi maqolalardan oladigan katta bilimlarga ega bo'lishingiz kerak.

Ko'p odamlar SEO o'layotgani haqida gapirishadi, ammo baribir ushbu uchta harf qoidalariga rioya qilishni davom ettiradiganlar ko'p. SEO nima ekanligidan umuman bexabar bo'lgan har qanday kishiga to'sqinlik qilish mumkin. Biroq, bu muammo hamma uchun osonlikcha hal qilinadi. Ushbu sohadagi asosiy jihatlarni o'rganib chiqib, siz qidiruv tizimlarida blogingizni targ'ib qilish qoidalarini o'zlashtira olasiz va biz bilganimizdek, bu eng muhimi.

Xo'sh, bugungi maqola nima haqida bo'ladi. Endi biz ko'plab dizaynerlar, bloggerlar va h.k.larning xatosi haqida gaplashamiz. Umuman olganda, saytdagi rasmlarni optimallashtirishda ehtiyotkorlik emas, bu sizning resursingizning tarmoqdagi targ'ibotiga ta'sir qiladi.

Ehtiyotkorlik nima emas? Masalan, rasmning sarlavhasi maqola moslashtirilgan asosiy so'rovdan iborat bo'lishi kerak. Yandeks, Google bunga e'tibor berishadi, ammo blogosferada odamlar bu haqda o'ylamaydilar ham.

Qani boshladik!

Rasmlar uchun alt va sarlavha nima?

"Alt" atributi!

Uning maqsadi rasm matnining bir qismini namoyish qilishdir. Ko'pincha, bu rasmning tavsifi, u sizning foydalanuvchilaringizga ko'rinmaydi. Bunday teglar qidiruv tizimini targ'ib qilish uchun juda muhimdir. Ular odamlar uchun deyarli hech narsani anglatmaydi.

Buni barmoqlarim bilan tushuntirib beray. Izlash roboti saytlar bo'ylab yurib, sizga murojaat qildi va agar esingizda bo'lsa, noyob rasmlar haqidagi maqolada men u post uchun tematik rasmlarga e'tibor berishini yozgan edim, lekin nafaqat rasm bo'lishi kerak, balki u o'z navbatida optimallashtirilgan bo'lishi kerak ismni ro'yxatdan o'tkazishingiz kerak.

Shunday qilib, qidiruv tizimini tekshirish sizning butun maqolangizni qamrab oladi va kamchiliklar va kichik xatolar bo'lmaydi. Shunga asoslanib, sayohat qiluvchi TOP-10 yaqinida bo'ladi yoki umuman u erga uchadi.

TOP yuqori tirbandlikni anglatadi. Va uni qanday qurish kerakligi haqida men maqolada yozgan edim

Sarlavha atributi!

"Sarlavha" - sarlavha. Ehtimol, bu haqda hamma biladi. Rasmda bu hamma uchun mavjud bo'lgan ism, masalan, sichqonchani rasm ustiga qo'yganimizda, sarlavha bo'lgan qisqa matn paydo bo'ladi. Bu bilan hamma narsa aniq. Siz o'zingizning shaxsiy kompyuteringizda yoki noutbukda sarlavhani belgilashingiz mumkin, keyin rasmni postning o'ziga tashlaysiz va yana sarlavha va tavsifni (alt) yozasiz.

Qaerga yozish kerakligi haqida qayg'urmang.

Sarlavhaga bir nechta kalit so'rovni kiriting. Odamlar uchun sayt xaritasi, keyin sarlavhada va maydonni to'ldirishda, shu ibora bilan odamlar uchun sayt xaritasi haqida xabar yozdik. Robotdan boshqa hech kimga tavsif yoki alt tasviri ko'rinmaydi, shuning uchun shunday qilish mumkin:

Odamlar uchun sayt xaritasi, falon plagin, bu erda yozilgan bo'lishi kerak va hokazo. Maqolani ixcham saqlashga harakat qiling. Faqat bir nechta satrlarni faqat asosiy jihatlarini bekor qiling.

Bu erda "unvon" haqida yana bir narsa. Ular 5 so'zdan oshmasligi kerak. Va ularni lotin, ya'ni ingliz tilida yozganingiz ma'qul. Va eng muhim rasm formati jpg bo'lishi kerak. Bu og'irlikni pasaytiradi, ya'ni yuklash tezroq bo'ladi, bu sayt trafigiga sezilarli ta'sir ko'rsatadi.

Fotoshopda rasmning og'irligini kamaytirishingiz mumkin. Biz uni ochamiz. Faylni bosing va keyin WEB uchun saqlang. 50, 60 yoki boshqa raqamlar yozilgan joyda siz uni sozlashingiz mumkin, qanchalik kam bo'lsa, vazn kamayadi. Agar sizda hali fotoshop bo'lmasa, uni davom ettiring. Axir, bu har qanday veb-ustaning muhim elementidir.

Agar kimdir rasmni optimallashtirish blogni targ'ib qilishda katta ta'sir ko'rsatishiga shubha qilsa, men bir narsani aytishim mumkin - ikkilanmang. Tekshirishga harakat qiling, tajriba o'tkazing. Asosiysi, bunga ko'z yummaslik kerak, chunki qo'shimcha 5 daqiqani o'tkazish achinarli emas. Ayniqsa, siz undan oldin maqola yozgan bo'lsangiz va u erda o'zingizning bir qismingizni joylashtirsangiz. O'ylaymanki, bu ortiqcha bo'lmaydi, uni qanday qilib yaxshiroq tartibga solish kerak, ammo nima deb o'ylaysiz?

Sarlavha va pastki teglarni yozish nima uchun muhim? Ular rasmlarga qanday qo'shiladi?

Bu haqda sizga ozgina gapirib berdim. Ammo endi biz batafsilroq tushunamiz. Yangi blog postini joylashtirishda ko'riladigan choralar ro'yxati bilan quyida tanishib chiqing.

Mana ular:

• Birinchi qadam, albatta, maqola yozish va o'ziga xos rasmni topishdir. Qoida tariqasida, har bir kishi standart shablonni o'zi yaratadi va u erda ular allaqachon rasm, skrinshotlar qo'shishadi, yoki rasm chizishadi yoki hatto rassomdan buyurtma berishadi.
• Siz xabar uchun ishlatgan asosiy iboralarni ko'rib chiqdingiz va sarlavhaga birini qo'shdingiz;
• Ikkinchi kalit tavsifda alt-da ro'yxatdan o'tkazildi va yana bir nechta so'zlarni qo'shib, so'rovni bitta so'z bilan suyultirdi.
• Endi biz o'zgarishlarni saqlaymiz va rasmni matnga qo'shamiz, keyin maqolani ko'rib chiqamiz va kursorni rasm ustiga olib boramiz, qaysi sarlavha ko'rsatilishini ko'ring. Hammasi tayyor.

Muxtasar qilib aytganda, afzalliklar quyidagicha, bu hali to'liq ishonmaganlar uchun.

1. Ko'proq trafik;
2. Uning sifati yanada yuqori, chunki siz maqola bag'ishlangan aniq kalitlarni ko'rsatdingiz, mehmon ularni qidirishga uradi va kerakli ma'lumotlarni topadi, demak u sizning blogingizda uzoqroq qoladi va rad etishlar soni kamroq bo'ladi;

Ushbu ma'lumot o'z saytida bir yildan ortiq vaqt davomida ishlaydiganlar uchun mo'ljallangan, ammo natija yo'q. Ehtimol, bu muammo!

Maqolani yozishni shu erda tugataman. Sizga lavozimingiz ko'tarilishi bilan omad tilayman. MUHIM! Bunday tuyulgan mayda-chuyda narsalardan uzoqlashmang. Shubhasiz yordam beradigan tavsiyalarni tinglang. Hammaga hayr!

Hurmat bilan,Juk Yuriy.

Har bir veb-sahifa maxsus taqdim etilgan tilda (ko'pincha HTML) yozilgan kodlash - kod yordamida yaratiladi. O'z navbatida foydalanuvchi brauzeri ushbu kodni resurs yaratuvchilari bizga etkazmoqchi bo'lgan barcha ma'lumotlarni to'g'ri namoyish etish uchun o'qishi mumkin. Ma'lum bo'lishicha, biz veb-sahifada ko'rgan barcha elementlar biz tashrif buyurgan saytning manba kodi bilan ta'minlangan.

Kodingizni optimallashtirish

Siz taxmin qilganingizdek, ushbu kodning har bir harfi, har bir belgisi ma'noga ega. Bundan tashqari, qiziqarli bo'lgan narsa, vizual ravishda sayt optimallashtirish uchun juda muhim elementlarni o'z ichiga olmaydi (qidiruv tizimlari uchun resursni to'g'ri sozlashni anglatadi). Bunday nozik narsalarga, masalan, ALT atributi kiradi. Bu ko'plab manbalar sahifalarida va ko'pincha biz buni sezmay qolamiz.

Ushbu maqolada biz faqat veb-dizaynning ushbu elementiga e'tibor qaratmoqchimiz. Bu erda nima uchun saytni to'g'ri reytingi, uning trafigi o'sishi va foydalanuvchi u bilan ishlashda qulayligi uchun juda muhimligi haqida aytib o'tamiz.

ALT?

Keling, boshidan boshlaymiz: keling, ushbu maqola nima haqida va nima uchun bu atributga muhtojligimizni tasvirlab beraylik.

Shunday qilib, ushbu matnni tushunish uchun avval HTML formatlash tilini tushunishingiz kerak. Bu asosiy veb-sahifalar yozilgan kod, u allaqachon ta'kidlab o'tilganidek, brauzerda ko'rsatilish xususiyatiga ega. Butun til maxsus atributlardan iborat (masalan, IMG, ALT, FONT va boshqalar). Ularning har biri ma'lum bir dizayn elementi bilan ishlash uchun javobgardir. Amalda, yuqorida aytib o'tilgan ALT atributi sayt sahifalarida topish mumkin bo'lgan rasmlar uchun ishlatiladi. Aniqrog'i, rasmlarning tavsifini yaratish uchun foydalaniladi, bu orqali foydalanuvchi (sayt mehmoni) ularda nimani ko'rsatilishini osongina va sodda qilib aniqlay oladi. Albatta siz o'zingiz bunday ta'riflarga duch keldingiz - ular sichqonchani rasm ustiga qo'yganingizda paydo bo'ladi.

Amaliy ahamiyatga ega

Albatta, bu atributlar amalda ma'lum sabablarga ko'ra qo'llaniladi. Veb-ustalar o'zlarining rasmlarini tavsiflariga saytga tashrif buyuruvchilarning o'zi kabi kerak (va ehtimol undan ham ko'proq). Axir, agar barcha rasmlarda ALT atributi etishmasa, sahifadagi rasmlarga tushuntirish matnlari qo'shilsa ham, odam buni amalga oshirishi mumkin. Boshqa tomondan, qidiruv robotlari (bo'sh ALT bilan) saytni yetarlicha baholay olmasligi, qidiruv natijalaridagi o'rnini pasaytirishi va shu sababli etarli mehmonlarni olib kelmasligi mumkin. Shuning uchun, ishonch bilan aytishimiz mumkinki, saytdagi rasmlarning tavsiflari veb-ustalarning o'zi uchun ham muhim rol o'ynaydi, shuning uchun ularni e'tiborsiz qoldirib bo'lmaydi.

Qidiruv tizim bonuslari

Rasmlar uchun to'g'ri to'ldirilgan tavsif teglarining afzalliklaridan yaxshiroq tushunish uchun biz kichik bir misol keltiramiz. Aytaylik, unda tasvirlar joylashtirilgan sayt bor. Agar siz ALT atributini tayinlamasangiz, foydalanuvchi azob chekmaydi, chunki u har qanday holatda u yoki boshqa fotosuratda nima ko'rsatilganligini ko'radi. Resurs egasini umuman boshqacha natija kutmoqda, u yuqoridagi yorliqni e'tiborsiz qoldiradi, masalan, rasm kataloglaridan trafikning bir qismi yo'qoladi.

ALT atributini qanday yozish mumkin?

Texnik jihatdan, u yoki bu rasm ostida to'ldirish qiyin emas, bu aniq: saytingizdagi HTML muharririga kirib, rasm kodini topishingiz kerak (IMG dan boshlanadi va u bilan tugaydi). Ushbu kod blokining ichida kod mavjud. ALT atributini ro'yxatdan o'tkazish kerak, deyishganda, ular shuni anglatadilar. Bu shunday amalga oshiriladi: "alt \u003d" tavsif ".

Agar siz sof kod bilan ishlamasangiz, lekin sayt uchun qandaydir alohida "dvigatel" dan foydalansangiz (masalan, Wordpress yoki Joomla), unga "alts" qo'shishning maxsus mexanizmi kiritilgan bo'lib, u orqali bizning saytimiz qidiruv tizimlarida esda qoladi. Agar siz yangi ALT to'ldirsangiz, yangilanish sizning sahifangizda tugaydi.

Atributda nima yozadilar?

Albatta, siz ALT atributini yozish vazifasiga duch kelganingizda, texnik tomoni haqida o'ylamaysiz. Ko'pincha, ushbu savol, agar veb-boshqaruvchi ma'lum bir rasm haqida qanday ma'lumot ko'rsatishi kerakligini bilmasa, so'raladi. Shu sababli, qidiruv tizimlari nuqtai nazaridan saytga qanday ma'lumot foydali bo'lishini aytish qiyin.

Amalda, tavsiflash muammosini hal qilishda ko'plab yondashuvlar mavjud. Kimdir odatdagi shablonlar bilan ishlaydi, unga ko'ra teg shunchaki sahifa yaratilgan kalit so'zlar bilan to'ldiriladi. Ehtimol, bu tez-tez uchraydigan eng keng tarqalgan amaliyotdir. Ba'zan, foydalanuvchi ALT atributini qanday yozishni qidirish o'rniga, shunchaki bo'sh joyni bo'sh qoldiradi. Bu erda har kim mustaqil ravishda qaysi tavsifni ko'rsatish to'g'risida qaror qabul qilishi aniq bo'lishi kerak.

Talablar

Shu bilan birga, bir nechta asosiy qoidalar mavjud (yoki agar xohlasangiz, talablar), unga ko'ra har kim o'z rasmlari uchun ideal atributni qo'shishi mumkin. Ular oz sonli punktlardan iborat bo'lib, ularning har biri saytdagi fotosuratlar va rasmlarning tavsiflariga ishora qiladi.

Masalan, bunday birinchi talab butun matnning uzunligidir. Agar siz ALT atributini qanday qilib to'g'ri yozishni qidirsangiz, echim juda oddiy: 2-3 so'zdan ko'proq foydalaning. Ushbu o'lchamdagi matn, birinchi navbatda, qidiruv robot tomonidan mukammal o'qiladi (va saytingizni yanada dolzarb qiladi); ikkinchidan, bunday tavsif foydalanuvchilarning o'zi uchun tushunarli. Qabul qiling, agar siz faqat rasmda nima ko'rsatilganligini bilmoqchi bo'lsangiz, hech kim butun jumlani o'qimaydi. Ta'rifni qisqacha va aniq bayon qilish kifoya, bu siz uchun ham, mijozlaringiz uchun ham foydali bo'ladi.

Semantik yuk haqida unutmang. Agar siz fil bilan fotosuratni joylashtirsangiz, uning zoti yoki tarixini tasvirlab berishni unutmang; nima uchun ushbu fotosuratda ko'rsatilganligini aniqlang, nima demoqchisiz? Tashrif buyurgan kishi ushbu fil haqidagi fikrlaringizni bilishi foydali bo'ladi.

Yana bir muhim nuqta (bu ko'plab amaliy testlar paytida aniqlangan) - Agar siz rasmga ALT atributini qanday tayinlashni qidirsangiz, esda tuting: u saytda ko'rsatilgan fotosuratlarning har biri uchun noyob tanlangan bo'lishi kerak. Masalan, ketma-ket uchta rasmni "mening filim" yozuvi bilan nashr etish noto'g'ri bo'lar edi - bu sizning qidiruv natijalarida sizning resursingizga faqat zarar etkazadi. Tasvirlarni "fil 1" va "fil 2" deb nomlash yaxshiroqdir, bu ularni yanada o'ziga xos qiladi.

Va nihoyat, ALT atributini qanday qo'shishni o'zingiz qidirayotgan rasmlarning parametrlari haqida eslang. Rasmlar uchun bir qator mezonlarga javob berish juda muhim - juda kichkina emas, haqiqiy ko'rinishga ega. Ya'ni, agar siz tavsifni aniqlasangiz, unda uni yanada og'irroq deb hisoblanadigan jiddiyroq rasmlar uchun bajaring. Har qanday kichik tabassum yoki shunga o'xshash narsalar uchun ALT atributini ko'rsatmang.

ALT qidiruvi

Va nihoyat, biz atribut asoslari, uning tarkibidagi ba'zi qoidalar va ikkala tomonning talablari (ikkala foydalanuvchilar ham, ular ham. Endi o'ylab ko'raylik: shuning uchun biz saytimizda ro'yxatdan o'tadigan kalit so'zlar va iboralarni qanday qidirish kerak? Yuqorida ta'kidlab o'tilganidek) , qidiruvni kalit so'zlarning tayyor ma'lumotlar bazalariga yo'naltirish kerak, bu sizning saytingizga xaridorlarni chindan ham jalb qila boshlaydi. Albatta, agar siz hali ham ALT atributiga ega bo'lmasangiz, bunga erishib bo'lmaydi. Tarkibda foydalanadigan tayyor kalit so'zlar va iboralarni oling va rasmlarga joylashtiring.

Agar sizda bunday ma'lumotlar bo'lmasa va siz o'zingizning resursingizni asta-sekin targ'ib qilishni boshlash haqida umuman o'ylamagan bo'lsangiz, biz yangi saytlarni osongina yaratishingiz mumkin bo'lgan bunday "kalit so'zlar" ning ma'lumotlar bazalarini qidirishni boshlashni taklif qilamiz. Buning uchun ba'zi bir iboralar bo'yicha qidiruv statistikasini ko'rsatadigan Google Keyword Extract Tool yoki Yandex.Wordstat kabi xizmatlar juda yaxshi. Ushbu sozlamalar bilan "o'ynash" orqali siz o'zingizning saytlaringizdagi qidiruv trafigi ulushini sezilarli darajada oshirishingiz va shu bilan yangi afzalliklarga erishishingiz mumkin. Eng muhimi, barcha ko'rinadigan rasmlarda ALT atributi etishmaydigan vaziyatga ega bo'lmaslikdir.

xulosalar

Xo'sh, ushbu maqolada tasvirlangan xususiyat haqida nima deyishimiz mumkin? Bu eng sodda saytlarni yaratish uchun ishlatiladigan tilning bir qismi - HTML. Buni qilish juda oson, chunki u boshlang'ich, asosiy tilni tavsiflaydi. Rasmdagi yorliqni hali ham ro'yxatdan o'tkazish uchun siz uni manba kodi orqali o'zingiz tartibga solishingiz kerak. Yoki yangi ko'rsatmalardan foydalanib, yana boshlang. Qanday bo'lmasin, ALT teglarining ko'rsatgichi ham o'zaro manfaat uchun ideal holat, ham mehmon, ham resurs egasi qoniqish hosil qiladi.

Tegni ko'rsatish yangi mehmonlarni ham jalb qilishi mumkin - bu hodisa, ayniqsa, Google va Yandex Images kabi xizmatlarda tez-tez kuzatiladi. Suratni bosganingizda, sayt mustaqil ravishda rasm olingan manbani aniqlaydi va tashrif buyuruvchini yo'naltiradi. Va bu, siz tushunganingizdek, kelajakda qila olish uchun juda muhimdir.

Salom odamlar. Vaqtingizni behuda o'tkazmaslik uchun, qisqagina va aniqroq gaplashaylik.

Rasmning sarlavhasi - bu rasm ustiga siljiganingizda paydo bo'ladigan yozuv. Bu mehmonga maslahat berish uchun. Rasmda nima ko'rsatilganligini yoki qaerga e'tibor berish kerakligini aytib bering.

Alt rasmlar - inglizcha alternativ so'zidan olingan. Ko'rsatilgan narsalarni aniqlash uchun qidiruv tizimlari indekslashni yaxshi ko'radigan juda foydali narsa. Bundan tashqari, agar foydalanuvchi brauzerda rasmlarning ko'rinishini o'chirib qo'ysa, u ko'rinadi. Bu mantiqiy emas va kamdan-kam hollarda amalga oshiriladi.

Agar shunga qaramay, foydalanuvchi grafik tarkibni namoyish qilishni o'chirib qo'ysa yoki kimdir tomonidan biron bir nosozlik yuz bersa, rasm o'rniga matnli kichik belgi paydo bo'ladi. Ushbu matn rasmning pastki qismidir.

SEO uchun Alt va sarlavha rasmlari

Rasm sarlavhasi uchun u minimal qiymatga ega. U indeksatsiya qilinmaydi, lekin xulq-atvor omillarida sizning qo'lingizda o'ynashi mumkin. Bu 2018 yil, seo endi qulaylik va sifatli tarkib haqida. Shuning uchun, foydalanuvchi e'tiborini biron bir tarzda jalb qiling.

Hatto o'zingiz o'ylab ko'ring, rasmda ko'rsatma paydo bo'lganda yanada yoqimli bo'ladi.

Ammo alt rasm - bu xazina. Birinchidan, GoogleBot uning yo'qligini xato deb hisoblaydi, Yandex ko'proq sodiq. Ikkinchidan, u tezda indekslanadi va bunday rasm qidiruvning "Rasmlar" bo'limiga kiradi. Bu shuni anglatadiki, shu bilan siz saytingizga qo'shimcha trafikni jalb qilishingiz mumkin.

Uchinchidan, u indekslanganligi sababli, ya'ni sahifaning qiymatini oshirish uchun undan foydalanish qobiliyati. Agar alt-ga qo'shimcha past chastotali so'rov qo'shsangiz yaxshi bo'ladi. Ammo bu erda siz ehtiyot bo'lishingiz kerak.

Rasmlar uchun alt va sarlavhani qanday to'g'ri to'ldirish kerak

C sarlavhasi ancha sodda. Qidiruv tizim uchun hech qanday qoidalar yo'q, lekin bu bu erda siz bid'at yozishingizni anglatmaydi. Yuqorida biz xulq-atvor omillariga murojaat qildik. Sizga foydalanuvchini bezovta qilmaslik, unga foydali bo'lish tavsiya etiladi.

1) Bu uzoq bo'lmasligi kerak. Qabul qilaman, 4 satrdagi ishora rad etishga sabab bo'ladi.

2) rasm bilan qandaydir aloqada bo'lishi kerak.

3) h1-h5 asosiy sarlavha bilan alt atributlari bilan takrorlanmaslik kerak.

Alt tasvir qidiruv tizimida og'irlikka ega, shuning uchun qoidalarda cheklovlar mavjud, ammo imkoniyatlar ham shunday.

1) bitta so'z etarli emas, 3 ta so'z ichida saqlash tavsiya etiladi. Belgilarning maksimal soni 250 ga teng.

2) Bu rasm tarkibiga mos kelishi kerak.

4) Kerakli, sahifadagi boshqa alts bilan takrorlanmasligi kerak.

Shunday qilib, blogingizga boshqa rasm qo'shganda, o'ylab ko'ring. Ehtimol, kimdir uni topmoqchi bo'ladimi? Uni qo'shimcha trafikka aylantirishga harakat qiling.

Wordpress misolida rasmlarning pastki va sarlavhasini qaerga to'ldirish kerak

Masalan, WordPress-da faqat boshqaruv panelidan (konsol) bo'limga o'tishingiz kerak "Media fayllar" — "Kutubxona"... Keyin, har qanday rasmni tanlang.

Yoki maqolani tahrirlashda faqat qo'shilgan rasmni, so'ngra qalamni bosish kifoya.

Albatta, wordpress misolini ko'rsatish eng oson, ammo ko'plab mashhur CMS bu imkoniyatni taqdim etadi. Masalan - Joomla. Ba'zi kamchiliklar mavjud, ammo agar siz chertgan bo'lsangiz, aksariyat grafik tarkib alt bo'lishi mumkin "Rasmni tahrirlash"

Hammasi shu. Umid qilamizki, biz sizga foydali bo'ldik. Ha bo'lsa, iltimos, yoqing. Bu bizni yanada sifatli va qiziqarli tarkib tayyorlashga undaydi!

Hurmat bilan, sizning mohiyatingiz.

Xususiyatlar sarlavha va altuchun ishlatilishi kerak har biri tasvirlaryoki havolalar qidiruvi robotlari har birining mazmunini tushunishi uchun sahifada havolalar yoki tasvirlar... Doimo esda tutingki, qidiruv tizimining robotlari saytlarni siz va men kabi ko'rmaydi.

Quyida siz foydalanish misollarini ko'rib chiqishingiz mumkin atributlar sarlavha va altuchun tasvirlarva havolalar.

<HREF \u003d "http://www.yoursite.com" sarlavha \u003d "sahifangizning sarlavhasi" alt\u003d "sahifangiz sarlavhasi"\u003e sahifangiz sarlavhasi

Xayoliy misoldan foydalanib, atributlar aslida qanday ishlatilishini ko'rib chiqing sarlavhava alt sayt sahifasidan yuklab olish uchun taklif qilingan elektron kitobga, masalan, havola uchun "Ipoteka kreditlash asoslari":

\u003d "/ downloads / skachat-besplatno.html" target \u003d "_blank" sarlavha\u003d "Har qanday ma'lumotga ega bo'lgan o'quvchi bu erda kredit bo'yicha foiz stavkasi qanday shakllanishi haqida ma'lumot topadi, o'zgaruvchan va belgilangan foiz stavkalari o'rtasidagi farqni bilib oladi, qarz oluvchi sifatida qarz olishga qodir bo'lgan kredit miqdorini qanday hisoblash haqida fikr oladi va boshqa ko'p narsalar. boshqa. " alt\u003d "Maqsadlaringiz va imkoniyatlaringizga eng mos ipoteka kreditini qanday tanlash kerak"\u003e Sizning maqsadlaringiz va imkoniyatlaringizga eng mos ipoteka kreditini qanday tanlash kerak