Tüm E-çözümler projektör |
18 Haziran 2012 saat 11:45 am ET Sherwood Stranieri tarafındanBirkaç hafta önce Google Mobil Web sitesi tasarımı için yüksek sesle bildirmek yeni standartlar. Kendi yardım sayfalarında tanımlanan yöntemler arasında duyarlı tasarım bir arama açısından en iyi seçenek olarak saydı. Bakalım ne kadar duyarlı tasarım çalışmaları ve nasıl masaüstü ve mobil ortamlar üzerinde maksimum SEO performans elde etmek için siteler oluşturabilirsiniz.
Mobil alanı için yeni iseniz, orada üç mobil site tasarımı yaklaştı fark edeceksiniz: 1) yepyeni bir mobil site kurmak, 2) (akıllı telefon kullanıcıları devrik + zoom kullanarak okuyabilir) mevcut Masaüstü Web sitesi kullanımı veya 3) hem masaüstü hem de mobil ekranda güzel görünüyor yeni bir Web sitesi oluşturmak.
Duyarlı tasarım üçüncü seçenek sağlamanın bir yoludur. Web sayfalarının bir gibi büyük ekranda görünmesini stil sayfaları ile donatılmış ve kendilerini küçük ekrana sığacak şekilde yeniden şekillendirebilirsiniz. En sofistike tasarımları özellikleri sayfasında, yazı tipleri, ikonlar ve menüler de dahil olmak üzere bir çok ayarlayabilirsiniz.
Duyarlı tasarımı hakkında hatırlanması gereken önemli bir şey bu farklı kullanıcılara farklı cihazlarda görünüyor ama tüm kullanıcılara içerik sağlamak için aynı sayfa URLleri ve kodlama kullanır olduğunu.
Duyarlı tasarımı ile şimdi masaüstü sitemizde yeni bir ışık bakmak zorunda mücadeledir. Belli visual farklılıklar önemli olacak, ama bunlar stil sayfaları tarafından işlenir.
Bu büyük bir örnek, Starbucks.com Masaüstü Web tarayıcınıza bakın ve görüntüleme penceresinin boyutunu küçültmek. Site tam anlamıyla öğeleri daraltma ve yapım onları daha küçük bir ekranda uygun gözlerinizin dönüşümü olacaktır. Bu yüzden görseller ile ele alınması.
Kodlama başka bir konudur. Bu sayfanın kodunu hiçbir zaman, ekran boyutu veya aygıt bağımsız olarak değiştirir. Yıllar boyunca, Masaüstü Web sayfalarını apps tam donanımlı hale gelmiştir, ilave kodu işlemek için Menü animasyonları, izleme piksel, form tabanlı gönderimleri ? dahil ton ile siz söyleyin, o var. Sık sık yaklaşımlar veya 100 kb içinde büyüklük, kolayca bu üçe katlandı görüntülerle aşan kaynak kod bahsediyoruz.
Masaüstü bir bakış açısından, bu endişelenecek bir şey değil. Geniş bant hızlı her yıl gittikçe itt ve ABD pazarına hakim. Ancak bu Web sayfası bir cep telefonu üzerinde yaşamaya çalışırsak, sorunları olacak. O 300kb download şimdi 4 G veya 3 G bağlantısı üzerinden itti olmasına. Onların en iyi, bu ağlar 300 kb işleyebilir, ama meşgul mahallelerde veya pik saatlerde bir tarama yavaşlatır.
Çevirmeli Internet, ilk günlerinde bir gerileme yükleme süresi her saniye için hesap gerekiyordu olmasıdır. Sabırsız kullanıcılar uzun bir indirmek için beklemek zorunda, yüksek hemen çıkma oranları ve kayıp iş yol açabilir.
Gibi araçlar Blaze.io mobil hız testi yükleme sürelerini görselleştirmek ve küçültme veya birleştirilmiş öğeleri tanımlamanıza yardımcı olabilir.
Sürekli genişleyen trendi tersine çevirmek için kod imkansız, çünkü onunla birlikte işlevsellik mobil kullanıcılar için bile vazgeçmek çok yararlıdır. Ama mobil kullanıcılar üzerindeki etkisini en aza indirmek için alınan adımlar.
Bir yerde bu değişiklikleri ile Mobil kullanıcıları mutlu eder bir hızlı yükleme deneyimi sunarken masaüstü kullanıcıları karşılamak için devam eder duyarlı tasarım sitesi olabilir.
İle ilgili konular: Kanal: SEO | Nasıl yapılır: Mobil pazarlama | Mobil arama | Arama motorları: Mobil arama motorları | SEO: Telefon arama
Yazar hakkında: Sherwood Stranieri Skypromote, Boston ve NYC, bir SEO ajansı çalışır ve 1998 yılından bu yana arama yapıyor. @SherwoodSEO Twitter onu takip edebilirsiniz. Sherwood Stranieri tarafından daha eşya görmek
@sengineland izle
Harika bir yazı! Tavsiye top bizim ne zaman yeniden tasarlama cevap veriyor. Çoğu zaman bize gelen mobil hedeflerine ve yanıt veren istemciler yenilikçi ve maliyet-etkin bir şekilde bu hedeflere ulaşmak için inşa etmek için harika bir yoldur. Başka bir yanıt veren site görmeye ilgileniyorsanız, biz sadece yeni yanıt veren sitemizde de inşa: http://www.i-ology.com
Bazı büyük keyif ile ilginç bir yazı. Belki de yanlış (bir geliştirici) ancak belirli görüntüleri ekran boyutu üzerine bağlı olarak çekerek senin tavsiye karşı Starbucks yer goes-görünüyor kullanarak aynı görüntüyü küçültmek için. Bu site çok iyi tarayıcı ekran ? boyutlandırdığınızda aşağı tatili bir site çok iyi bir örnek olduğunu http://trafficdigital.com.
Aynı URL üzerinde mutabık, duyarlı tasarım büyük bir ilk adımdır, ama tek başına cep SEO değil. Ben yazmak hakkında bu sorunu gideren yaklaşan bir arama motoru Land sonrası.
m y FRIEN d m oth er-i n-la w ma kes 8 $ 5 Havva ry h o , o n th e co mputer. S h e h olması gibi e n o u t o f bir jo 6 m b ont hs b ut l ast mo n. h er p aych eck w $ 1 91 77 j ust wo c rking omp ute r fo r bir fe w h bizim s. R ea d m ya da e h er e
?????? (C li ck O ver benim N dilerim e F l ben n k)
m y FRIEN d m oth er-i n-la w ma kes 8 $ 5 Havva ry h o , o n th e co mputer. S h e h olması gibi e n o u t o f bir jo 6 m b ont hs b ut l ast mo n. h er p aych eck w $ 1 91 77 j ust wo c rking omp ute r fo r bir fe w h bizim s. R ea d m ya da e h er e
?????? (C li ck O ver benim N dilerim e F l ben n k)
Starbucks site vardır flaş-belki de bu bir gerçek mobil cihaz ekran ortadan kaldırılır ama mobil Flash Adobenin yeni tutumunu flaş kullanmak için iyi görünmüyor ve kodlama uygulamaları gibi neredeyse aynı sonuçları veren iyi bir alternatif vardır: http://www.threeriversregatta.net
Çünkü onları izlemek ve bir sayfa yerine .mobi veya alt etki alanları anlamak daha kolay duyarlı tasarım Google tarafından önerilir. Web yöneticileri için en iyi çözüm değil inanmıyorum.
Ve ayrıca görüş istemek duyarlı tasarım mu soru nedir? Birçok vardır ve bütün site, tutam mutluluk istiyorum ve büyütmek için konuşmak, sonuçta yapmak zor değil. Ve G gösterdiğinizde nasıl sitenizin mobil bir görünüm her zaman yatay değil dikey görünüm göstermek. Neden?
Nonone-Pazar-320 için site tasarımı nereye gidiyor biliyor px ve iki yıl süre içinde sen-EBİLMEK bulmak bir reklamı tıklayan herkes-Pad türü aygıt kullanıyor.
Duyarlı tasarım * olduğu * tüm site özellikle ayrı bir mobil site göre önemli bir noktadır,. Muhtemelen bazı düzeni tam genişlikli görmek istiyorum ama yani artık, "tam bir site" diye bir şey yok ideal duyarlı bir yaklaşım ile eşit bakım her kesme için esnek ve umarım en uygun bir şekilde yapılandırılmış içeriği yalnızca bir kümesi verilir Yani farkında. Ayrıca duyarlı felsefe bir parçası da değil 320px, bir site tasarımı ile ilgili. Düzeninizi (kesme) nerede kırılırsa göre ayarlamanız ve yaygın ekran boyutu herhangi bir fikir camdan dışarı at. Ne olursa olsun, tam genişlik kesme Kuvvetleri "tam site" bağlantısını eklemek zor olmamalı ama "tam site" bağlantılar vardır muhtemelen gibi bakmak için gidiş tarihli emanetler "Netscape almak" düğmesini birkaç yıl içinde a la kişi daha onların üstünde onların telefon tarama yapmaya devam ve daha fazla (ki hala ortaya çıkıyor) telefonlarda çalışması düzen desenleri alışmış.
Daha fazla en iyi haberleri
Daha fazla haber özetleri görmek
S
E-posta ile abone