Çapraz tarayıcı düzeni, arama motorlarını "çeken"

Bir site oluşturulduğunda, etkinliğinin tarayıcılar arası düzen olmasını sağlamak önemlidir. Bu nedir? Nasıl yapılabilir? Tuzaklar neler?

Çapraz tarayıcı düzeni nedir?

Html / css bir web sitesi oluşturmanın temelidir. Birçok web yöneticisi bu prensibe göre yaklaşıyor: Ben iyiyim - ve yeter. Tarayıcınızdan veya mobil cihazınızdan ne zaman geldiğinizi ve sitenin yanlış görüntülendiğini göreceksiniz. Bu gibi durumlarda, uyarlamalı tasarım ve çapraz tarayıcı düzeni kurtarmaya gelir.

Css ve html bu durumda omurga ileher şeyin gerçekleştiği yardımı ile. Bazı durumlarda, bu amaçla JavaScript kullanılabilir. Ancak nihai hedef, her şeyin farklı versiyonlarda çalıştığından emin olmaktır. Bu nedenle, tarayıcılar arası uyumluluğu sağlamak için bir istek varsa, sitenin tüm tarayıcılarda iyi görüntülenmesi için, sitenin ilk çalışma tarihinden itibaren bunu sürekli olarak düşünmelisiniz.

Genel anlamda adım adım kılavuz

Yani, nasıl yapılacağına bakalımtarayıcılar arası düzen. Öncelikle, sitenin hangi programlarla çalışacağına karar vermek gerekir. Lütfen tarayıcı sayısı iki yüze yaklaşıyor, bu yüzden herkesi memnun etmeye çalışmak inanılmaz bir karmaşıklık meselesi. Bu nedenle, 3 ile 8 arasında bir sayı seçin. Neyin odaklanacağını belirlemek için Yandex Metrika ve Google Analytics gibi yardımcı hizmetleri kullanabilirsiniz. Bundan sonra, tarayıcılar arası uyumluluğa ulaşma sorununun nasıl çözüleceğini öğrenmelisiniz.

Birçok insan hakikat için teklifte bulunur. Bunlar sadece belirli bir tarayıcının anladığı özel kodlar, seçiciler ve kurallardır. Ancak, farklı tarayıcılar ve sürümleri için bu eklentilerin en az birkaç düzine yazmanız gerektiğinden, bu yaklaşımın çoğu, yüksek maliyet, süre ve irrasyonellik nedeniyle bu yaklaşımı reddetmektedir. Bazı insanlar aynı şekilde görüntülenen elemanların kullanımına güvenir. Ancak çoğu zaman bir takım önemli avantajlar kaybolur. Kayıpları en aza indirmek için adaptif tasarım da paralel olarak kullanılır. Bu nedir?

Adaptif tasarım

Bu, sitelerin yerleşimi için yaklaşımıdır.Site, farklı tarayıcılara ve ekran boyutlarına uyum sağlayan kauçuktan üretilmiştir. Uyarlanabilir tasarımın ve çapraz tarayıcı uyumluluğunun yakından iç içe geçtiği ve bir şey hakkında konuştuklarında, bir kural olarak, ikincisini kastettikleri belirtilmelidir. Küçük bir örneğe bakalım.

Opera ve Opera Mini gibi tarayıcılar var. İlk sıradan bilgisayarlarda kullanılır ve ikinci - cep telefonlarında. Genel olarak, benzerler, ancak birtakım özellikleri vardır. Bu gibi durumlarda, tek tek dosyaları bağlamak ve / veya medya sorgularını kullanmak önemlidir. Bu nedir? İlk durumda, belirli bir tarayıcının çalışmasını amaçlayan ayrı dosyalar oluşturulur ve bunların çağrıları yazılır. İkinci durumda, medya sorguları olan dosyalara ihtiyacınız var. Kullanılan program belirli gereksinimleri karşılarsa, dosya istenen yapılandırmada yüklenir.

Ne yapmalıyım?

Başlangıçta, hatırlanmalıdır kihtml ile çalışan, tarayıcılar arası düzen özel dikkat gerektirir. Bu nedenle, daha fazla verimlilik için basamaklı stil sayfalarının kullanımını en üst düzeye çıkarmanız gerekir. Ayrıca bazı yaklaşımları değiştirmek gerekiyor. Pek çok deneyimsiz insan, bir şeyin boyutunu belirttiğinde, pikselleri kullanır - px. Sitenin tepesini süsleyen büyük bir başlık etiketiyle bir örnek düşünelim.

800 piksellik bir genişliğe sahipti. 1600'lü bir ekranla, bu oldukça çekici olacak. Ama 700rh'de gülünç görünecek. Bu durumda ne yapmalı? Boyutu piksel cinsinden değil, yüzde olarak ayarlayabilirsiniz! Ve yazıt sabit bir uzunluk değil, ekranın genişliğini işgal edecek. Yüzde olarak, belirli bir öğenin ekranın kenarlarından yerleştirileceği mesafeyi belirtebilirsiniz. Ama ekran çok küçükse ne olur?

300 yaşında mı? Bu durumda, genişliğini sabitlemek için düzeltilmesi gereken medya sorgusuyla yardımcı olacağız. Ve eğer 700px veya daha az ise, kitabın yerin% 75'ini kaplayacağı tespit edilebilir. Ve eğer genişlik 300px ve daha az ise, o zaman tüm% 100'ü ayarlayabilirsiniz. Genel olarak, konu çok ilginç ve yararlıdır, bu yüzden ayrıntılı olarak incelenebilir. Ama, burada, kitaptaki bilgiler ve makaledeki her şey işe yaramaz.

Tarayıcılar arası uyarlama düzeni neden arama motorlarını içerir?

Ve cevap çok basit: çünkü bu, geliştiricilerin siteyi takip ettiğini ve kullanıcılarına mümkün olduğunca eğlenceli hale getirdiğini gösteriyor. Dolayısıyla, bu insanlar arama motorlarında daha yüksek pozisyonlar vererek teşvik edilebilir. Tabii ki, siteniz hemen TOP-1'de gösterilmeyecek, ancak diğer faktörlerle kombinasyon halinde bu, güçlü bir şekilde tırmanmanıza izin verecektir. Bunun sadece işe yaramaz bir çağrı değil, bu kadar dikkat gerektiren bir şey olduğu unutulmamalıdır.

Sonuçta, kendiniz için düşünün: Dışarıdan çok hoş olmayan, siteye geldiğinde kullanıcı için ne var? Ancak, arama motorunun düşük kaliteli içerik sunduğu sonucuna varabilir! Bu nedenle, teklif edilmesi gereken siteleri çok dikkatli seçerler. Buna ek olarak, bu, web yöneticilerinin yararıdır, çünkü içerik için yüksek kaliteli bir kabuk yaratırlar, bu sayede insanlar herhangi bir donanımı kullanarak ilgilendikleri bilgileri alabilirler: bilgisayar, dizüstü bilgisayar, tablet, akıllı telefon veya cep telefonu. Buna göre, daha memnun ziyaretçiler, daha hızlı site büyür ve gelir düzeyi.

Sonuç

Bu mütevazı gerçeğini göz ardı etmek mümkün değilUyarlanabilir bir tasarıma sahip bir çapraz tarayıcı sitesi oluşturmak çok uzun ve zaman alıcı bir iş değildir. Bu nedenle sabırlı olmalısınız ve bu disiplinin harika bir şey olduğunu unutmayın! Belki, başlangıçta bir şey çalışmayacak, ancak bilgi aramak, farklı yaklaşımları kullanmak ve pes etmemek gerekir. Ve sonra ziyaretçilerine herhangi bir ilgi gösterecek bir web sitesi yapmak için gerekli olacaktır.