{"id":1351,"date":"2017-03-22T11:53:39","date_gmt":"2017-03-22T08:53:39","guid":{"rendered":"https:\/\/egegen.com\/blog\/?p=1351"},"modified":"2022-08-24T18:21:27","modified_gmt":"2022-08-24T15:21:27","slug":"mobil-web-site-tasarimi-nedir","status":"publish","type":"post","link":"https:\/\/egegen.com\/blog\/mobil-web-site-tasarimi-nedir\/","title":{"rendered":"Mobil Web Site Tasar\u0131m\u0131 Nedir?"},"content":{"rendered":"

G\u00fcn\u00fcm\u00fczde s\u00fcrekli yenisi \u00e7\u0131kan tabletler ve ak\u0131ll\u0131 telefonlar\u0131n kullan\u0131m\u0131n\u0131n artmas\u0131yla birlikte mobil \u00fczerinden internet kullan\u0131m\u0131 da artmaktad\u0131r. Art\u0131k internet kullan\u0131c\u0131lar\u0131n b\u00fcy\u00fck bir \u00e7o\u011funlu\u011fu arama motorlar\u0131n\u0131n kullan\u0131m\u0131 dahil pek \u00e7ok web sitesine mobil cihazlar \u00fczerinden eri\u015fim sa\u011fl\u0131yor. T\u00fcm bu sebepler g\u00f6z \u00f6n\u00fcnde bulundurularak mobil web sitesi tasar\u0131m\u0131 nedir<\/strong> sorusuna, bilgisayar ekran\u0131 d\u0131\u015f\u0131nda daha k\u00fc\u00e7\u00fck ekranl\u0131 cihazlar yani tabletler ve ak\u0131ll\u0131 telefonlar i\u00e7in web siteleri tasarlan\u0131yor ve bu web sitelerine mobil web sitesi ad\u0131 verilir cevab\u0131 verilebilir. Bu siteler genellikle farkl\u0131 bir alt alan ad\u0131 alt\u0131nda yani subdomain alt\u0131nda \u00e7al\u0131\u015f\u0131rlar ve web sitesinden ba\u011f\u0131ms\u0131z bir bi\u00e7imde tasarlan\u0131rlar. Mobil web siteler genellikle t\u00fcm site haritas\u0131na sahip de\u011fillerdir. Mobil web site tasar\u0131m\u0131nda sadelik ve kolay kullan\u0131labilirlik g\u00f6z \u00f6n\u00fcnde bulundurulur.<\/p>\n

Son y\u0131llarda \u00f6zellikle mobil aramalarda arama motorlar\u0131n\u0131n mobil internet sitesine \u00f6nem verdi\u011fini, bu nedenle arama motorlar\u0131nda \u00fcst s\u0131ralarda olmak i\u00e7in \u015firketlerin mobil cihazlara uyumu sa\u011flamak zorunda olduklar\u0131n\u0131 belirtmek gerekir. Google 2015 y\u0131l\u0131nda mobil web site tasar\u0131m\u0131 ilgili bir a\u00e7\u0131klama yapm\u0131\u015f ve mobil web sitesine uyumlu olmayan siteleri alt s\u0131ralara ta\u015f\u0131m\u0131\u015ft\u0131r.<\/p>\n

Mobil Web Site Tasar\u0131m\u0131n\u0131n \u00d6nemi<\/h2>\n

\u0130ster ticari ister farkl\u0131 bir hedefle kurulmu\u015f olsun, t\u00fcm internet sitelerinin amac\u0131 arama motorlar\u0131nda ilk sayfaya gelerek, \u00fcst s\u0131ralarda yer almakt\u0131r. Bu ama\u00e7 i\u00e7in yap\u0131lmas\u0131 gereken i\u015flemlerden bir tanesi de web sitesinin mobil uyumlu hale getirilmesidir. Mobil uyumlu web sitesi sayesinde internet kullan\u0131c\u0131lar\u0131 istedikleri yerden, istedikleri zaman, istedikleri mobil cihazla web sitelerine eri\u015fim sa\u011flayabilirler. Bu da internet d\u00fcnyas\u0131nda rekabet halinde olan web siteleri aras\u0131nda se\u00e7im fark\u0131na neden olacakt\u0131r. Aksi takdirde hedef kitlenizi kaybetme riskiyle kar\u015f\u0131 kar\u015f\u0131yas\u0131n\u0131z demektir. Hedef kitlesini kaybetmek istemeyen web sitesi sahipleri; \u00f6zel olarak tasarlanm\u0131\u015f, a\u015fa\u011f\u0131ya do\u011fru uzun tutulmam\u0131\u015f ve kullan\u0131\u015fl\u0131 bir mobil web site tasar\u0131m\u0131<\/strong> yapt\u0131rmak durumundalar.<\/p>\n

Mobil Web Site Tasar\u0131m\u0131 ve Responsive Tasar\u0131m Aras\u0131ndaki Farklar<\/h3>\n

Asl\u0131nda pek \u00e7ok y\u00f6nden birbirleriyle benzerlik i\u00e7erisinde olan bu tasar\u0131mlar, baz\u0131 noktalarda farkl\u0131l\u0131k g\u00f6stermektedir.<\/p>\n

    \n
  1. Responsive tasar\u0131m mobil cihaz ne olursa olsun o cihaz\u0131n boyutuna uyum sa\u011flar. Her cihaz boyutuna g\u00f6re s\u00fcrekli bir de\u011fi\u015fim halindedir. Responsive tasar\u0131mda; ekran tipi, geni\u015flik ve y\u00fckseklik olarak kullan\u0131lan cihazdaki stilleri de\u011fi\u015ftirebilmek ad\u0131na CSS medya sorgular\u0131 kullan\u0131lmaktad\u0131r ve bu da sitenin farkl\u0131 boyutlara ge\u00e7mesindeki etkendir. Mobil web site tasar\u0131m\u0131nda belli \u00f6l\u00e7\u00fcler vard\u0131r ve bu \u00f6l\u00e7\u00fclere g\u00f6re d\u00fczenlenen statik \u00f6l\u00e7\u00fcler kullan\u0131l\u0131r. Bu tasar\u0131mda ekran boyutu alg\u0131lan\u0131r ve web sayfas\u0131 y\u00fcklendi\u011fi s\u0131rada uygun CSS dosyas\u0131 da y\u00fcklenmeye ba\u015flar. Mobil web site tasar\u0131m\u0131<\/strong>nda kullan\u0131lan ekran boyutlar\u0131n\u0131n \u00f6l\u00e7\u00fcleri \u015funlard\u0131r; 320px, 480px, 760 px ve 960px. Sonu\u00e7 olarak responsive tasar\u0131m her boyuta uyum sa\u011flarken, mobil internet site tasar\u0131m\u0131 tek bir boyuta uyum sa\u011flar.<\/li>\n
  2. Responsive tasar\u0131m her boyuta uyum sa\u011flad\u0131\u011f\u0131ndan kodlama taraf\u0131nda \u00e7ok fazla y\u00fck ta\u015f\u0131m\u0131\u015f olur. Ancak mobil web site tasar\u0131m\u0131nda her d\u00fczen i\u00e7in farkl\u0131 bir CSS ve HTML kodu kullan\u0131l\u0131r. Bu da performans a\u00e7\u0131s\u0131ndan; responsive tasar\u0131mdan 2 kat daha performansla \u00e7al\u0131\u015fmak demektir.<\/li>\n<\/ol>\n

    Profesyonel bir ekip ile \u00e7al\u0131\u015farak,\u00a0mobil web site tasar\u0131m\u0131<\/strong><\/a> hizmeti almak istiyorsan\u0131z sizi y\u00f6nlendirece\u011fimiz ilgili sayfadan bizimle ileti\u015fime ge\u00e7ebilirsiniz.<\/p>\n","protected":false},"excerpt":{"rendered":"

    G\u00fcn\u00fcm\u00fczde s\u00fcrekli yenisi \u00e7\u0131kan tabletler ve ak\u0131ll\u0131 telefonlar\u0131n kullan\u0131m\u0131n\u0131n artmas\u0131yla birlikte mobil \u00fczerinden internet kullan\u0131m\u0131 da artmaktad\u0131r. Art\u0131k internet kullan\u0131c\u0131lar\u0131n b\u00fcy\u00fck bir \u00e7o\u011funlu\u011fu arama motorlar\u0131n\u0131n kullan\u0131m\u0131 dahil pek \u00e7ok web sitesine mobil cihazlar \u00fczerinden eri\u015fim sa\u011fl\u0131yor. T\u00fcm bu sebepler g\u00f6z \u00f6n\u00fcnde bulundurularak mobil web sitesi tasar\u0131m\u0131 nedir sorusuna, bilgisayar ekran\u0131 d\u0131\u015f\u0131nda daha k\u00fc\u00e7\u00fck ekranl\u0131 cihazlar …<\/p>\n","protected":false},"author":1,"featured_media":1353,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[174],"tags":[],"_links":{"self":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/posts\/1351"}],"collection":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/comments?post=1351"}],"version-history":[{"count":0,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/posts\/1351\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/media\/1353"}],"wp:attachment":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/media?parent=1351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/categories?post=1351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/tags?post=1351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}