Eng yaxshi onlayn CSSni siqish xizmatini tanlang. Onlayn CSSni siqish xizmatini tanlang Bepul HTML kod optimaliz

Texnik optimallashtirish - bu qidiruv tizimlari bilan eng yuqori darajada o'zaro ta'sir uchun saytning to'g'ri sozlanishi. Dvigatelni o'rnatgandan so'ng darhol va sayt tarkibini birlamchi to'ldirish bilan ishlashda amalga oshirilishi kerak. Endi sizga optimallashtirishning muhim jihatlarini e'tiborga olish va birinchi navbatda aytib o'tish kerakligini aytaman.

Maqolaning mazmuni:

Tegishli tashkilotlar Sayt tuzilishi

Har qanday sayt eng qulay tuzilishga ega bo'lishi kerak. Odamlar singari, qidiruv tizimlari saytga qarang va foydalanish qulayligini baholaydi. Har qanday Internet-resurs uchta sahifasidan ko'p bo'lmagani uchun joylashtirilgan bo'lishi kerak. Ya'ni asosiy, maksimal uchta bosish, foydalanuvchi har qanday sahifaga etib borishi kerak.
Axborot joyining eng to'g'ri va oddiy tuzilishi quyidagilardan iborat:

Kategoriyalar bo'limlarni aniqlaydi. Agar turli xil kasalliklar haqidagi sayt Agar toifalar: kardiologiya, nevrologiya, jarrohlik ...
Qo'shimcha ma'lumotni o'z ichiga olgan yanada murakkab loyihalar uchun tuzilishi quyidagilar bo'lishi mumkin:

Shunday qilib, tuzilish kengaymoqda, ammo tushunarli va mantiqiy bo'lib qolmoqda. Bunga misol, ushbu saytda kardiologiya bo'limida yurak kasalliklari va qon tomir kasalligi joylari bo'lishi mumkin. Ikki yoki undan ortiq bo'limlar bilan bog'liq bo'lgan materialni joylashtirish taqiqlanmagan.

Masalan, gepatit to'g'risidagi material gepatologiya toifasida va bir vaqtning o'zida virusologiyada bo'lishi mumkin. Asosiy narsa materiallarning ierarxiyasiga rioya qilish. To'g'ri tuzilishni qurish semantik yadroni rejalashtirish va yig'ish bosqichida o'ylangan.

Sayt sahifalarining to'g'ri to'lib toshishi

Men allaqachon transfensifikatsiya haqida ko'proq chuqurroq ma'lumot tayyorlayman va tez orada chiqaman. Perelinka - PROSTANOVKA Saytdagi sayt ichidagi havolaning ichki navigatsiya va ongining vazni uzatilishi uchun.
Dengizlashish misolini ko'rish uchun Vikipediyada har qanday maqolani oching. Ularning har biri boshqa maqolalarga nisbatan ko'plab ma'lumotlar mavjud. Hatto hazil ham borki, Vikipediyadagi har qanday maqola besh marta bosish bilan Gitler haqida maqola olishingiz mumkin. Albatta, sizning saytingizda maqolada boshqa materiallar bilan 20 ta havola bo'lmasligi kerak, ammo 2-4 havolalari kerak.

Transpetning muhim xususiyati - bu vaznni boshqa sahifalargacha o'tkazish. Barcha sahifalar bir-birlari bilan bog'liq bo'lsa, og'irlik kamonli va umumiy pozitsiyalar o'sib boradi. Va bitta sahifani targ'ib qilinganda, undan keyin boshqa materiallardan og'irligi o'tgan. Uni yanada aniqroq qilish uchun, ehtimol siz "pediatr inspektsiyasi" xizmati bilan tibbiy saytni targ'ib qilishingiz kerak. Buning uchun biz bolalar kasalliklari va hamma joyda bir nechta maqolalarni yozamiz, bu erda pediatrni tekshirish zarurligini ta'kidlaymiz, biz xizmatimizga murojaat qilamiz.

Non maydalagichni qo'shing va foydalanishni yaxshilang

Agar foydalanuvchi uni ko'rmasa yaxshi tuzilmas. Burchakning boshida, sayt yaratish paytida uning foydasi va foydalanish qulayligini ta'minlash kerak. Agar siz saytga kelgan bo'lsangiz, yo'qotadi va o'zingiz uchun yanada qiziqarli materiallarni topa olmaydigan narsalarni topa olmaydi, bu sizning imkoniyatlaringiz bilan bog'liq muammolaringiz borligini anglatadi.

Non qazib olish - bu foydalanuvchi sayt tuzilishiga nisbatan joylashgan joyda joylashgan joyda ko'rsatilgan navigatsiya elementlari. Ushbu elementlar odatda maqolalar sarlavhasi oldida joylashtirilgan va uyga maqolani joylashtirish toifasiga yoki uning osti tizimiga joylashtirish uchun bitta bosish uchun bitta bosish imkonini beradi.

Non maydalagichni oddiy plaginlar yordamida amalga oshirish yoki kodda tahrirlash orqali amalga oshirish mumkin. Agar ular ishlatiladigan shablon tomonidan ta'minlanmasa. Ammo qulaylik ishlashi kerak. Siz menyuda to'g'ri o'ylashingiz kerak. Uni vizual tarzda ishlatish uchun qulay va qulay qiling. Turli xil trivni o'ylab, odatdagidek odatiy ko'tarish tugmasi Hatto foydalanuvchi hayoti uchun engilroq, siz bitta bosish uchun sarlavhaga kirishni osonlashtiradi va allaqachon o'qilgan freymdan o'tmang.

HTML, JS, CSS, PHP saytining optimallashtirish

Bugungi kunda foydalanuvchilar sabrsiz bo'lib, sayt hech bo'lmaganda raqobatchiga qaraganda kamida bir soniyada ochiladigan bo'lsa, ular unga boradilar. Bu ushbu va "Yuklab olish tezligi" dan yuqori darajadagi omillardan biri sifatida bu va qidiruv tizimlaridan xabardor. Shuning uchun, saytni maksimal darajada tezroq qilish juda muhimdir. Bu og'ir rasmlarga, tartib kodeksining faolligi, noto'g'ri server javoblarini his qilmaydi.

Sayt kodini optimallashtirish

Endi men boshlang'ich g'oyani olish uchun kodni optimallashtirish haqida men umuman gaplashaman. Shuningdek, men sizga ma'lumotlarni batafsil optimallashtirish uchun sizga batafsil aytib beradigan va bosqichma-bosqich kodni tayyorlayman. Shunday qilib, kodni optimallashtirish va saytni qidiruv tizimlari uchun eng jozibador qilish uchun biz kerak:

1. Rasmlarni siqib chiqaring, vaznni kamaytiradi, bu esa yuklab olinishini tezroq qiladi. Ko'pincha, tajribasiz veb-ustalar katta o'lchamdagi rasm serveriga yuklanadi. Keyin CSS displey uchun siqilgan. Suratlarni sahifada ko'rsatiladigan qarorda yuklab olish to'g'ri. Siz rasmlarni qo'lda siqish, ularni fotoshopga quritish yoki rasmlarni siqib oladigan ko'plab xizmatlardan birini ishlatishingiz mumkin.
2. HTML, JS va CSS ni optimallashtiring. Siz sahifani iloji boricha sodda qilib qo'yishingiz kerak. HTML haqida, keyin kodni sharhlashda olib tashlang, qatorlarni normal o'tkazing. JS skriptlari uchun ularni tarkibdan keyin joylashing, shunda muhim ma'lumotlar skriptlarga qaraganda ancha muhim ma'lumot paydo bo'lishi uchun. Istisno - tarkibni ko'rsatish uchun skript va kerak bo'lgan. Barcha skriptlarni bitta faylga joylashtirilishi dargumon. CSS - hamma narsa uchun uslub varaqlaridan foydalaning. Har qanday ma'lumot chiqishi ideal ravishda CSS orqali amalga oshirilishi va har safar katta kodni yuklamasligi kerak.
3. Barcha sahifalarga javob qaytarish uchun to'g'ri yo'naltiruvchilarni sozlash va siz o'z manzilini o'zgartirish bilan qayta yo'naltirish, masalan, 301-kodni o'zgartirganda, agar ular takrorlansa, keyin Letereter, uchinchi tomon plaginlarida sababni toping va uni xuddi shunday hal qiling.

Xulosa

Saytning texnik optimallashtirish - bu juda ko'p vaqt talab qiladigan va maxsus bilimlarni talab qiladigan. Ammo odatda qabul qilingan tavsiyalar va ko'rsatmalar yordamida, hatto birinchi marta xosting uchun dvigatelni to'kib tashlagan.

• Ushbu mavzu bo'yicha maqolalarni o'qing:

Do'stlar, ushbu maqoladan salomlashish - rasmlarni qanday optimallashtirish va qanday qilib metemalashni qanday optimallashtirish va qanday qilib saytni qanday optimallashtirish va saytni qanday optimallashtirish kerak, saytdagi skrimni optimallashtirish kerakligini bilib oling .

Saytni ichki optimallashtirish uchun muhim voqealardan biri sahifani optimallashtirish. Shu sababli siz resursning umumiy sifatini yaxshilashingiz, sahifani yuklash tezligini oshirish, interfaol funktsiyalarning samaradorligini oshirishingiz mumkin.

HTML tekshirish va standartlashtirish

Sayt har qanday brauzerlarda, mobil va statsionar kompyuterlarda, turli operatsion tizimlarda, turli operatsion tizimlarda bir xil ishlaydigan brauzerlarda bir xil darajada ishlashi mumkinligi uchun tubdan muhimdir.

Umumiy birlashmaga erishish uchun barcha saytlar standart HTML versiyalari asosida ishlab chiqilgan. Bugungi kunda eng dolzarb HTML 4.1 va HTML5 versiyalari hisoblanadi. Ikkinchisi hali ham rivojlanish bosqichida bo'lsa, tarmoq allaqachon juda ko'p saytlarni nashr etdi.

Barcha eng mashhur brauzerlar - Opera, Google Chrome, Mozilla Firefox So'nggi versiyalarida yangi HTML5 gipotsiyasini qo'llab-quvvatlang. HTML5-dan foydalanishning ahamiyati, shuningdek, Android operatsion tizimiga asoslangan uyali kompyuterlar Flash texnologiyasini qo'llab-quvvatlamaydi va foydalanuvchilar videoni SWF formatida ko'rib chiqa olmaydilar.

HTML5-ga asoslangan saytlar Adobe Flash pleerini yuklab olish va o'rnatish kerak bo'lmagan videoni o'ynashga qodir. Miltillovchi tendentsiya kengayib bormoqda, shuning uchun saytlarning normal ishlashi uchun ushbu formatning flesh-video va jonlantirilgan bannerlardan foydalanishni rad etish uchun foydalidir.

HTML kod saytining haqiqiyligini tekshiring Siz butun dunyo bo'ylab Internet konsorsiumining rasmiy veb-saytidan ozod eta olasiz, masalan, bu

haqiqiytor.w3.org.

Ichki tekshiruvchilar yaxshi qurilish konstruktorlari va boshqaruv tizimlarida mavjud.

Tozalash HTML kodini tozalash

Veb-sahifalarni yaratish va keyinchalik tahrirlash jarayonida dasturchi sahifalardagi texnik eslatmalarni, keraksiz teglarni o'chirishni, unutganini unutadi. Bularning barchasi nafaqat saytning ishini sekinlashtiradi, balki funksiyani pasaytiradi. Oddiyligi sababli hTML Axlatni olib tashlash Siz Saytlar jadvallarini raqamli yuklab olishni 35% ga tezlashtirishingiz mumkin.

Hech qaerga olib kelmaydigan singan, singan havolalar ham bor, chunki qabul qiluvchi olib tashlandi. Bunday aloqalar dvigatellarni qidirishni yoqtirmaydi. Buzilgan havolalarning mavjudligi manbani qidirishda salbiy aks ettirilishi mumkin.

Buzilgan havolalar vaqti-vaqti bilan o'z-o'zidan paydo bo'lishidan qat'i nazar, ularni muntazam shug'ullanish va ularni yo'q qilish kerak. Bu tashqi va ichki havolalarga ham tegishli. Agar tarkibni boshqarish tizimi Qidiruv variantlari mavjud bo'lmasa, siz bepul onlayn xizmatlardan foydalanishingiz mumkin.

http://creatingonline.com/site_promoth/brostoz_lin_checker.htm.

http://anbrowser.com/linchchecker.html.

Grafik tarkibini optimallashtirish

Grafikalarni optimallashtirishga e'tibor berish juda muhim, chunki saytda nashr etish uchun barcha rasmlar tegishli ravishda ishlov berilishi kerak.

• Fotosuratlarni nashr etish uchun JPEG formatidan foydalanish tavsiya etiladi, chunki ushbu turdagi fayllar minimal vazn bilan yaxshi sifatni ta'minlaydi.

• Sifat juda muhim bo'lmagan rasmlarni saqlash uchun siz 100 yoki 200 Kb dan ortiq bo'lmagan fayllarning og'irligi bilan PNG formatini tanlashingiz mumkin.

• Zamonaviy standartlarga muvofiq barcha grafik fayllar kerak, ular serverdagi alohida katalogda va serverdagi alohida katalogda saqlang, ammo veb-sahifalarda amalga oshirilmaslik.

Rasmdagi sahifani tahrirlaganingizdan so'ng, yuklab olish tezligini tekshirishingiz kerak. Sahifa besh soniyadan ko'p bo'lmagan brauzerda paydo bo'lishi kerak. Aks holda, muvaffaqiyatsizlik keskin oshadi.

Barcha rasmlar va fotosuratlar mavjud bo'lgan mezismi, bu kalit so'zlarni qo'shib, Internetdagi qidirishni yaxshilash orqali optimallashtirilishi kerak. Rasmning meliatsiyasini optimallashtirishning asosiy talabidir. Barcha rasmlar turli xil nomlar, qalqib chiqadigan maslahatlar va muqobil matnlarga ega bo'lishi kerak.

Veb-sahifa media

Metagegi saytning turli sahifalari uchun noyob bo'lishi kerak. Taqlangan teglar aniqlanganda, qidiruv tizimi ularni va sahifalar qismini indekslashmaydi. Tajribalar shuni ko'rsatdiki, sayt metrosining noyoblashuvi reytingni yaxshilaydi va 18% ga yaqinlashishni kuchaytiradi.

Sarlavha va tavsif yorliqlarini optimallashtirishga alohida e'tibor qaratish lozim

1. Sahifaning sarlavhasi hech narsadan iborat bo'lishi kerak, bu izlar sonining qidiruv tizimi tomonidan ruxsat etilgan va asosiy kalit so'zni saqlab turadi.
2. Sarlavha uchun eng maqbul so'zlar oltitasi.
3. Sahifa tavsifi qo'nish sahifasi uchun matn sifatida chizilgan va odatda ikkita qisqa taklifdan iborat. Birinchi jumlada asosiy kalit so'z va ikkinchisida - qo'shimcha.
4. Kalit so'zlar Metatey unchalik muhim emas, lekin agar bunday bo'lsa kerak.

Masalan, men odatda metros uchun mas'ul bo'lgan kodning dvigatelidan o'z-o'zidan olib tashladim.

Dasturiy ta'minot elementlarini optimallashtirish - skriptlar

Skriptlarni optimallashtirish tamoyillari bir xil, ka grafikalar uchun - sahifa joyida, maxsus katalogda siqilgan shaklda saqlang.

Sizning sahifangiz toza bo'lishi kerak, saytingizda xizmat qiladigan robot faqat toza sahifani ko'rishingiz kerak, unda faqat maqola, yaxshi meta-kunlar mavjud bo'ladi. Shuning uchun sizga barcha skriptlar, hisoblash va boshqalar kerak. Alohida faylda joylashtiring.

Matn tarkibini optimallashtirish

SEO professionallari uzoq vaqtdan beri, Serpdagi pozitsiyasida qidiruv tizimlarida tashqi va ichki reyting omillari bilan bir qatorda, Serp-dagi pozitsiyaning ta'siri ostida va shu deb nomlanadi. Xulq-atvor (odat) omillar. Shunga qaramay, ikkinchisi etarli darajada e'tibor bermaydi. Buning sabablari ko'p. Birinchidan, "konveyerlar" ning "konveyer" aktsiyalari bilan shug'ullanadigan barcha kompaniyalar, axloq omillarining ta'sirini tahlil qilish, xatolar va ko'rilgan tartibning monitoring ko'rsatkichlari, saytga o'tadigan trafikni tahlil qilish uchun resurslarni ajratishlari mumkin. va boshqalar. Ikkinchidan, o'rta darajadagi mutaxassislar "Bajarilgan - sotib olinganlik - mavqeni kutmoqda" tamoyiliga muvofiq ishlamoqda. " Uchinchidan, ba'zi optimallar shaxsiy omillarga buni zarur deb hisoblamaganligi sababli, ular buni linch deb bilishadi yoki ular haqida bilmaydilar.

Shunga qaramay, konferentsiyalarni optimallashtirish bo'yicha Yandex vakillari, xulq-atvor omillarining roli tobora muhimroq ekanligini aniq ko'rsatib turadi. Ushbu omillarga ta'sir ko'rsatadigan ko'plab mezonlar orasida sayt sahifalarini optimallashtirishAfsuski, ko'pincha Internet resurslarini rivojlantirishni tashkil etishga e'tibor bermaydi.

Nega bunga muhtojsiz?

Javob oddiy. Kodni optimallashtirish nafaqat sahifalar yuklanishini tezlashtiradi, balki qidiruv tizimlariga ko'proq do'stona joylashtiradi - kod toza va chiroyli bo'ladi va uning elementlari to'g'ri joylarda joylashgan bo'ladi. Bundan tashqari, 2009 yil noyabr oyida Google-ning yuklab olish tezligi veb-saytni yuklab olish tezligi bo'yicha optimallashtirilishi, faqat kodni optimallashtirish kerakligini tasdiqlaydi. Bundan tashqari, optimizator ushbu omilga ta'sir qilishi mumkin.

Kodni optimallashtirish komponentlari

Sahifalarni qidirishning siri emas - ular sahifasini ko'ra olmaydilar va ular buni, shuningdek, odamni o'ngdan o'ngga qadar qiladilar. Ma'lumot kodeksining yuqori qismida qidiruv tizimlari ko'proq ustuvor ahamiyat beradi. Shunday qilib, Seo-Crest, eng muhim elementlar yoki sahifalar ikkilamchi elementlardan yuqori bo'lishi kerak. Quyida qidiruv tizimlarida qidiruv tizimlarida targ'ib qiluvchi kampaniyalarni optimallashtirish bo'yicha ba'zi tavsiyalar mavjud.

1. sarlavha,Ta'rif I.Kalit so'zlar - biz darhol tegga egamiz< bosh\u003e.

Xulq-atvor omillari nohishmas bo'lmagan tartibning sezilarli ta'siriga ega. Sayt turli xil ruxsatnomalar bilan barcha zamonaviy brauzerlarda bir xil darajada yaxshi ko'rinishi kerak. Ko'pincha, Internet Explorer brauzeri sayt tarkibini noto'g'ri ko'rsatganda, Firefox va Opera kardinal bilan farqni ko'rishingiz mumkin. Agar bunday veb-saytda, ya'ni foydalanuvchilarning ulushi 20% ni tashkil qiladi, shunda nobudgarchilik darajasi sezilarli darajada oshadi, o'sib boradi. Foydalanuvchi ushbu saytda ko'p vaqtni ushlab turmaydi, ehtimol darhol tabni olib keladi va hech qachon boshqa saytga qaytmaydi. Sayt tartibi "Joriy javob" va "Kichiklar" tushunchalari bo'sh tovush emasligi uchun mutaxassislarga tayinlanishi kerak.

8. Suratlarni optimallashtirishinternet.

Ushbu narsa ko'proq foydalanish imkoniyatini, ammo mumkin emas deb aytmaslik mumkin emas. Ba'zi veb-ustalar veb-saytlarda veb-saytlarni optimallashtirishni to'lamamaydilar. Biroq, har bir Internet foydalanuvchi hech bo'lmaganda matn tarkibi tezda yuklangan joyda, shuningdek, grafik tasvirlar katta qiyinchilik bilan ochilgan.

Gap shundaki, bu Internet Internetga eng tez ulanish tezligida emas, lekin aslida katta ruxsatnomalar mavjud, ammo rasmni grafik muharrirda siqish o'rniga, bu atributlar kodeksi ko'rsatilgan "kenglik" va "balandligi" va "balandligi" qadriyatlari, 15 marta, fotosuratlarning haqiqiy yoyilishidan kichikroq. Ba'zida, veb-hujjat rasmlarni Formats formatida ishlatadigan fikrlarga ko'ra, siz bilganingizdek, formatlarda bir xil rasmlarga qaraganda ancha katta hajmga ega. Masalan, siz hozir mashhur biatlon haqidagi sahifani olib kelishingiz mumkin - http://magdaalenaunerer.narod.ru/nowfoto.html. Barcha fotosuratlarni yuklashda foydalanuvchi 20 MB trafikni yuklab olishi kerak, chunki 90% rasmlar u erda BMP formatida amalga oshiriladi.

Qanday qilib hozirgi sharoitda nima qilish kerak?

Aksariyat hollarda, mijoz bitta veb-studiyada yoki freelancers saytida sayt yaratishga buyruq berganligi ma'lum bo'ldi. Qoida tariqasida, bunday muammolar ularning "konveyer" usullarini hal qilmaydi va targ'ib qilmaydi. Yandexda muvaffaqiyatli SEO kampaniyasida hozirgi voqelikda amalga oshirilmaydi. Shu sababli, saytlarni raqobatlashishga professional xizmat ko'rsatadigan mutaxassislar "Arsenal" dasturchilar va vertekserlar bo'limida yuqori raqobatdoshliklarga ega bo'lishlari, shuningdek saytlar yaratish bo'yicha xizmatlarni taqdim etishlari kerak. Mijozlarga, o'z navbatida, saytlarni bir vaqtning o'zida yoki yuqori darajadagi texnik yordamga ega bo'lgan minimal darajada faollashtirish va rag'batlantiradigan pudratchilarga e'tibor qaratish maqsadga muvofiqdir.

Ta'kidlash joizki, sahifaning kodining optimallashtirish asosiy so'rovlar va xatti-harakatlar omillariga e'tibor bermaslik pozitsiyalarning ko'payishiga kafolat bermaydi va bu hozirda ishlash kerak.

HTML-kodni optimallashtirish va uslublar kaskadiki, saytni yuklash jarayonini va unga joylashtirilgan tarkibni yuklash jarayonini tezlashtirish kerak. Umuman olganda, optimallashtirish vaqtini tejash va trafikni optimallashtirishdan ancha vaqt o'tgach, u tezlik sezilarli bo'lmasa ham, ahamiyatsiz bo'ladi.

HTML-kod optimallashtirish

HTML kod uchun saytni tezda yuklab olish uchun, u bir nechta shartlarga rioya qilishi kerak:

• Oddiy va informatsion bo'ling. Uni haqiqiyligini tekshirgandan so'ng, siz Botlar uni tahlil qilish osonroq bo'lishi uchun xatolarni tuzatishingiz kerak. Kod ko'rsatmalarni aniq ifodalashi kerak.
• Sahifalarni, masalan, sarlavhalar, ko'rsatkichlar, axborot bloklari kabi sahifaning asosiy tarkibiy qismlari osonlikcha aniqlanishi kerak.
• Qo'shimcha ma'lumotlardan ajratish kodi (masalan, CSS va JS bilan kasallanishingiz mumkin), shuningdek, botlarning ishini soddalashtiradi.

Ushbu shartlarning bajarilishiga erishgan taqdirda, saytni qidirishning botlarini indekslashning samaradorligini tezroq, qulay va oshirib borish mumkin.

CSS kodi va optimallashtirish kamayadi

Siz sayt kodini uning hajmini kamaytirish orqali osonlashtirishingiz mumkin. Buning uchun siz bir nechta operatsiyalarni amalga oshirishingiz kerak.

Avvalo, flesh texnologiyalar, JavaScript, Freymlar, rasmda ko'rsatilgan matndan qochish kerak. Ehtimol, alohida, tashqi fayllarda ajratilishi kerak bo'lgan barcha narsalar (masalan, CSS va JS yuqorida qayd etilganidek). Kod maxsus plaginlarni optimallashtirishga yordam beradi. Masalan, siz HTML kodini, CSS, JS (agar siz tegishli Shomilni qo'ysangiz) avtomatik ravishda avtomatik ravishda o'rnatishingiz mumkin. Siz sayt orqali malakali va qulay navigatsiyani sozlashingiz kerak, ular foydalanuvchilar tushuniladi va qidiruv tizimlari tomonidan to'g'ri tan olinadi. Bu tezlikni, yuklab olish va saytlarni indeksatsiya qilishni ko'paytiradi.

CSS ni optimallashtirishga kelsak, uni mustaqil ravishda amalga oshirish yoki uni maxsus manba yoki dasturga topshirish mumkin. Qo'lda optimallashtirish bir vaqt talab qiladigan va uzoq vaqt davomida, siz ba'zi xatolarni o'tkazib yuborishingiz mumkin. Optimallashtirish dasturi yoki xizmat ko'rsatish xizmati kamchiliklar bilan bartaraf etiladi, ammo saytda ishlagan ba'zi funktsiyalarni buzishi va tekshiruvdan so'ng, tarkibni tuzatish kerak emas.

Qo'l rejimida CSS tuzilmasini yaxshilashning ba'zi usullari:

• CSS faylini haddan tashqari yuklaydigan va robotlarni ishlashga qiynaladigan keraksiz bo'shliqlar va satrlarni olib tashlang;
• Shunga o'xshash buyruqlarni takroran takrorlangan o'rniga umumlashtirilgan xususiyatlarni buyurish;
• Izohlardagi lakonik, tushunarli tavsiflardan foydalaning;
• Rasmlar emas, uslublar bilan yozish uchun g'ayrioddiy sho'ng'inlar;
• Rasmlar uchun alt va sarlavhani yarating (har bir rasm uchun har xil), shunda ularning tarkibi qidiruv tizimlarining botlari bilan tan olingan;
• H1 Asboblariga va keyinchalik indekslashda to'g'ri tan olinishi uchun.
• Ularning sonini minimallashtirish uchun sahifada ishlatiladigan faqat sahifada ishlatiladigan kalit so'zlarni tayinlash;
• Turli xil va qisqa metra-teglardan foydalaning.

CSS va HTML OPTIMIZERS

Maxsus xizmatlar yordamida to'g'ridan-to'g'ri brauzerda to'g'ridan-to'g'ri brauzerda osonlikcha optimallashtiriladi, masalan:

• TOPCSSS.com;
• CSS optimerator;
• CSS kompressor;
• C-Pr.com;
• plagin avtoptime.

Seo mutaxassislari va uni tozalaydigan Compressiya koeffitsientini tanlash yoki individual sozlamalarni olish imkonini beradi. Optimallashtirishning yuqori va yuqori darajalaridan so'ng, sayt kodi amalda o'qib bo'lmaydigan ko'rinishni oladi va o'zgarishlar qilish deyarli mumkin emas. Shuning uchun, boshlash uchun standart optimallashtirishdan foydalaning. Siz kontent siqish rejimlarini tanlashingiz yoki individual parametrlarni optimallashtirishingiz mumkin: shriftlar, tasvirlarni siqish, bo'sh joyni olib tashlash.

C-Arro.com resursi CSS tuzilmasini 25-30% ga engillashtiradigan optimallashtirish uchun shunga o'xshash vositaga ega, ammo operatsiyani bajargandan keyin kod bilan fayl yaratishga imkon yo'q.

Qolgan xizmatlarning qolgan qismida kodni saytda ishlashni to'xtatishi uchun kodni tubdan o'zgartirishi mumkin. Shuning uchun, ularning yordami bilan faqat saytning aniq parametrlarida faqat mahalliy o'zgarishlarni ishlab chiqarish yaxshiroqdir.

Optimallashtirishdan so'ng siz saytning ishlashini dizaynni to'g'ri aks ettirish, yuklab olish tezligini tekshirish kerak. Vaziyat bu holatlar 3-5 soniyadan ko'p bo'lmaganida va parametrlar yuklangan taqdirda vaziyat.

Optimallashtirish darajasini tekshirish va HTML-kod ro'yxatdan o'tganligini tushunish uchun siz bunday xizmatlardan foydalanishingiz mumkin:

• optimallashtirish.com;
• Seo-Cheklist portali;
• firebug plagin.

Ushbu vositalar HTML-kod miqdorini kamaytirish va uning tuzilishini yaxshilash uchun hamma narsa qilinganligini tekshirishga yordam beradi. Seo-nazorat ro'yxatida siz optimallashtirish uchun allaqachon qilingan ro'yxatni tekshirishingiz mumkin va hali nimalar amalga oshirilmayapti va biznesni mukammal qiladi.

Tekshirish

Vikipediya amal qilish xizmatlaridan foydalangan holda xatolar uchun sayt kodini tekshirishingiz mumkin. Samarali kodni tekshirish haqiqiytorator.w3c.org yordamida amalga oshiriladi

Agar birinchi chekda tizim ko'proq yuraksiz xatolar berilsa, xafa bo'lmang. Muammoni o'rnatganingizdan so'ng, siz yana sinovni o'tkazib yuborasiz va xatolar ancha kichik bo'ladi, chunki bitta noqulaylik boshqalarga olib keladi va ular tuzatilganda yo'qoladi.

Tuzatilgan va optimallashtirilgan kodli sayt haddan tashqari yuklangan HTML kod bilan bo'lgan har qanday xatolar mavjud bo'lgan resursdan ko'ra yuqori pozitsiyalarga ega.

Eslatma: Saytning moslashuvchan versiyasi avtomatik ravishda brauzeringizning kichik hajmiga moslashtiradi va ba'zi saytlarning ba'zi sayt ma'lumotlarini o'qiganlik uchun tezlashtiradi. Baxtli tomosha!

Salom. Bugun biz mavzuni davom ettiramiz optimallashtirish HTML sayt tartibimaqolada boshlangan.

Keling, nima uchun muhimligini aniqlaylik va amaliy maslahatlarga murojaat qilaylik.

To'g'ri tayyorlangan (payvandlangan) veb-sayt andoza:

• Sahifani yuklash (ayniqsa, agar bundan oldin hammasi ishga tushirilgan bo'lsa);
• Sahifalaringizni yuqori qidiruv dasturida Sahifalaringizni aniqlaydi (nafaqat tez yuklab olish);
• To'liq xoch brauzerining, ya'ni barcha brauzerlarda saytning to'g'ri ko'rinishi sizning imkoniyatingizni oshiradi;
• Bu ko'p yillar tugagandan so'ng, siz yangi brauzerlar (yoki eski brauzerlarning yangi versiyalari uchun saytlaringizni qayta ko'rib chiqishga majbur bo'lmasligingiz uchun kichik kafolat beradi.

Men oddiy narsalardan ko'proq qiziqarli bo'lishni taklif qilaman.

1 qism. HTML va CSS standartlarini kuzatish

Shunchaki, agar men HTML va CSS-ga qo'shimcha ravishda biz html va php qismlarini optimallashtirishimiz mumkin, bu bizning saytlarimizning narxlarini optimallashtirishimiz mumkin, bu sahifalarni arzonroq va sahifa yuklash tezligini sezilarli darajada sekinlashtiradi. Biroq, sahifalar, JS va PHP komponentlarining yuklab olinish tezligidan tashqari, HTML belgisi, ya'ni sayt shablonidan farqli o'laroq, saytni ilgari surishga ta'sir qilmaydi.

1.1 Har doim teglarni yoping.

Agar siz yopiq bo'lmaganlar, hatto Xatml standart bo'lsa ham, ushbu qoidaga rioya qilish yaxshiroqdir. Misol:

• Ro'yxat nuqtasi
• Ro'yxat nuqtasi
• Ro'yxat nuqtasi

Har bir li yorlig'i yopiq bo'lsa ham, bu kerak emas.

1.2 To'g'ri yorliqlarni o'rnating.

Printsip bo'yicha: birinchi ochildi - ikkinchi yopiq. Misol to'g'ri emas:

Qanday to'g'ri:

1.3 Hech qachon HTML sxeut va teg atributlarini ichkariga va JS ni yozmang.

Hech qachon! Boshqacha aytganda, mavjudlikni unuting atribut uslubi va teg uslubi.:

matn

Barcha uslublarni tasvirlab bering alohida fayl.css

Siz uslub atributidan foydalanishingiz mumkin, faqat bir xil harakatlar bo'yicha JavaScript bilan javm bilan chizilgan. Masalan, agar siz rasmni bossangiz, siz sahifada butun matnning rangini o'zgartirishingiz kerak, shunda siz faqat siz kerakli teglar uchun kerakli qiymatlar bilan uslubiy atributni yaratishingiz mumkin (ushbu misolda siz tana uchun). Nima uchun? Chunki qidiruv robotlari uni baribir ko'rmaydilar va hech kim (foydalanuvchilar, shu jumladan) ortiqcha kodni yuklamaydilar, chunki sahifaning to'lganidan keyin amalga oshiriladi.

Biroq, bunday hollarda men oldindan tasvirlangan CSS-ning oldindan tavsiflangan katakchasini u uchun uslub atributini qo'shishdan ko'ra, kerakli yorliqni qo'shishni tavsiya qilaman. Bu kamida keyin tahrirlash uchun ko'proq qulay.

Hammasi JSga to'g'ri keladi, butun JS kodi ichkarida bo'lishi kerak alohida fayl, sizning joyingizda yoki yomonligingiz ichida emas, yorliq atributlari orasida.

1.4 Qopqoqlarni blokirovka qilish va bosh harflarni unuting.

Barcha teglar, atributlar va ularning qiymat chizig'ini (kichik) harflarini (kichik) harflarni yozing, xuddi shunday CSS uslubidagi jadvallarga nisbatan qo'llaniladi.

Yuqorida tavsiflangan deyarli hamma narsa HTML va CSS rasmiy spetsifikatsiyasida va unga tegishli hujjatning amal qilish muddati.

Shuni ta'kidlash kerakki, W3C standartlariga, ya'ni hujjatning haqiqiyligini kuzatish orqali, siz quyidagi Seo afzalliklarini olasiz.

• Toza kodni tanlang, shuning uchun saytingizga qidiruv tizimlarining qo'shimcha ishonchlari;
• Tezlashtirilgan sahifa yuklash, brauzer noto'g'ri hujjatni tuzatish uchun vaqt o'tkazishi shart emas.

Biroq, bu haqiqiylikka qarz berishga arzimaydi, siz unga rioya qilishga harakat qilishingiz kerak, ammo qolganlarga zarar etkazmaslik (vaqt, funktsionallik va boshqalar).

2-qism. Sahifani yuklashni tezlashtirish - reyting omillaridan biri

2.1 Ushbu rasmlarning mavjud o'lchamlarini ko'rsating.

Bu erda ikkita narsaning mohiyati:

• Atributlarni belgilash uchun ishonch hosil qiling kengligi. va balandlik Yorliq uchun img: Bu rasmlarning yuklanishini tezlashtiradi, chunki brauzer qanday hajmni namoyish qilish kerakligini bilib oladi.
• Axributlarda ko'rsatilgan bir xil o'lchamdagi rasmni kiritishga ishonch hosil qiling.

Agar sizga kerakli rasm kerak bo'lsa, unda HTML yoki CSS orqali kamayishi mumkinligi haqida vaqt tejashingiz shart emas. Vaqtni sarflashga, fotoshop yoki uning o'xshashligi va rasmni saytda ko'rishni istagan o'lchamlarga qarab, saytda ko'rishni istagan o'lchamdagi o'lchamlarga tushiring, bu sahifa yuklashni sezilarli darajada tezlashtirishi mumkin.

2.2 JS o'rniga CSS3-dan foydalaning.

JS sizning sahifalaringizni yuklab olishni sezilarli darajada sekinlashtirishi mumkin, shuningdek sahifani yuklagandan keyin yukni (turli xil ta'sirlar, o'qish va boshqa dinamik narsalar) yaratishda davom eting, bu brauzerning ishini davom ettirishi mumkin Sayt ochiladi.

Bugungi kunda ko'plab chiroyli va qiziqarli samaralarga faqat CSS3 xususiyatlaridan foydalanish orqali erishish mumkin (masalan, bak-soya, chegara radiusi, shaffof, orqa o'lchamdagi) va mahoratli.

Yuqoridagilarning barchasi bitta iborani umumlashtirish mumkin: qaerda bo'lmasin, JS3-ga JS-ni almashtiring, CSS3-dan xabardor bo'lmagan holda foydalaning! Bunday parchalarni qidirish uchun men sizga CSS3 ning yangi imkoniyatlarini o'rganishga maslahat beraman.

2.3 Fotoshop - ko'proq CSS 3.

Ushbu shiori uzoq vaqtdan beri ko'plab veb-ustalardan foydalanmoqda. Bitta CSS tufayli siz chiroyli tugmachalar va dizayn elementlarini, soyalarni (ichki va tashqi) va go'zal matn bilan yaratishingiz mumkin. CSS kodi bo'yicha grafik dizayn elementlarini almashtirishingiz mumkin bo'lgan joyda - buni qiling! Misol:

Yuqorida sanab o'tilgan CSS3 xususiyatlariga qo'shimcha ravishda, RGBA rang tavsifi formatida ham mavjud.

CSS-dagi krosser-brauzer yaratish uchun siz ushbu rangzilla.com kabi bepul xizmatlardan foydalanishingiz mumkin.

2.4 CSS-dagi Spritmadagi 2,4.

Biz CSS 3-ga dur bo'lmagan rasmlar bitta bittadan birlashishi kerak (idealda). Sahifani yuklashda serverga so'rovlar sonini kamaytirish uchun kerak. Ushbu element sizning veb-serveringizdagi yukni sezilarli darajada kamaytirishi mumkin va shu bilan birga sahifani yuklash va tezda 2 ta quyon!

Biz nima haqida gapirayotganimizni yaxshiroq tushunish uchun, shunchaki CSS-ni qidiring:

Yomon emas, shunday emasmi? Orqa fon rasmlari barcha elementlarda, biz faqat uni boshqa elementni ko'chiramiz va rasmning zaxira nusxasini almashtirish uchun, masalan, fonning istalgan qismi, masalan, quyidagicha:

# Pastki qism, # pochta, .Rs, -35px -20px;) .Mail (-43px -55px;)

Photoshop-dan foydalanib, spitsitni qo'lda ishlatish yaxshiroq bo'ladi, ammo bu sizga etarlicha qiyinchiliklarga duch kelishi mumkin, shuning uchun siz uchun CSS kodini o'z ichiga olgan bepul xizmatlardan foydalanishingiz mumkin. Menga buloq xizmati ko'proq yoqadi. Ammo takrorlashdan charchamayman: buni qo'lda, xususan, sprite juda samarali ishlashi mumkin (hajmi va vazni bilan).

2.5 JS fayllarini to'g'ri joylashtiring.

Barcha JS fayllangan fayllari Kodeksda iloji boricha past bo'lishi kerak, ularni saytning "boshi" ichida ulashingiz shart emas (bosh teglari o'rtasida) - bu sahifa yuklanmoqda. Eng yaxshi variant JS fayllarini tana yopiq tegining oldida ulanadi, ya'ni sahifaning pastki qismida joylashgan joy, quyida joy yo'q.

Va yana bir foydali maslahat: Ideal holda, barcha fayllardan (CTRL + X) kodini barcha fayllardan kesib, oxirigacha nusxa ko'chirishimiz kerak , tana yopilishining oldida bitta bitta faylni ulash:

...

Bu sizning sahifalaringizni yuklab olishni sezilarli darajada tezlashtirishi mumkin, chunki u sizning veb-serveringizga so'rovlar sonini kamaytiradi. JS faylining joylashgan joyi sahifaning pastki qismida yuklab olinishi va qayta ishlashni kechiktiradi, bu esa sahifaning asosiy qismining chiqishini tezlashtiradi. Va sizning oxirgi JS faylingizni kesishni unutmang (siqishni qiling).

2.6 CSS fayllarini to'g'ri joylashtiring.

Aytgancha, CSS fayli, shuningdek, bitta bitta (bir xil sabablarga ko'ra), siz o'zingizning kodini iloji boricha yuqori darajada joylashtirishingiz kerak!

Ammo siz uni teg yorlig'idan ustun qo'yishingiz shart emas, bu SEO uchun eng muhim va uni eng yuqori darajada qoldiring. Shaxsan men Sarlavha teglari va barcha mislatlardan keyin CSS faylini ulayman va undan keyin siz ulanishingiz mumkin, masalan, Favon (brauzer yorlig'i) va boshqalar.

3-qism. O'ng SEO tartibi tartibi

3.1 Sayt navigatsiya kodi.

Barcha sayt navigatsiya (menyu, non maydalash va boshqalar) cheksiz bo'lmaganlar (ul, li teglari) yordamida, div teglari va a dan foydalanmaslik.

Birinchidan, bunday menyuni yozish yaxshi ohang deb hisoblanadi, ikkinchidan, qidiruv tizimlari, ular noto'g'ri ro'yxatga olingan havolalar bilan bloklanmagan holda, ularsiz bo'lmagan ro'yxatlar bilan emas, balki ularsiz bo'lmagan ro'yxatlar bilan emaslar . Misol:

• menyu 1.
• menyu 2-band.
• menyu 3.

3.1.1 gorizontal menyusining noziklari.

Agar siz gorizontal menyuni amalga oshirishingiz kerak bo'lsa, men sizga ikkita bepul maslahat berishni xohlayman:

• Hech qachon Scatning CSS xususiyatidan foydalanmang (suzuvchi, uni boshqa elementlar bilan oqishiga olib keladi), buning o'rniga quyidagi koddan foydalaning: UL.MENU LI (displey: INline-blok;)
• Kodeksda siz yuqoridagi misolda, yangi liniyadan har bir yangi menyu elementini ishga tushirishingiz shart emas. Hamma narsani bitta qatorda yozish va narsalar orasidagi masofani o'zgartirish yaxshiroqdir marja.. Misol:

• menyu 1.
• menyu 2-band.
• menyu 3.

HTML-dagi liniyani bo'shatish kosmosga teng, ya'ni men menyu elementlari orasidagi kodni o'rnatgan bo'lsangiz, unda foydalanuvchilar ular orasidagi sayt sahifasida ko'rinadi. Bu erda nima yomon? Har bir brauzerda boshqa bo'shliq kengligi bo'lishi mumkin va ba'zilari buni umuman e'tiborsiz qoldirishlari mumkin. Natijada, saytingiz hamma joyda turli yo'llar bilan ko'rinadi va ba'zan (o'z tajribangizda) u hatto dizaynni buzishi mumkin.

Shuning uchun men yolg'on gapirish paytida o'z hukmronligim bor: ular orasida faqat menyuda) boshpana Elementlar bo'shliqlar va chiziqlar bo'lmasligi kerak! Shu bilan birga, u bir oz, lekin sahifalaringizning umumiy og'irligini kamaytiradi, chunki men yozganidek: 1 ta belgi (jumladan bo'shliqlar va strfiners) \u003d +1 bayt og'irligingiz bo'yicha.

3.2 Rasmlar uchun atribut

IMG yorlig'idagi alt atributini belgilash uchun ishonch hosil qiling:

Birinchidan, agar siz haqiqiyligini tekshirishni tekshirmoqchi bo'lsangiz (XHTMLda HTML-ning hisobidan, men har doimgidek, siz har doim qattiq XHTML standartlariga teng bo'lmasligingiz kerak), ikkinchidan, agar rasm yuklanmasa, Keyin foydalanuvchi hech bo'lmaganda altga yozilgan matn namoyish qilinadi (u haqida). Uchinchidan, u sizga Google va Yandex-dan olingan rasmlarni qidirishda rasmlaringizga urish imkoniyatini oshiradi, bu sizga qo'shimcha tashrif buyuruvchilarni jalb qilishi mumkin.

Va oxirgisi: alt atsandida ko'rsatilgan so'zlar sizning saytingiz reytingida hisobga olinadi, demak, hech qanday holatda ham, hech qanday holatda ham, u erda kalit so'zlarni yarating.

Agar sizda alt atributlari bitta kalit so'zlar bilan to'ldirilgan bo'lsa, biz albatta jarimalarni kutamiz.

3.3 HTML sarlavhalari H1-H6 maksimal darajaga qadar foydalaning.

h1. - Bu eng katta va asosiy sarlavha, u sizning hozirgi sahifangizning nomi bo'lishi kerak. Vaqt h6. Eng kichik va eng muhim boshliq. Ko'pgina SEO ekspertlari H1 sarlavhasini sahifada faqat 1 marta ishlatishni qat'iy tavsiya qiladi va u mantiqiy. Qolgan sarlavhalar har qanday vaqtni, eng muhimi ong bilan ishlatishi mumkin.

HTML sarlavhalarining saytingiz tartibida mavjudligi allaqachon qidiruvni targ'ib qilish uchun plyus va mahoratli kelishuv ikki baravar ko'payishi mumkin. Yandex o'zi bu haqda yozadi.

Ehtiyotkorlik bilan bezatilgan va tuzilgan sahifalar foydalanuvchi uchun eng jozibali, ular sizga kerak bo'lgan ma'lumotlarni topish ancha oson.

Reytingda nafaqat so'rovning matni, balki uni tasdiqlovchi ma'lumotlarning to'liqligi, taqdim etilgan ma'lumotlarning to'liqligi va uning dolzarbligi, shuningdek uning qanday tuzilgan va bezatilganligi.

O'ylaymanki, siz sarlavha qo'yishda sarlavha qo'yishning muhimligiga ishonchingiz komil emas, faqat sarlavhalarda barcha mumkin bo'lgan kalit so'zlarni tuzishga harakat qilishingiz kerak emas (ba'zan buni qilaman), u oldin ishladi. Sarlavhalar foydalanuvchi navigatsiya qulayligi uchun foydalanilishi kerak va dolzarblikni boshqarish uchun emas.

Shaxsan men maqola ichidagi barcha subtitrlarni tugataman h2., subtitrlar subtitrlari h3.va kichik kichik bandlar h4.. Har bir moddaning pastki qismida ijtimoiy tarmoqlar tugmachasi bilan obuna va blok shakli mavjud, men ularning ismlarini tuzdim h6.. Sayt nomlarining o'ng ustunida nomlar tuzilgan h5..

Ko'rinib turibdiki, men HTML sarlavhalaridan maksimal darajada foydalanaman va mashinada mantiq hamma narsani yuqoridan pastgacha fosh qilishni taklif qiladi. To'liq idlyalar uchun bo'lsa ham, sarlavhalarni o'zgartirish kerak edi h6. va h5.Ammo bu juda kamroq bo'ladi :) va unchalik muhim emas.

3.4 Saytga tezkor aloqa qilish.

Sarlavhalar mavzusini davom ettirish, men muhimligi haqida aytmoqchiman h1. Va uni qanday qilib to'g'ri qilish kerak. Birinchidan, men uni faqat 1 marta sahifada foydalanishni tavsiya qilaman! Sizning CMS-dagi sayohatchilar. Ikkinchidan, H1 Seo-ga katta ta'sir ko'rsatadi (keyin ikkinchi o'rinda sarlavha), baribir, lekin men sizga H1da sarlavha matnini takrorlashni maslahat beraman.

Yandex yozadi:

Yandex to'g'ri ravishda to'g'ri havolalarni to'g'ri ajratishga yordam berish uchun matnli matn