<\/span><\/h3>\n<\/li>\n<\/ol>\nHerhangi bir boyuttaki d\u00fc\u011fmeye fare ile t\u0131klamak yeterince kolayd\u0131r, ancak k\u00fc\u00e7\u00fck bir ak\u0131ll\u0131 telefon ekran\u0131nda parmaklar\u0131n\u0131zla “t\u0131klamaya” \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131zda genel olarak t\u0131klamakta sorun ya\u015fars\u0131n\u0131z.\u00a0\u00d6zellikle birbirine yak\u0131n birden fazla k\u00fc\u00e7\u00fck d\u00fc\u011fme varsa di\u011ferini se\u00e7meye \u00e7al\u0131\u015f\u0131rken di\u011ferine basmak ziyaret\u00e7ileriniz i\u00e7in ger\u00e7ek s\u0131k\u0131nt\u0131ya neden olur.<\/p>\n
Ziyaret\u00e7ilerinizi bu hayal k\u0131r\u0131kl\u0131\u011f\u0131ndan kurtarman\u0131n en iyi yolu, daha b\u00fcy\u00fck d\u00fc\u011fmeler kullanmakt\u0131r.<\/p>\n
Sitenize bir d\u00fc\u011fme ekledi\u011finizde (ve zaten var olanlar \u00a0i\u00e7in), bunlar\u0131 ne kadar \u00e7ok mobil cihazda \u00e7al\u0131\u015fanlar\u0131n\u0131z ve aileniz aras\u0131nda gezinebilece\u011finizi kendiniz test etmek i\u00e7in biraz zaman ay\u0131r\u0131n.\u00a0T\u00fcm cihazlarda her d\u00fc\u011fmeyi se\u00e7menin makul derecede kolay oldu\u011fundan emin olun ve de\u011filse, \u00f6yle olacak \u015fekilde g\u00fcncelleyin.<\/p>\n
Google mobil uyumluluk testi arac\u0131 da e\u011fer t\u0131klanabilir alanlar yeterli b\u00fcy\u00fckl\u00fckte alana sahip de\u011filse \u201ct\u0131klanabilir alanlar birbirine \u00e7ok yak\u0131n<\/strong>\u201d uyar\u0131s\u0131 verecektir.<\/p>\n\n- \n
<\/span>B\u00fcy\u00fck Yaz\u0131 Tipi Boyutlar\u0131 kullan\u0131n.<\/span><\/h3>\n<\/li>\n<\/ol>\nK\u00fc\u00e7\u00fck bir ekranda i\u00e7erik okumak, yaz\u0131 tipi k\u00fc\u00e7\u00fckse \u00e7ok daha zordur.\u00a0Web sayfalar\u0131n\u0131zda en az 14 piksel yaz\u0131 tipi boyutu kullanmak en iyisidir, ancak daha b\u00fcy\u00fck fontlar kullanman\u0131n daha iyi olup olmad\u0131\u011f\u0131n\u0131 g\u00f6rmek i\u00e7in bunun nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc test edin.<\/p>\n
Standart yaz\u0131 tiplerine ba\u011fl\u0131 kalmak da en iyisidir.\u00a0Ziyaret\u00e7inizin taray\u0131c\u0131s\u0131n\u0131n indirmesi gerekebilecek herhangi bir yaz\u0131 tipi, web sitenizin y\u00fcklenmesini yava\u015flat\u0131r, bu da mobil cihazlarda k\u00f6t\u00fc bir deneyim demektir.<\/p>\n
\n- \n
<\/span>E\u011fer H\u00e2l\u00e2 Kullan\u0131yorsan\u0131z Flash Kullanmay\u0131n.<\/span><\/h3>\n<\/li>\n<\/ol>\nWeb sitenizde flash kullanmak bir sayfan\u0131n y\u00fckleme s\u00fcresini yava\u015flatabilir ve flash\u2019\u0131n hi\u00e7 \u00e7al\u0131\u015fmad\u0131\u011f\u0131 \u00e7ok say\u0131da taray\u0131c\u0131 ve cihaz vard\u0131r.\u00a0Ne Android ne de iOS cihazlar\u0131 flash’\u0131 desteklemez, bu nedenle herhangi bir \u015fekilde flash animasyon deneyimine ba\u011fl\u0131 bir web sitesi kurarsan\u0131z, mobil kullan\u0131c\u0131lar\u0131n\u0131z d\u0131\u015far\u0131da kalacakt\u0131r.<\/p>\n
\u00c7o\u011fu tasar\u0131mc\u0131 bir web sitesinde flash kullanmamak gerekti\u011fini biliyor, ancak sizin siteniz birka\u00e7 y\u0131l \u00f6nce olu\u015fturulmu\u015f ve flash i\u00e7eriyorsa bunlar\u0131 kald\u0131rmak yeni bir tasar\u0131m modeline ge\u00e7mek en iyisidir. \u00d6zellikle son zamanlarda Chrome\u2019un da flash deste\u011fini kald\u0131rm\u0131\u015f olmas\u0131 bu konuda daha fazla aksiyon alman\u0131z i\u00e7in sizi zorlamaktad\u0131r.<\/p>\n
\n- \n
<\/span>Sitenize Viewport Meta Etiketini ekleyin.<\/span><\/h3>\n<\/li>\n<\/ol>\nViewport meta etiketi kullanmak mobil cihazlarda web sitesinin nas\u0131l g\u00f6r\u00fcnt\u00fclenece\u011fini taray\u0131c\u0131ya s\u00f6ylemenin en iyi yoludur.\u00a0Sayfan\u0131z, telefonunuzun k\u00fc\u00e7\u00fck ekran\u0131nda masa\u00fcst\u00fcn\u00fczde oldu\u011fu gibi ayn\u0131 geni\u015flikte a\u00e7\u0131l\u0131rsa, her bir metin sat\u0131r\u0131n\u0131 okumak ve sayfan\u0131n farkl\u0131 taraflar\u0131n\u0131 g\u00f6rmek i\u00e7in garip bir \u015fekilde bir yandan di\u011fer yana kayd\u0131rman\u0131z gerekir.\u00a0Viewport meta etiketi, taray\u0131c\u0131lara sayfan\u0131z\u0131n geni\u015fli\u011fini ziyaret\u00e7inin geldi\u011fi cihaz t\u00fcr\u00fcn\u00fcn ekran\u0131na s\u0131\u011fd\u0131rmas\u0131n\u0131 s\u00f6yler.<\/p>\n
Bunu html’nize eklemek olduk\u00e7a basittir.\u00a0Bunu her sayfa i\u00e7in <head>\u2026<\/head> etiketleri i\u00e7ine yap\u0131\u015ft\u0131rman\u0131z yeterlidir:<\/p>\n
<meta name = \u201dviewport\u201d content = \u201dwidth = device-width, initial-scale = 1 \u2033><\/em><\/strong><\/p>\n\n- \n
<\/span>Formlar i\u00e7in Otomatik D\u00fczeltme’yi kapat\u0131n.<\/span><\/h3>\n<\/li>\n<\/ol>\nHepimiz her zaman otomatik d\u00fczeltmenin s\u0131k\u0131nt\u0131lar\u0131yla kar\u015f\u0131la\u015f\u0131r\u0131z, ancak buna ra\u011fmen, baz\u0131 web sitesi sahipleri genellikle otomatik d\u00fczeltmenin bir kullan\u0131c\u0131n\u0131n web sitesiyle etkile\u015fimini uygunsuz hale getirebilece\u011fi konusunda d\u00fc\u015f\u00fcnmezler.<\/p>\n
Web sitenizde ad veya adres bilgilerini isteyen formlar varsa, mobil ziyaret\u00e7ilerinizde bu bilgileri sa\u011flaman\u0131n k\u00fc\u00e7\u00fck bir yolu, her form alan\u0131 i\u00e7in otomatik d\u00fczeltmeyi kapatmakt\u0131r, aksi takdirde telefonlar\u0131 adlar\u0131n\u0131 veya sokak adlar\u0131n\u0131 olarak de\u011fi\u015ftirmeyi deneyecektir.<\/p>\n
Form etiketlerinde,\u00a0html’ye autocorrect=\u201coff\u201d<\/strong> ve autocomplete=\u201doff\u201d<\/strong> ekledi\u011finizden<\/em>\u00a0emin olun\u00a0.<\/p>\nHen\u00fcz yapmad\u0131ysan\u0131z, formlar\u0131n\u0131z\u0131n k\u0131sa oldu\u011fundan emin olun.\u00a0Ziyaret\u00e7ilerinizden gere\u011finden fazla bilgi istemeyin.\u00a0Hangi cihazda olurlarsa olsunlar, formun doldurulmas\u0131 \u00e7ok uzun s\u00fcrerse veya ziyaret\u00e7inin payla\u015fmak istemedi\u011fi ayr\u0131nt\u0131lar istenirrse, rahats\u0131z olabilirler.<\/p>\n
\n- \n
<\/span>Masa\u00fcst\u00fc G\u00f6r\u00fcn\u00fcm\u00fcne Ge\u00e7menin Bir Yolu’na izin verin.<\/span><\/h3>\n<\/li>\n<\/ol>\nMobil ziyaret\u00e7ilerinizden baz\u0131lar\u0131, asl\u0131nda web sitenizin mobil versiyonu yerine masa\u00fcst\u00fc versiyonunu g\u00f6rmeyi tercih edebilir (\u00f6zellikle web sitenizin duyarl\u0131 bir site yerine mobil bir versiyonunu kullan\u0131yorsan\u0131z).<\/p>\n
Tercihleri \u200b\u200bbuysa, onlara bunu yapmalar\u0131 i\u00e7in bir yol verin.\u00a0B\u00f6ylece ziyaret\u00e7ilerinizin web sitenizle en mant\u0131kl\u0131 \u015fekilde etkile\u015fimde bulunmas\u0131n\u0131 sa\u011flam\u0131\u015f olursunuz.<\/p>\n
\n- \n
<\/span>D\u00fczenli Olarak Mobil Test Yap\u0131n.<\/span><\/h3>\n<\/li>\n<\/ol>\nWeb sitenizin iyi bir mobil deneyim sundu\u011fundan emin olmak i\u00e7in yapabilece\u011finiz en iyi \u015fey, mobil cihaz\u0131n\u0131zda d\u00fczenli olarak test etmektir.\u00a0S\u0131k s\u0131k, web sitenizi telefonunuzda ve tabletinizde a\u00e7\u0131n ve g\u00f6r\u00fclmesi zor veya yap\u0131lmas\u0131 zor bir \u015fey olup olmad\u0131\u011f\u0131n\u0131 g\u00f6rmek i\u00e7in biraz zaman ay\u0131r\u0131n.\u00a0\u00c7al\u0131\u015fanlar\u0131n\u0131z veya arkada\u015flar\u0131n\u0131zdan da ayn\u0131s\u0131n\u0131 yapmalar\u0131n\u0131 isteyin (\u00e7\u00fcnk\u00fc her \u015feyi yeni g\u00f6zlerle g\u00f6receklerdir).<\/p>\n
Ziyaret\u00e7ileriniz i\u00e7in daha k\u00f6t\u00fc bir deneyim olu\u015fturan k\u00fc\u00e7\u00fck sorunlar\u0131 yakalaman\u0131n en iyi yolu d\u00fczenli test yapmakt\u0131r.\u00a0Sorunlar\u0131 veya kullan\u0131m zorluklar\u0131n\u0131 ne kadar h\u0131zl\u0131 fark ederseniz, ger\u00e7ekten mobil uyumlu bir deneyim sa\u011flamak i\u00e7in web sitenizi o kadar \u00e7abuk g\u00fcncelleyebilirsiniz.<\/p>\n
<\/span>Web Sitenizi Mobil Uyumlu Hale Getirin<\/span><\/h2>\nHer \u015feyi bug\u00fcn do\u011fru yapsan\u0131z bile, mobil cihazlar\u0131n g\u00f6r\u00fcn\u00fcm\u00fc ve \u00e7al\u0131\u015fma \u015fekli s\u00fcrekli olarak de\u011fi\u015fecek ve bug\u00fcn\u00fcn mobil uyumlu web sitesi yar\u0131n ayn\u0131 performans\u0131 g\u00f6stermeyebilir. Test etmeye devam edin, gereken yerlerde yap\u0131lamas\u0131 gereken en k\u00fc\u00e7\u00fck d\u00fczeltmeleri bile atlamay\u0131n. Mobil kullan\u0131c\u0131lar\u0131n\u0131z\u0131 \u00f6ncelikli olarak d\u00fc\u015f\u00fcnmeye devam edin bu sayede mobil performans ve genel performansta ba\u015far\u0131y\u0131 yakalayabilirsiniz.<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Ak\u0131ll\u0131 telefonlar, h\u0131zla g\u00fcnl\u00fck ya\u015fam\u0131m\u0131z\u0131n vazge\u00e7ilme bir par\u00e7as\u0131 haline geldi.\u00a0Bug\u00fcn neredeyse kimse telefonunu yan\u0131ndan ay\u0131rm\u0131yor.\u00a0Bu sebeple mobil kullan\u0131m\u0131n yo\u011fun oldu\u011fu bir d\u00f6nemdeyiz.…<\/p>\n","protected":false},"author":3,"featured_media":13704,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[401],"tags":[],"class_list":["post-13698","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-tasarim"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/13698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=13698"}],"version-history":[{"count":3,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/13698\/revisions"}],"predecessor-version":[{"id":13706,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/13698\/revisions\/13706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media\/13704"}],"wp:attachment":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=13698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=13698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=13698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"toplam-trafik-mobil\"](\"https:\/\/www.ihs.com.tr\/blog\/wp-content\/uploads\/2020\/08\/toplam-trafik-mobil.jpg\")
<\/p>\n