Cross-brauzer tartibi, qidiruv dvigatellar "jalb"

yaratgan sayt uning samaradorligini nazaridan muhim ahamiyatga ega, bir xoch-brauzer tartibi. Bu nima? Buni qanday amalga oshirish mumkin? Nima makr bor?

xoch-brauzer tartibi, nima?

HTML / CSS - bir sayt yaratish uchun asos hisoblanadi. Men yaxshi his - va bu yetarli: ko'p webmasters printsipiga ko'ra, bu uchun javob beradi. Agar veb-brauzer yoki mobil qurilma kelgan, va sayt to'g'ri ko'rsatishi emas qachon va qanday solishi mumkin. Bunday hollarda, yordam adaptiv dizayn va tartibi xoch-brauzer keladi.

Bu holda CSS va HTML yuqoriga, asos, orqali barcha amalga oshirildi. Ba'zi hollarda, bu maqsad uchun JavaScript jalb qilinishi mumkin. Lekin pirovard maqsadi bir xil bo'ladi - hamma narsa boshqacha versiyalarida ishlagan ishonch hosil qilish uchun. Agar sayt yaxshi, barcha brauzerlar ko'rsatiladi, shunday qilib, ko'ndalang-brauzer muvofiqligi ta'minlash bo'lsangiz Shuning uchun, bu sayt ishlarini birinchi kundan boshlab, har doim o'ylayman zarur.

umuman Walkthrough

Shunday qilib, uning ko'ndalang brauzer tartibi qilish uchun qanday qaraylik. Dastlab dasturlari sayt ishlaydi aniqlash kerak. ikki yuz yaqin veb-brauzerlar soni, shuning uchun hammaga rozi qilish uchun harakat, deb iltimos unutmang - bu aql bovar qilmaydigan bir murakkabligi hisoblanadi. Shuning uchun, o'ylash uchun nima qaror qabul qilish maqsadida 8. 3 dan bir qator tanlang, foydalanmoqchi va bunday Yandex Metrika va qo'llab-quvvatlash xizmatlari mumkin Google Analytics. Shundan so'ng siz muammo ko'ndalang brauzer erishish uchun hal bo'ladi, qanday qilib topish kerak.

Ko'p odamlar hokim o'z bank qilish. faqat ma'lum bir brauzer tushunadi, bu maxsus kodlari, sinchkovlik va qoidalari. Lekin, ko'p, chunki uning yuqori qiymati, davomiyligi va irratsional bunday yondashuv sepib, turli xil brauzerlarda va brauzer versiyalari uchun qo'shimchalar kamida bir necha o'nlab yozish kerak, deb berilgan. Ba'zi bir xil yo'l paydo bo'lgan ob'ektlar, foydalanish tayanib. Lekin ko'pincha bir vaqtning o'zida u muhim afzalliklari bir qator yo'qotgan. yana parallel va adaptiv dizayni foydalanib, yo'qotishlarni kamaytirish uchun. Bu nima?

Responsive dizayn

sayt bir rezina bo'lgan veb-sayt tartibi, ya'ni, turli ekran registri va brauzerlar moslashish o'sha uchun bu yondashuv. Bu adaptiv dizayn va xoch-brauzer muvofiqligi o'zaro uzviy bog'liq, deb ta'kidlash lozim, va ular haqida bir narsa gapirganda, u, odatda, ikkinchi nazarda tutadi. ning tez Masalan qaraylik.

Opera va Opera Mini ba'zi brauzerlar mavjud. на мобильных телефонах. Birinchi ish stoli shaxsiy kompyuterlar ishlatiladi, va ikkinchi - Uyali telefonlar haqida. Umuman, ular o'xshash, lekin bir qancha xususiyatlari bor. Bunday hollarda, u individual fayllar va / yoki media so'rovlar foydalanish ulash uchun muhim ahamiyatga ega. Bu nima? Birinchi holda, u muayyan brauzer ishlash niyatidamiz alohida fayl yaratadi va ularning qiyinchilik qayd qiladi. Ikkinchi holatda, siz media so'rovlar faylini kerak. Sizning dasturi kerakli konfiguratsion yuklagan fayl xos talablariga javob bo'lsa.

Men nima qilishim kerak?

Dastlab, biz HTML bilan ishlashda, ko'ndalang-brauzer tartibi, alohida e'tibor talab qiladi unutmang. Shuning uchun, siz hosildorlik uchun Uslublar kaskadli jadvallari maksimal imkoniyati foydalanishi kerak. Shu bilan bir vaqtda, shuningdek, ish ba'zi yo'llarini o'zgartirish kerak bo'ladi. px - Shunday qilib, ko'p tajribasiz odamlar narsa, foydalanish piksel hajmini ishora qachon. sayt ustki bezab turardi katta yozuv sarlavhalar, misolini ko'rib chiqaylik.

U 800rh miqdorida belgilangan edi kengligi. 1600rh ekranda u juda jozibador bo'ladi. Lekin 700rh u bema'ni qarash qiladi. Bu holatda nima qilish kerak? Piksel hajmini va foizini belgilash mumkin emas! Va yozuv, bir qattiq uzunligi va ekranning yarim kengligi bo'lmaydi ushlab turing. foiz belgilash mumkin va masofa qaysi bir aniq element ekranning chekkalarida joylashtiriladi. Lekin bu erda ekran juda kichik bo'lsa, nima uchun ekan?

300 piksel bo'lgan Aytaylik? Bu holda, biz Ro'yxatdan o'tish kengligi barqarorlashtirish kerak media so'rovlar yordam beradi. Bu 700rh teng va kam bo'lsa, u belgisi O'rinlar 75% ishg'ol etishini tashkil etish mumkin. kengligi 300 piksel yoki undan kam teng bo'lsa, u fosh va 100% mumkin. butun mavzu juda qiziqarli va foydali bo'ladi, shuning uchun u katta batafsil o'rganib mumkin. Lekin, afsuski, u erda kitob ustida ma'lumot va ishlamaydi maqolada hamma narsani qo'ydi.

Nima uchun adaptiv xoch-brauzer layout qidirish vositasiga jalb?

Va javob juda oddiy: u Dasturchilar sayt amal va uning foydalanuvchilar uchun iloji boricha qiziqarli qilish ekanligini ko'rsatadi, chunki. Bu odamlar izlash motorlar, ularga yuqori o'rinlarni berib da'vat mumkin, degan ma'noni anglatadi. Albatta, sizning sayt darhol top-1 ko'rsatiladi bo'lmaydi, lekin boshqa omillar bilan birgalikda, bu juda ko'tariladi. Bu faqat foydasiz talab lekin juda ko'p e'tibor qaratilmoqda loyiq narsa emas, deb ta'kidlash lozim.

Axir, faqat o'ylab: Foydalanuvchi u ko'rinishi juda yoqimli bo'lmagan saytida olganda nima? Lekin u qidiruvi, past sifatli kontentni taqdim ishonish mumkin! Shuning uchun, ular taklif lozim saytlar, shuning uchun diqqat bilan tanlangan. kompyuter, noutbuk, planshet, smartfon yoki mobil telefon: ular odamlar har qanday qurilmalardan zarur ma'lumotlarni olish imkoniyatiga ega bo'ladi bo'lgan tarkib uchun yuqori sifatli shell, ishlab, chunki Bundan tashqari, shuningdek, foyda webmasters bor. Shunga ko'ra, ko'proq mamnun Saytga ko'proq tez o'sib borayotgan sayt va daromad darajasi.

xulosa

Bu oson juda uzoq va og'ir emas - U javob dizayni bilan ko'ndalang brauzer sayt yaratish ekanligini kamtarona haqiqatni ta'kidlashni emas mumkin emas. Bu buyuk narsa - Shuning uchun u sabr va intizomi eslash lozim! Balki bir narsa dastlab noto'g'ri ketadi, lekin biz, orqaga chekingan, ma'lumot uchun qarash harakat turli yondashuvlar foydalanish va kerak. Va keyin zavq o'z mehmonlarga ko'rsatish uchun bo'ladi sayt qilish olish ishonch hosil qiling.