Arama promosyonunun maliyeti ve sonucu, siteyi mobil cihazlara nasıl uyarladığımıza bağlıdır.

yer imlerine

Ashmanov and Partners'tan bir optimize edici olan Dmitry Mrachkovsky, uyarlanabilir ve mobil site arasında nasıl seçim yapacağınızı ve ne gibi bariz olmayan sorunlarla karşılaşacağınızı anlattı.

Duyarlı ve Mobil Web Sitelerinin Faydaları

Akıllı telefonlar ve tabletler için hangi uyarlama teknolojisinin SEO açısından daha etkili olduğu sorusuna net bir şekilde cevap vermek zor. Büyük oyuncular arasında bile, bazı kararların lehine bir avantaj görmedim. M.Video, DNS, Wildberries, Aviasales uyarlamalı düzeni kullanır ve Lamoda, 220 Volt, Ulmart, Yandex.Market mobil siteleri kullanır. Ancak, birinci ve ikinci elde edilen faydaların ne olduğuna bir göz atalım.

"M.Video" sitesinin uyarlanabilir düzeni ve "220 Volt" sitesinin mobil versiyonu

Duyarlı düzen, ayrı bir mobil sürüm geliştirmeden yapmanıza yardımcı olur. Bunun avantajları vardır:

• Mobil cihazlarda görüntülemek için ayrı bir sayfa yapısına ihtiyacımız yok. Sitenin masaüstü sürümünü CSS kullanarak düzeltmeniz yeterlidir.
• Masaüstü ve mobil sürümler için tek bir URL kullanılır. Bu nedenle site içeriği kopyalanmaz, sayfalar birbiriyle rekabet etmez ve tanıtım çalışmaları masaüstü ve mobil aramalarda sıralamaları etkiler.

Mobil versiyon daha maliyetli ve esnek bir çözümdür. Ana siteyi etkilemeden düzenlenebilir. Bu size aşağıdaki faydaları sağlar:

• Bir mobil sitenin yüklenmesi, kod düzeyindeki gereksiz işlevsellik kaldırılarak mümkün olduğunca kolay ve hızlı hale getirilebilir.
• Arayüz, sitenin masaüstü sürümünde bulunmayan işlevler eklenerek mobil kullanıcılar için geliştirilebilir.
• Kullanıcı isterse mobil cihaz üzerinden sitenin ana sürümüne her zaman geçiş yapabilir.

Bir teknolojiden daha bahsetmek istiyorum - RESS. Kullanıcıya, cihaza bağlı olarak bir masaüstü veya mobil şablon gösterir, ancak sayfanın URL'si değişmez. RESS, yukarıda açıklanan uyarlanabilir ve mobil sürümlerin avantajlarını birleştirir. Ancak iki dezavantajı da var: karmaşık ve pahalı uygulama ve nadir ve popüler olmayan telefon modellerinin tanımlanmasındaki hatalar.

Duyarlı düzen ile ilgili sorunlar

Duyarlı, ekonomik ve kullanışlı bir çözümdür, ancak arama promosyonu açısından çeşitli tuzakları vardır.

adaptifin yanlış yorumlanması

Bazıları uyarlanabilir düzeni yanlış uygular ve aynı anda kodda bir sayfada iki şablon görüntüler - masaüstü ve mobil. Kullanıcının cihazına bağlı olarak, kodun istenen kısmı görünür kalırken geri kalanı display: none kullanılarak gizlenir. Bu, üç sorunu ortaya çıkarır:

1. Tüm içerik öğeleri iki kez yüklenir: metinler, resimler, H1 ve H6 başlıkları, içerik kırıntıları, ilgili ve öne çıkan ürünler vb. Ve arama motorları kopyaları gerçekten sevmez.
2. İçeriğin kullanılmayan kısımları CSS ile gizlenir. Arama motorlarının bu konudaki görüşü belirsizdir. Google, gizli blokların içeriğini görmezden geldiğini ve Yandex'in sayfanın tüm içeriğini dikkate aldığını belirtti. Çoğu SEO uzmanı, böyle bir planın cezalandırılma riski oluşturduğu konusunda hemfikirdir.
3. Kod kopyalanmış ve site daha yavaş yükleniyor.

Böyle bir uygulama, RESS teknolojisine yanlış bir yaklaşımdır.

Gereksiz öğeleri gizleme

Uyarlanabilir sürümün arayüzünü daha kullanışlı hale getirmek için, bazıları bazı işlevlerden kurtulur: dikkat dağıtıcı bloklar, katalog kategorilerindeki büyük metinler vb. Gereksiz her şey display: none kullanılarak gizlenir. Ancak sorun, tüm kodun sayfayı yüklemek için kullanılması ve sitenin yavaş olmasıdır. Ayrıca yukarıda bahsedildiği gibi arama motorlarının bu tür içeriklere karşı tartışmalı bir tutumu vardır - yaptırımlara maruz kalma riski vardır.

JavaScript'in yanlış kullanımı

Bazıları, mobil cihazlarda gereksiz blokların görüntülenmesini önlemek için JS kullanır. Ancak bu yöntem, display: none 'dan daha iyi değildir. Arama motorlarının, masaüstü sürümünde bile kendileri için tasarlanan içeriği dizine eklememe riski vardır. Arama motorları, özellikle doğru indeksleme için bir takım koşullar karşılanmadığında, genellikle AJAX içeriğini her zaman doğru algılamaz.

İnsanlar neden hala duyarlı tasarım kullanıyor?

Uyarlanabilir seçim genellikle iki ana avantajdan kaynaklanır: sitenin yalnızca bir sürümünün geliştirilmesi ve birden çok URL'de sorun olmaması.

Ayrıca birçok bölgeye tanıtım için uygun bir çözümdür. Tüm çalışmalarımızı tek bir alana odaklayarak masaüstü ve mobil aramalarda sonuç alıyoruz. Bunu yapmak için, ilgilendiğiniz bölgeleri Yandex.Directory'deki siteye bağlamanız gerekir.

Ve Google için, arama motorunun hangi bölgelerde çalıştığınızı anlaması için şube adreslerini içeren bir sayfa oluşturun. Tek bir etki alanına sahip uyarlanabilir düzen, M.Video tarafından çok başarılı bir şekilde kullanılmaktadır. Mağaza, ürün, kategori ve bilgi sorguları için mobil ve masaüstü sonuçlarında üst sıralarda yer alıyor.

Diğer yoldan gidebilirsiniz - sayfaların metin alaka düzeyini artırmak için coğrafi alt alanları kullanın. Bu durumda, spb.site.ru, samara.site.ru, kazan.site.ru gibi alt alan adlarına Yandex.Webmaster üzerinden bölgeler atanır ve ardından başlıklar ve meta etiketler yer adı ile atanır. Diğer bir artı, sonuçları bölgelere göre izlemek için coğrafi alt alanlar için ayrı analizler kurmanın kolay olmasıdır. Bu tanıtım yöntemi MediaMarkt tarafından uygulanmaktadır.

Sitelerin mobil sürümleriyle ilgili sorunlar

Nispeten yüksek geliştirme maliyeti, mobil sitelerin tek dezavantajı değildir. İşte bu teknolojiyi seçerken karşılaşabileceğiniz daha az belirgin sorunların bir listesi.

Çift tanıtım çalışması

Mobil site, ana siteden ayrı olarak optimize edilir ve tanıtılır ve bu, uyarlanabilir duruma göre daha fazla kaynak gerektirir. Mobil sürümün doğru şekilde dizine eklenmesi ve masaüstü sürümüyle rekabet etmemesi için optimize etmeye başlamanız gerekir. Bunu yapmak için, bunları Yandex.Webmaster ve Search Console'da bağlayın, doğru rel="alternate" özniteliklerini ayarlayın, indekslemeyi ve XML harita oluşturmayı ayarlayın.

İçerikteki mutlak bağlantılar nedeniyle kaos

Masaüstü ve mobil şablonlar, vakaların %99'unda aynı veritabanından içerik yükler. Masaüstü sitesinin dahili sayfasına, protokolü ve etki alanını belirten mutlak bağlantılar kullanıyorsa, bunlar mobil sayfada da görüntülenecektir. Bir bağlantıya tıkladığınızda, iki senaryodan biri gerçekleşir:

• Masaüstü sürümü için kullanıcı aracısı tanımlanmışsa, sayfanın mobil sürümü kullanıcıya açılır.
• Diğer durumlarda, kullanıcı bir masaüstü sayfası görecek ve mobil sürüm oluşturma işi boşuna olacaktır.

Bu durumda sitenin iç link ağırlığı ihlal edilebilir. Bu sorunu önlemek için içeriğinizde göreceli bağlantılar kullanın. Yani, href niteliği için https://site.ru/page/ yerine /page/ belirtin.

Masaüstü ve mobil sitelerin içeriği ve yapısı farklılık gösterebilir. Bu nedenle, hataları önlemek için aramada her ikisinin içeriğini indekslemek mantıklıdır. Google, masaüstü site içeriğinin standart olduğunu belirtmek için mobil sürümü önerir. Öte yandan arama motoru, kanonik olmayan sayfaların içeriğinin dikkate alınmadığını söylüyor.

Bu konuda Yandex ile her şey açıktır - mobil ve masaüstü sayfalarının içeriğini ayrı ayrı indeksler. Bunu yapmak için, ana sürümden mobil sürüme rel="alternate" özniteliğini ayarlamanız yeterlidir ve ayrıca cihazın kullanıcı aracısını dikkate alarak masaüstü sürümünden mobil sürüme 301 yönlendirmesi ayarlayabilirsiniz.

Mobil öncelikli endeksin belirsiz gereksinimleri

Mobil öncelikli bir dizine geçişe hazırlanmak için standart sayfa olarak sitenin mobil sürümünü seçmek mantıklıdır. Doğru, mobil öncelikli ile ilgili önerilerde bazı belirsizlikler var. Örneğin, Google'ın yönergeleri, mobil ve masaüstü sürümlerinin içeriğinin benzer olması gerektiğini söyler, ancak "benzerlik" derecesini açıklamaz.

Ancak, masaüstü aramada sıralama, mobil sürümde gereksiz olacak, ancak mobil sürüme öncelik verilecek belirli bir içerik bloğu gerektiriyorsa ne olur?

Google'ın mobil siteleri dizine ekleme kılavuzundan bir alıntı

Google'ın mobil öncelikli dizinin uygulanmasına ilişkin raporundan alıntı

Turbo sayfaların akılsız kullanımı

Bazıları, sıralamaları etkileme beklentisiyle, ayrım gözetmeksizin arama motorlarında yenilik yapar. Örneğin, aramada tam teşekküllü mobil sayfaların yerini almayan Yandex turbo sayfaları, kullanıcı işlevselliğinin küçük bir bölümünü içerir ve daha az dönüşüm sağlar. Ticari bir siteniz varsa ve mobil sürümün kalitesinden eminseniz, makale ve inceleme içeren sayfalar için bile "turbo" uygulamak için acele etmeyin.

Dış bağlantıların etkisini azaltmak

Bağlantılar, özellikle Google aramada, sıralamalar için hala önemlidir. Bir mobil alt alanımız olduğunda, bazı kullanıcılar sosyal ağlarda ve forumlarda bundan bahsetmeye başlar. Diğer kısım ise ana site adresine giden bağlantıları kullanır. Sonuç olarak, bağlantılar mobil ve masaüstü aramalarında tek bir alan adımıza göre daha az performans gösterir.

Bölgelerde tanıtımın özellikleri

Yukarıda, uyarlanabilirliği bölgesel olarak tanıtmanın iki yolundan bahsettik - tek bir alan ve coğrafi alt alanlar kullanmak. Mobil sürümler için bu seçenekleri göz önünde bulundurun.

İlk durumda, ana etki alanını ve mobil alt etki alanını m.site.ru tanıtıyoruz. Her birinin bölgeleri Yandex.Directory aracılığıyla ayarlaması gerekiyor. Sorun şu ki, sitenin mobil sürümünü şubeye kendi başınıza bağlamak bazen imkansız olabilir. Teknik desteğe başvurmanız gerekecek, ancak bu bir sonucu garanti etmez. Sitenin mobil versiyonu için ayrı bir organizasyon oluşturamazsınız. Bu nedenle çok sayıda dal varsa ciltleme uzun sürebilir.

Genellikle m.spb.site.ru veya spb.m.site.ru gibi alt alan adlarını kullanma seçeneğini hariç tutuyoruz. Örneğin, Kholodilnik.ru onu kullanıyor olsa da. Ancak bu durumda, mobil ve masaüstü sürümlerinin tüm bölgeleri arasında adresleme kurmanız, bunları güncel tutmanız, değişiklikleri izlemeniz ve web yöneticileri için hizmetleri izlemeniz gerekir. Bu, ödemesi muhtemel olmayan büyük bir iş.

Mobil Uygunluk Kontrolü için Gönderme

Sitenizin optimize edilmiş bir sürümünü mobil uyumluluk testi için Yandex.Webmaster'a göndermezseniz, mobil arama sonuçlarında görünmeyebilir. Sorun adaptasyon için de geçerlidir. Bu her zaman olmuyor ama Webmaster'daki mesajları takip etmenizi tavsiye ederim.

Sitenin mobil sürümüne bir bölge atama hakkında Yandex teknik desteği ile bir iletişim parçası

Mobil sürümler neden kullanılıyor?

Mobil sürümlerin ana avantajları, elbette, ayrı bir şablon oluşturma ve yüksek indirme hızıdır. Ayrıca, eski sitelerin ayrı bir mobil sürüm oluşturması, uyarlanabilir bir sürüm uygulamaktan daha kolaydır.

Ayrıca, birçok SEO uzmanı, uyarlanabilir bir site yerine mobil bir sitenin kullanıma sunulmasından sonra arama trafiğinde bir artış kaydetti. Her ne kadar büyümenin nedeninin, sıralamayı olumsuz yönde etkileyen uyarlamalı düzenlerinde hatalar olduğunu göz ardı etmiyorum.

Hangi seçeneği seçmeli

Sıfırdan bir web sitesi geliştiriyorsanız veya küçük bir projeniz varsa, uyarlanabilir mizanpaja daha yakından bakın. Bu daha ekonomik ve hızlı bir çözümdür. Ancak, sitenin bir kısmının gelecekte mobil cihazlarda gösterilmesini engellemek zorunda kalmamak için işlevselliği hemen planlamak daha iyidir.

Kullanıcı deneyimine öncelik veriyorsanız mobil versiyonu tercih etmelisiniz. Masaüstü için sonuç vermeden değiştirilebilir. Site, kendi segmentinde masaüstü konusunda lider konumdaysa, bu önemlidir.

RESS teknolojisini de kullanabilirsiniz ancak bu durumda Google'ın mobil versiyonu tercih ettiğini unutmayın.

Google'ın RESS kullanarak siteleri dizine ekleme kılavuzundan bir alıntı

Hangi teknolojiyi seçerseniz seçin, sitenin ve sürümlerinin doğru şekilde indekslendiğinden, olabildiğince hızlı yüklendiğinden ve tüm cihazlarda sorunsuz görüntülendiğinden emin olmaya çalışın.

Teşekkürler SEO Uzmanları

Bu yazımızda sitenin mobil versiyonunun nasıl kontrol edildiğinden, uygunluğundan, okunabilirliğinden ve doğru görüntülenmesinden bahsedeceğiz.

Sitenizi mobil cihazlarda görüntüleme kolaylığı için kontrol etmek, çeşitli web servisleri kullanılarak kontrol edilebilir. Özellikle, bu servis Google, mobil düzeninizin okuryazarlığını yeterince değerlendirmenize olanak tanır.

Google, geçtiğimiz günlerde mobil cihazlar kullanılarak yapılan aramalarda mobil yerleşim gereksinimlerini karşılamayan sitelerin karamsarlaştırılacağını duyurdu. Bu algoritma zaten çalışıyor ve mobil platformlarda görüntülenmeyi umursamayan bazı siteler gerçekten de mobil arama sonuçlarından çıkarıldı.

Siteniz masaüstü platformlar için üç kat uygunsa, mobil düzenin kalitesini kontrol etmeniz gerekir, aksi takdirde trafiğin etkileyici bir bölümünü kaybedersiniz (mobil platformların aramadaki payı her yıl hızla artıyor), yani müşterilerinizi kaybedersiniz. Bu nedenle sitelerinizi mobil cihazlara uyarlamanız ve sitelerin mobil tarayıcılarda doğru görüntülenip görüntülenmediğini kontrol etmeniz gerekir.

Google Chrome'u kullanarak mobil düzenin kalitesini kontrol etme

Geliştiriciler için Google'ın harika bir mobil simülasyon aracı var. Bu araç, Google Chrome tarayıcısında yerleşik olarak bulunur. Erişmek için, F12 tarayıcıda (geliştirici moduna geçin) ve akıllı telefon simgesine tıklayın:

Sayfa, popüler mobil cihazlardan, ağ türünden (GPRS, 2G, 3G, 4G, vb.) birini seçebileceğiniz, katı ekran ayarlarını belirleyebileceğiniz cihaz değiştirme moduna dönüşür. Bu, sitenin çalışmasını belirli mobil cihazlarda simüle etmenize olanak tanır. Mevcut cihazlar arasında iPad, iPad Mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Samsung Galaxy ve diğer bazı popüler cihazların çeşitli sürümleri bulunur.

Belirli bir cihazı seçerek siteyi bir mobil cihazda kontrol edebilirsiniz. Örneğin, iPad 3'te "Nubex" sitesinin ana sayfasını görüntülemek:

Ve Samsung Galaxy S4'te:

Burada yalnızca belirli bir cihazda sitenin görüntüsünü görmekle kalmaz, aynı zamanda önünüzde doğru gadget varmış gibi siteyle tam olarak çalışabilirsiniz. Kuşkusuz bu araç, sitenin mobil sürümünü geliştirirken vazgeçilmezdir, ancak sitenizin gerçek cihazlarda nasıl görüntüleneceğinin gerçek cihazlarda kontrol edilmesi gerekir. Bu, özellikle sitenin "yerel" tarayıcılarda (Safari - iPad / iPhone için, IE - Windows Phone için vb.) görüntüsünü kontrol etmeniz gerekiyorsa önemlidir.

Sitenin mobil versiyonunu geliştirmenin maliyeti - 15.000 ruble'den

Mobil cihazların hayatımıza girmesiyle birlikte çok şey değişti - özellikle internete acil erişim olanakları önemli ölçüde genişledi. Artık en son haber bültenlerini incelemek veya ilgilendiğiniz şirketin web sitesine gitmek için yanınızda bir dizüstü bilgisayar veya kişisel bilgisayar bulundurmanıza kesinlikle gerek yok. Bunu yapmak için, elinizde bir akıllı telefon olması yeterlidir.

Dolayısıyla internetin mobil kitlesini artırma eğilimi vardır, bu da web sitenizin, yani şirketinizin World Wide Web'deki temsilinin değiştirilmesi gerektiği anlamına gelir.

Sitenin mobil versiyonu nedir?

Çoğu modern site, mobil cihazların ve tabletlerin ekranlarında yanlış görüntüleniyor. Kullanılan aygıtın fiziksel ekranı geleneksel olarak küçüktür, bu nedenle kişisel bilgisayar ekranında mükemmel görünen bir site akıllı telefon ekranında görüntülenmeye tamamen uygun değildir.

Aslında, mobil sürüm geliştirmeözel bir tasarım oluşturma, kullanılabilirlik geliştirme, düzen ve içerik optimizasyonunu içeren ayrı bir projedir. Tasarımcının ana görevi, şirketin ana fikirlerini mümkün olduğunca doğru bir şekilde iletmek ve aynı zamanda bunları küçük bir ekrana sığdırmaktır.

Bazı durumlarda, sitenin içeriği azaltılır ve yalnızca en önemlileri bırakılır. Yapı ve işlevsellik de değişir, yalnızca stilistik tasarım, bazı öğeler ve içerik değişmeden kalır.

Sitenin mobil versiyonu iş sorunlarınızın eksiksiz bir çözümü için bir fırsattır. Bu versiyonda, örneğin, PC kullanıcıları için mevcut olmayan cihaza özel fonksiyonlar uygulanabilir. Tüm bunlar, sitenizin mobil kullanıcılar için çekiciliğini artırarak trafiğin artmasına katkıda bulunur.

İnternet izleyicileri akıllı telefonları kişisel bilgisayarlara nasıl tercih etti?

Kıskanılacak düzenliliğe sahip tabloidler, "İnternet kullanıcıları kitlesel olarak akıllı telefonlara göç ediyor", "Rus kullanıcılar mobil İnternet'e gidiyor" kategorisinden manşetlere çıkıyor. Söylemeye gerek yok, bu tür ifadeler için pek çok neden var.

Mediascope araştırma firmasına göre, 2017 itibariyle, Rusya'daki mobil İnternet kullanıcılarının kitlesi, nüfusun %54'ü olan 66 milyon kişiye ulaştı. Ayrıca, %16'sı yalnızca mobil İnternet kullanıyor.

Ayrıca, akıllı telefonlardaki İnternet izleyicisinin çok hızlı bir şekilde büyüdüğü, bilgisayar web sörfünün ise istikrarlı bir şekilde zemin kaybetmeye devam ettiği belirtiliyor. Geçen yıl boyunca, ağa erişmek için masaüstü bilgisayar kullanan Rusların sayısı %4 azaldı.

Gördüğünüz gibi, mobil web dönemi geldi ve siteniz hala mobil cihazlarda rahat görüntüleme gereksinimlerini karşılamıyorsa, bu çok ciddi bir ihmaldir.

Mobil web sitesi işletmenizi tanıtmak için neden önemlidir?

Siteniz hala mobil uyumlu değil mi? Gerekli bilgileri anında almak isteyen sıradan bir İnternet kullanıcısı, bu tür rahatsızlıklara dayanamayacak şekilde onu terk edebilir. Bundan sonra ne olacak? Mobil izleyicinin çıkarlarını gözeten doğrudan rakibinizin sitesini hemen açacaktır.

Çoğu şirket için sitenin mobil sürümünün kullanılabilirliği - bugünün trendi değil, acil bir ihtiyaç, aşağıdaki gibi ifade edilir:

• Site tanıtım verimliliği. Google temsilcilerine göre, mobil sürümü olmayan siteler, akıllı telefon ekranlarına uyarlanmış web kaynaklarına kıyasla öncelikli olarak daha alt sıralarda yer alacak. Bu nedenle, bugün sitenin mobil versiyonu sadece daha fazla trafik çekmek için bir fırsat değil, aynı zamanda sitenin internette başarılı bir şekilde tanıtılması için bir ön koşuldur.
• Kullanıcılar için kolaylık.İnternet kullanıcılarının %40'ı, ilgilendikleri sitenin mobil versiyonu yoksa başka bir siteye geçeceklerini dürüstçe itiraf ediyor. İş açısından, şirketinizin web sitesi mobil ve tablet dostu değilse, çok sayıda potansiyel müşteriyi kaçırıyorsunuz demektir.
• Parlak itibar. Sitenizin modern bir gadget'ın ekranında yanlış görüntülenmesi, önemli bir dezavantaj ve İnternet kullanıcısının garantili sitemli bir görünümüdür. Öte yandan, bir mobil versiyonun varlığı bir tür "karma için artı" ve şirketin doğru imajını korumaktır.
• Rekabet avantajı. Rakip web sitenizin mobil versiyonunun olmadığını mı öğrendiniz? Bu teklemeden yararlanmanın ve güçlü bir rekabet avantajı sağlamanın, yani rakiplerinizin yanıt vermeyen sitelerinden ayrılan müşterileri elde etmenin zamanı geldi.

Mobil cihazlarla bir site nasıl "arkadaş edinilir"

Akıllı telefonlarda sitenizin doğru görüntülenmesi sorununu çözmenin iki yolu vardır:

1. Orijinal sürüme alternatif olarak var olacak sitenin ayrı bir sürümünü oluşturun.
2. Herhangi bir ekran boyutuna otomatik olarak uyum sağlayan duyarlı bir tasarım oluşturun.

Şirketinizin web sitesi zaten mevcutsa ve yeniden tasarlamak istemiyorsanız, aynı zamanda sitenin mobil cihazlara olan bağlılığını artırmak istiyorsanız sipariş vermek daha karlı olur. mobil sürüm geliştirme. Bu durumda sadece akıllı telefon sahipleri için faydalı olacak içerikleri kaydetmek mümkün oluyor.

Site henüz oluşturuluyorsa ve İnternet izleyicisinin ilgi alanlarını hemen halletmek istiyorsanız, uyarlanabilir tasarımı tercih etmelisiniz. Hazır bir site söz konusu olduğunda, uyarlanabilir bir tasarımın oluşturulması, sürecin yüksek emek yoğunluğunu ve buna bağlı olarak daha yüksek bir maliyeti ifade eder.

Web stüdyosu "Aspect" ten sitenin mobil versiyonu: geliştirme maliyeti

Bugüne kadar, sitelerin yalnızca bir kısmı mobil cihazlarla çalışacak şekilde uyarlanmıştır, bu da trafik payınızı geri kazanma şansınız olduğu anlamına gelir. Sitenin mobil versiyonunun geliştirilmesi, Aspect web stüdyosu tarafından size sunulmaktadır.

Bu hizmetin maliyeti 15 000 ruble'den. Mevcut siteye dayalı bir mobil sürüm oluşturuyoruz ve bu göreve yalnızca en iyi uzmanları dahil ediyoruz.

İşin maliyeti şunları içerir:

• Yeni sayfaların prototiplenmesi.
• Mobil tasarım geliştirme.
• Düzen.
• Sitenin mobil versiyonunun programlanması ve ana versiyona bağlanması.

Mobil sürüm oluşturmak ne kadar sürer?

Ortalama olarak, sitenin mobil versiyonunun geliştirilmesi 10 iş gününden itibaren. Belirli terimler, işin miktarına, yani sitedeki sayfaların sayısına, bunlarda sunulan bilgilerin türüne bağlıdır.

Akıllı telefon ekranlarına "aktarılması" gereken sayfaların sayısını azaltarak son teslim tarihlerini azaltabilirsiniz - bunlar, mobil İnternet kullanıcıları için değeri olmayan ikincil bilgiler sağlayan sayfalar olabilir.

Web stüdyomuzda mobil versiyonun gelişimi nasıldır?

Çalışmamızın algoritması aşağıdaki gibi temsil edilebilir:

1. Mobil versiyonun geliştirilmesi için başvurunuz (telefon, e-posta ile).
2. Proje yöneticisi ile toplantı ve tartışma.
3. İşin kapsamının değerlendirilmesi ve hizmetin tam maliyetinin hesaplanması.
4. Sözleşmenin düzenlenmesi ve imzalanması.
5. Ödeme ve işe başlama.
6. Sitenin mobil versiyonunun tasarımının geliştirilmesi.
7. Tasarım düzenini kabul etme eyleminin koordinasyonu ve imzalanması.
8. Mobil sürüm düzeni.
9. İçerik aktarımı.
10. Projenin teslimi.

Bir mobil sürüme ihtiyaç olduğuna ikna oldunuz ve geliştirmesini sipariş etmek mi istiyorsunuz? Web Studio "Aspect" her zaman en son trendlere odaklanır ve sitenizin "harekete geçirilmesi" konusunda size profesyonel yardım sağlamaya hazırdır.

Mobil cihaz patlamasının ortaya çıkmasıyla birlikte geliştiriciler bir seçenekle karşı karşıya kaldılar: Sitelerinin mobil sürümlerini "tam teşekküllü" sürümlerle birlikte tutmalı mı yoksa siteler duyarlı hale gelip kendilerini farklı ekran boyutlarına uyarlamalı mı?

Şu anda, sitelerin mobil sürümlerini oluştururken, bunları oluşturmanın 3 ana yolu vardır:

• Uyarlanabilir tasarım;
• Sitenin ayrı mobil versiyonu;
• RESS (Duyarlı Tasarım + Sunucu Tarafı).

Yöntemlerin her birinin, ayrıntılı olarak açıklamaya çalışacağım artıları ve eksileri vardır.

Uyarlanabilir tasarım

CSS3 Medya Sorguları, duyarlı tasarımı uygulamak için yaygın olarak kullanılır. Ekran boyutuna bağlı olarak, kullanıcı farklı bir resim görecektir:

@media ekranı ve (maksimum genişlik: 1600 piksel) ( div.for-example (width: 1500px;) ) @media screen ve (maks-width: 1280px) ( div.for-example (width: 1100px;) ) @media ekran ve (max-width: 1024px) ( div.for-example (width: 980px;) )

Duyarlı Tasarımın Faydaları

• Geliştirme kolaylığı - uyarlanabilir düzen ile sitenin tüm yapısı otomatik olarak farklı ekran genişliklerine göre ayarlanır. Çalışan bir ürün elde etmek için her şeyi sıfırdan yazmanız gerekmez - sadece CSS ve HTML'de ince ayar yapmanız yeterlidir ... Bootstrap gibi çerçevelerin mevcudiyeti göz önüne alındığında, standart bir uygulama ile bu tür geliştirme çok zor değildir. Ek olarak, böyle bir ürünü desteklemek nispeten basit bir iş olacaktır.
• Bir URL - bizi gereksiz yönlendirmelerden ve kullanıcının mobil versiyonun adresini hatırlama ihtiyacından kurtarır (sadece m öneki olsa bile). Ayrıca tek bir adresin bulunması, arama motorlarının çalışması için “daha ​​uygun” olacağından sitenin tanıtımını olumlu yönde etkileyecektir.

Duyarlı Tasarımın Dezavantajları

• Çeşitli görevler - büyük sitelerin "mobil" kullanıcılarının tipik görevleri genellikle PC kullanıcılarınınkinden farklıdır. Bir banka müşterisiyseniz, büyük olasılıkla, sitenin mobil versiyonunda çok sınırlı bir bilgi yelpazesiyle ilgileneceksiniz - en yakın şubelerin, ATM'lerin vb. adresleri.
  Genel olarak, uyarlanabilir düzen ile en yaygın yaklaşım, normal bir sitenin bir kopyasını oluşturmak, telefon düzeninde hedef kitlenin tüm gruplarının ihtiyaçlarını uygulamaktır. Ama sonra kullanılabilirliği unutabilirsiniz. Ziyaretçilerin yüzde beşi için gerekli olan ikincil bölümler, müşterilerin büyük bir kısmı için rahatsızlık yaratacaktır.
Sitelerin "ağırlığı", cep telefonu kullanıcıları için ciddi bir engel olmaya devam ediyor. Bu, gömülü haritalar, videolar, kredi hesaplayıcıları ve mobil sitelerdeki animasyonlu menüler dahil masaüstü sitelere özgü bazı aktif öğelerin daha hafif alternatiflerle değiştirilmesi gerektiği anlamına gelir. Duyarlı tasarım bize bu yeteneği verebilir mi? Popüler bir uygulamada, küçük ekrana sahip bir kullanıcının yalnızca bir kısmını görebilmesi için tüm sayfayı yüklemesi gerekir. Örneğin, ana düzenin masaüstü sürümü 200 Kb ağırlığındaysa ve mobil sürüm 50 Kb daha ağırlığındaysa, görüntülemek için 250 Kb indirmeniz gerekir. Tabii ki, sayfa kodu sıkıştırmayı kullanabilirsiniz, ancak sunucuya yapılan ekstra istekler yine de gidecektir.
• umutsuzluk - Mobil versiyonun tartışılmaz avantajlarından biri: Beğenmezseniz kapatıp normal domaine geçebilirsiniz. Duyarlı tasarım web siteleri bu basit ama önemli seçeneği sunmaz. Özel düzen uygunsuzsa, sorunluysa veya önemli bir gezinme öğesini gizliyorsa, onu kendi haline bırakın: Yeniden görmek için yapabileceğiniz hiçbir şey yok. Bir masaüstü veya rakibin web sitesini aramak için koşmanız gerekecek. Bu sınırlamayı aşmak için "koltuk değnekleri" ile karşılaşabilirsiniz (çerezleri kullanın ve farklı stil sayfaları ekleyin). Ancak bu yaklaşım gelişmeyi zorlaştırır.

Genel olarak, uyarlanabilir tasarımda bir mobil versiyon geliştirme fikri, yukarıdaki dezavantajlara rağmen oldukça popülerdir. Özellikle, bu kavram, örneğin Google gibi devler tarafından tam olarak desteklenmektedir.

Sitenin ayrı mobil versiyonu

Siteyi mobil kullanıcılar için uygun hale getirmek için, genellikle bir akıllı telefon / tablet ile kullanıcıya özel olarak yönlendirilmiş ayrı site sürümleri de oluştururlar. En yaygın uygulama, mobil kullanıcıları özel bir alt alana (m.example.com, mobile.example.com, vb.) yönlendirmektir. Muhtemelen, vakaların% 99'unda, mobil sürüm sadeleştirilmiş bir ana sürümdür - yalnızca geliştiricilere göre mobil cihaz ve tablet kullanıcıları için gerekli ve faydalı olacak işlevsellik ile.

Mobil versiyonun faydaları

• Değişim kolaylığı site fiili olarak ana sürümden ayrı olarak var olduğundan, mobil sürüm çoğunlukla gereksiz, gereksiz işlevsellik sağlamadığından, yalnızca mobil sürümle ilgili değişiklikler yapmak çok daha kolaydır.
• Kullanıcı dostu - mobil sürüm genellikle masaüstü sürümüne kıyasla büyük ölçüde basitleştirilmiştir, bu nedenle kullanıcının ihtiyaç duyduğu bilgiler için çok uzağa gitmesi gerekmeyecektir.
• hız - sitenin aynı sadeleştirilmesi nedeniyle, mobil sürüm daha hızlı yüklenir. Bu, hala GPRS veya zayıf 3G kullanan kullanıcılar için çok önemlidir.
• Seçim-çoğu zaman, mobil sürümde sitenin ana sürümüne geçmek mümkündür.

Mobil versiyonun dezavantajları

• Birden çok adres -
• Kullanıcı rahatsızlığı - masaüstü ve mobil sürümler için farklı adresler. Bazıları için bu bir artı olabilir, diğerleri için siteyi rahatça görüntülemek için bir adresi daha hatırlamanız gerektiğinde son derece can sıkıcı bir faktör olabilir. Arama motorlarında da sorunlar vardır: Yinelenen içerikten kaçınmak için SEO'ların rel="alternative" ve rel="canonical" meta etiketlerini kullanması gerekir. Ayrıca, bir Google mobil arama kullanıcısı sonuçlarda bir bağlantıya tıkladığında masaüstü sürümüne yönlendirilecek veya mobil sürüme yönlendirilecektir. Ancak bu sayfanın mobil versiyonu yoksa hata verecektir.
• Sınırlama - ayrı bir mobil site oluşturmak, bazı içerik ve işlevlerden kurtulmak anlamına gelir. Ayrıca, genel bilgi resmini olumsuz etkileyebilecek iki farklı içerik grubunuz olabilir.

Genel olarak, sitelerin mobil sürümlerinin oluşturulması, özellikle büyük projeler için kendini oldukça iyi haklı çıkarır. Örnek olarak, Amazon sitenin özel, mobil bir sürümünü kullanır.

RES

Google'ın kendisi, web yöneticilerinin duyarlı tasarım kullanımını desteklemesine rağmen, ürünlerinde farklı bir sistem kullanıyor. Örneğin, farklı Kullanıcı Aracıları altındaki ana sayfaya giderseniz, farklı cihazlar için farklı HTML görebilirsiniz. RESS - Duyarlı Tasarım + Sunucu Tarafı. Uygulama örneği, "diz üstünde" çizilmiş:

$DS = DIRECTORY_SEPARATOR; require_once(dirname(__FILE__) . $DS . "kütüphaneler" . $DS . "browser.php"); $cihaz = BBrowser::detectDevice(); if($device == DEVICE_TYPE_MPHONE)( $tmpl = "template.m.php"; ) else if($device == DEVICE_TYPE_TABLET)( $tmpl = "template.t.php";) else( $tmpl = "şablon" .php"; ) include(dirname(__FILE__) . $DS . "şablonlar" . $DS . $tmpl);

RES'in Avantajları

Aslında yöntem, uygulamaya bağlı olarak sitelerin hem ayrı bir mobil hem de duyarlı sürümünün faydalarını içerebilir. Yeni olacaklardan:

• Trafik minimizasyonu - Gereksiz JavaScript, mobil cihazda CPU, bellek ve önbelleği boşaltan HTML'den kaldırılabilir. Ayrıca özel olarak optimize edilmiş html ve css olabilir.
• Hedeflemeyi kullanmak mümkündür -örneğin, Android cihazlar için, uygulamayı GooglePlay'den ve Apple için - iTunes'dan indirmeyi teklif edin. Her cihaz için düzeninizi yapabilirsiniz.

Eksileri

• Geliştirme zorluğu böyle bir yöntem, uygun sunucu yapılandırmasını ve daha fazla programcının çalışmasını gerektirecektir. Birkaç farklı düzen seçeneği yapmak da gerekli olacaktır.
• Cihaz algılama mekanizması - Ne yazık ki, zamanımızda bile henüz mükemmelliğe getirilmemiştir. Birinin nadir bulunan telefonunun mobil cihaz olarak tanımlanmadığına dair hikayeler oldukça sık ortaya çıkıyor.

Genel olarak, RESS önerilen üç seçeneğin en iyisidir, ancak geliştirme sırasında çok daha fazla çaba gerektirir.

Özet

Kişisel görüşüme göre, herkesin kullanması gereken ideal bir seçenek yok. Benim için en iyi seçenek RESS. Ancak, uygulanması çok çaba gerektirdiği için bu nadir seçeneklerden biridir. Genel olarak, sitenin özüne ve yönüne bağlı olarak, her 3 seçeneğin de artıları ve eksileri vardır.

Yeni bir kitap yayınladık, "Sosyal Medya İçerik Pazarlaması: Abonelerin kafasına nasıl girilir ve markanıza nasıl aşık olunur."

Sitenin mobil sürümü, kaynağın sayfalarını cep telefonlarından ve tabletlerden rahatça görüntülemenizi ve gezinmenizi sağlayan özel bir düzenin kullanıldığı ana sitenin yinelenen bir sürümüdür.

Kanalımızda daha fazla video - SEMANTICA ile internet pazarlamasını öğrenin

Cep telefonu uzun zamandır gezegendeki çoğu insan için en iyi arkadaş oldu. Modern mobil araçlar, masaüstü bilgisayarların rolünü neredeyse tamamen devraldı ve kullanıcıların İnternet'teki davranışlarını kökten değiştirdi. Hem bir bilgi kaynağı hem de birçok görevi gerçekleştirmenin bir yolu. Yaşamın dinamikleri, zamanın en verimli şekilde kullanılmasını gerektirir, bu yüzden uzun zamandır hareket halindeyken okuyor, satın alıyor ve rezervasyon yapıyoruz.

İnternetteki her projenin kendi ana sitesi vardır, ancak mobil cihazların ekran çözünürlüğü bilgisayar ve dizüstü bilgisayarlardan farklıdır. Sonuç olarak, ekranı çok rahatsız edici olduğu için siteyi bir telefondan kullanmak neredeyse imkansız. Bu nedenle, sitenin cep gadget'ları için okunabilecek optimize edilmiş bir sürümüne ihtiyaç vardı.

Neden sitenin mobil versiyonuna ihtiyacınız var?

Hem bilgilendirici hem de satış amaçlı özdeş web kaynaklarının bolluğu, ziyaretçilerin sadakat eksikliğine neden olur. İnternet kullanıcılarının bir seçeneği vardır, bu nedenle bir ziyaretçi örneğin uygunsuz bir kaynak navigasyonu ile karşılaştığında, zamanını boşa harcamayı değil, siteyi terk etmeyi ve bir rakibe gitmeyi tercih eder. Bu durum, yöneticileri sadece ziyaretçileri çekmek için değil, aynı zamanda kalmaları için motive etmek için de en konforlu koşulları yaratmaya zorlamaktadır.

Hedef kitlenin maksimum kapsamı ve bunun için rahat koşulların yaratılması - sitenin mobil versiyonu bunun içindir.

Sitenin ayrı bir mobil versiyonu, uzun süredir kullanılan mobil cihazlardan siteye rahat erişimin uygulanmasıdır. Akıllı telefonlarda, site bir sütunda görüntülenir, bu nedenle sitenin mobil bir versiyonunu yapmadan önce, geliştiricinin tasarım hakkında dikkatlice düşünmesi gerekir - ziyaretçiyi herhangi bir şekilde işlevsellik açısından kesmemek için her şeyi yerleştirmek ve aynı zamanda, kaynakla etkileşimi mümkün olduğunca uygun hale getirin.

Nasıl çalışır

Ziyaretçiye hangi versiyonun gösterileceğine karar verilmesindeki prensip, kullanıcı siteye girdiğinde cihazın ekranının otomatik olarak algılanmasıdır. Ekran genişliği bir mobil gadget olarak tanımlanırsa, kaynağın ayrı bir alt etki alanında bulunan mobil sürümüne bir yönlendirme tetiklenir. Arama motorlarının gelecekte bu sürümü ayrı bir kaynak olarak değerlendirmesini önlemek için, ana siteyle aynı etki alanına bir alt etki alanı yerleştirmek daha iyidir, aksi takdirde sitenin mobil sürümünün teşvik edilmesi ters tepecektir.

Siteyi mobil sürüme nasıl çevirebilirim?

Belirli ilkeler vardır ve bunların uygulanması programlama ve yerleşim becerileri gerektirecektir.

mafyada. sürüm, masaüstü sürümü ile genel konsepti korumanız, ancak aynı zamanda kullanılabilirlik için en uygun arayüzün yanı sıra ayrı tasarım çözümleri geliştirmeniz gerekir. Ziyaretçinin ekranındaki kaynak öğeleri uygun aralıklarla yerleştirilmeli ve parmakla kolayca dokunulabilecek kadar büyük gösterilmelidir. Bundan sonra, test ve son lansman var.

Mobil sürüm ve uyarlanabilir düzen

Sitenin ayrı bir mobil versiyonuna paralel olarak, yorumlanmış başka bir varyasyon var - uyarlanabilir tasarım.

Sitenin mobil sürümünün uyarlanabilir sürümden nasıl farklı olduğunu anlamaya çalışalım.
Duyarlı site, kaynağın ayrı bir sürümü değildir, ana sitedir ve oturum açtığınız cihazın çözünürlüğüne göre otomatik olarak ayarlanır.

Duyarlı yerleşimin avantajları, ana siteyle aynı adrese sahip olması gerçeğini içerir, bu nedenle yeniden yönlendirme gerekmez. Ve bu, arama motorları tarafından sıralanırken sitenin konumunu büyük ölçüde geliştirir. Açılış sırasında, kesinlikle aynı site içeriği ve işlevselliği görüntülenir, ancak görünümü pencerenin boyutuna göre ayarlanır. Ek olarak, kaynağı optimize etme olasılığı vardır.

Ancak uyarlanabilir bir versiyonun geliştirilmesi daha fazla zaman alan bir süreçtir ve buna bağlı olarak olayın maliyetli kısmı da daha büyük olacaktır.

Duyarlı tasarım, büyük bir ziyaretçi cirosu olmayan kaynaklar için geçerlidir - çevrimiçi mağazalar, bloglar, kartvizitler ve web siteleri, ana görevleri içerik sunmaktır.

Mobil versiyonun artıları ve eksileri

Mobil sürüm daha yüksek yükleme hızına ve gezinme kolaylığına sahiptir. Ziyaretçi minimum dikkat dağıtıcı bilgi gördüğünden, kendi tarafında olumlu bir eylem olasılığı daha yüksektir. Ayrıca, ayrı bir mobil sürüm, masaüstünden tamamen bağımsızdır. Bu, onlarla ayrı ayrı çalışmayı mümkün kılar.

Bu kavramın dezavantajları, SEO promosyonu alanındaki bazı zorlukları içerir. Aynı içeriğin yerleştirilmesi kopya olarak algılandığından, site tanıtım sürecine olumsuz etkiyi ortadan kaldırmak için ayrı önlemler alınması gerekir. Mobil versiyonun evrensel olmadığı göz önüne alındığında, ana sitenin içeriğine ek olarak ayrı bir gider kalemi gerektirir.

Sitenin bu sürümü, ana siteye zaten yüksek trafiğe sahip olan ancak yeniden tasarım yapmadan mobil cihazlara bağlılığı artırmak isteyen büyük projeler için uygundur. Çoğu durumda, indirme hızının önemli olduğu kaynaklar için ayrı bir mobil sürüm uygundur - sosyal ağlar, posta hizmetleri, haber portalları.

Özetle, yalnızca bugün herhangi bir İnternet projesi için makul bir ihtiyacın siteyi mobil cihazlarda doğru bir şekilde görüntüleme yeteneği olduğunu söyleyebiliriz. Bunun nasıl uygulanacağı sitenin amaç ve hedeflerine, bütçesine ve yeteneklerine bağlıdır.