Tata letak cross-browser, "menarik" mesin pencari

Ketika situs yang dibuat penting dalam hal efektivitas adalah tata letak lintas-browser. Apa itu? Bagaimana hal itu bisa dilakukan? Apa perangkap yang ada?

Apa tata letak lintas-browser?

Html / css - adalah dasar untuk menciptakan sebuah situs. Banyak webmaster yang cocok untuk ini sesuai dengan prinsip: Saya merasa baik - dan itu sudah cukup. Dan bagaimana frustasi adalah ketika Anda datang dari browser web atau perangkat mobile, dan situs tersebut tidak ditampilkan dengan benar. Dalam kasus tersebut, bantuan datang desain adaptif dan tata letak cross-browser.

Css dan html up dalam kasus ini, tulang punggung, di mana semua dilaksanakan. Dalam beberapa kasus, untuk tujuan ini mungkin terlibat dalam JavaScript. Tapi tujuan akhir adalah sama - untuk memastikan bahwa semuanya bekerja pada versi yang berbeda. Oleh karena itu, jika Anda ingin memastikan kompatibilitas cross-browser, sehingga situs tersebut juga ditampilkan di semua browser, perlu untuk berpikir sepanjang waktu, dari saat pertama kerja di situs.

Walkthrough pada umumnya

Jadi, mari kita lihat bagaimana membuat tata letak lintas-browser. Awalnya harus menentukan program yang akan bekerja situs. Harap dicatat bahwa jumlah web browser dekat dengan dua ratus, jadi cobalah untuk menyenangkan semua orang - itu adalah kerumitan luar biasa. Oleh karena itu, memilih nomor 3 sampai 8. Dalam rangka untuk memutuskan apa yang harus fokus, Anda dapat menggunakan dan layanan pendukung seperti Yandex Metrika dan Google Analytics. Setelah itu Anda harus mencari tahu bagaimana masalah ini akan terpecahkan untuk mencapai lintas-browser.

Banyak orang melakukan transaksi perbankan mereka pada khaki. Ini kode-kode khusus, penyeleksi dan aturan, yang mengerti hanya browser tertentu. Tapi, mengingat bahwa Anda harus menulis setidaknya beberapa puluh sisipan untuk browser yang berbeda dan versi browser, banyak melempar pendekatan semacam itu karena biaya tinggi, durasi dan irasional. Beberapa bergantung pada penggunaan barang-barang, yang ditampilkan dengan cara yang sama. Tetapi pada saat yang sama sering kehilangan sejumlah keuntungan penting. Untuk meminimalkan kerugian, menggunakan lebih paralel dan desain adaptif. Apa itu?

desain responsif

Pendekatan ini untuk tata letak situs web, di mana situs ini karet, yaitu orang yang beradaptasi dengan ukuran layar yang berbeda dan browser. Perlu dicatat bahwa desain adaptif dan kompatibilitas cross-browser yang erat terjalin, dan ketika mereka berbicara tentang satu hal, biasanya menyiratkan kedua. Mari kita lihat contoh cepat.

Ada beberapa browser, seperti Opera dan Opera Mini. на мобильных телефонах. Pertama kali digunakan pada komputer desktop, dan yang kedua - di ponsel. Pada umumnya mereka adalah sama, namun memiliki sejumlah fitur. Dalam kasus tersebut, penting untuk menghubungkan file individual dan / atau penggunaan pertanyaan media. Apa itu? Dalam kasus pertama, itu menciptakan file terpisah, yang bertujuan untuk bekerja browser tertentu, dan register tantangan mereka. Dalam kasus kedua, Anda harus mengajukan dengan pertanyaan media. Jika program Anda memenuhi persyaratan tertentu dari file dimuat dalam konfigurasi yang diinginkan.

Apa yang harus saya lakukan?

Awalnya, kita harus ingat bahwa ketika bekerja dengan html, tata letak lintas-browser memerlukan perhatian khusus. Oleh karena itu, Anda harus menggunakan kemungkinan maksimum cascading style sheet untuk efisiensi yang lebih besar. Pada saat yang sama juga perlu mengubah beberapa cara kerja. Begitu banyak orang berpengalaman ketika mereka menunjukkan ukuran sesuatu, penggunaan piksel - px. Perhatikan contoh dari header prasasti besar, yang menghiasi bagian atas situs.

Dia Lebar ditetapkan pada tingkat 800rh. Pada layar di 1600rh itu akan cukup menarik. Tapi di 700rh akan terlihat konyol. Apa yang harus dilakukan dalam kasus ini? Anda tidak dapat menentukan ukuran dalam pixel, dan persentase! Dan tahan prasasti tidak akan menjadi panjang tetap, dan setengah lebar layar. Persentase tersebut dapat diatur dan jarak di mana elemen tertentu akan ditempatkan di tepi layar. Tapi inilah yang harus dilakukan jika layar terlalu kecil?

Misalkan itu adalah 300 pixel? Dalam hal ini, kami akan membantu permintaan media yang harus diperbaiki lebar mendaftar. Dan jika itu adalah sama dengan 700rh dan kurang, adalah mungkin untuk menetapkan bahwa tanda akan menempati 75% kursi. Dan jika lebar sama dengan 300 piksel atau kurang, adalah mungkin untuk mengekspos dan 100%. Seluruh topik ini sangat menarik dan bermanfaat, sehingga dapat dipelajari dengan sangat rinci. Tapi, sayangnya, ada informasi pada buku, dan meletakkan segala sesuatu dalam artikel tidak akan bekerja.

Mengapa tata letak lintas-browser adaptif menarik mesin pencari?

Dan jawabannya cukup sederhana: karena menunjukkan bahwa pengembang mengikuti situs dan menjadikannya sebagai menyenangkan mungkin bagi penggunanya. Ini berarti bahwa orang tersebut dapat didorong dengan memberikan posisi yang lebih tinggi di mesin pencari. Tentu saja, situs Anda tidak akan segera ditampilkan pada bagian atas-1, tetapi dalam hubungannya dengan faktor-faktor lain, ini akan sangat meningkat. Perlu dicatat bahwa ini bukan persyaratan hanya berguna tetapi sesuatu yang layak begitu banyak perhatian dibayar untuk.

Setelah semua, hanya berpikir: apa yang pengguna ketika ia mendapat di situs yang sangat tidak menyenangkan dalam penampilan? Tapi mungkin datang untuk percaya bahwa mesin pencari menawarkan konten berkualitas rendah! Oleh karena itu, mereka dipilih dengan hati-hati sehingga situs yang harus ditawarkan. Selain itu ada juga webmaster manfaat karena mereka menghasilkan shell berkualitas tinggi untuk konten, di mana orang akan dapat memperoleh informasi yang dibutuhkan dari perangkat keras: komputer, laptop, tablet, smartphone atau ponsel. Dengan demikian, pengunjung lebih puas, situs tumbuh lebih cepat dan tingkat pendapatan.

kesimpulan

Tidak mungkin tidak untuk dicatat fakta sederhana bahwa pembuatan situs lintas-browser dengan desain responsif - itu tidak mudah, sangat panjang dan melelahkan. Oleh karena itu perlu untuk bersabar dan ingat disiplin itu - itu hal yang besar! Mungkin sesuatu awalnya akan salah, tetapi kita perlu mencoba untuk mencari informasi, menggunakan pendekatan yang berbeda dan tidak mundur. Dan kemudian pastikan untuk mendapatkan membuat website yang akan senang untuk menunjukkan kepada pengunjung.