{"id":1158,"date":"2018-11-23T14:18:45","date_gmt":"2018-11-23T12:18:45","guid":{"rendered":"https:\/\/www.guzel.net.tr\/blog\/?p=1158"},"modified":"2018-11-23T14:18:45","modified_gmt":"2018-11-23T12:18:45","slug":"responsive-web-site-tasarimi-nedir","status":"publish","type":"post","link":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html","title":{"rendered":"Responsive Web Site Tasar\u0131m\u0131 Nedir?"},"content":{"rendered":"<p class=\"Gvde\"><span lang=\"EN-US\">Responsive web site tasar\u0131m\u0131, duyarl\u0131, uyumlu web tasar\u0131m\u0131 anlam\u0131na gelmektedir. Son y\u0131llarda ismini s\u0131k<\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">a duydu\u011funuz bu web sitesi tasarlama \u015fekli ilk olarak 2010 y\u0131l\u0131nda ortaya \u00e7\u0131kar\u0131ld\u0131 ve art\u0131k hem d\u00fcnyada hem de \u00fclkemizde t\u00fcm siteler responsive haline getirilmeye ba\u015flad\u0131.<\/span><\/p>\n<p class=\"Gvde\"><span lang=\"EN-US\">Responsive web sitelerine ayn\u0131 zamanda mobil uyumlu web siteleri de diyebiliriz. \u00c7\u00fcnk\u00fc responsive bir site haz\u0131rlaman\u0131n esas amac\u0131 mobil platform kullan\u0131c\u0131lar\u0131n\u0131n da s\u0131k\u0131nt\u0131 ya\u015famadan rahat bir \u015fekilde web sitelerinde dola\u015fabilmesidir. Bunda mobil teknolojilerin geli\u015fmesi, ve buna ba\u011fl\u0131 olarak mobil cihaz kullanan ki\u015filerin say\u0131s\u0131n\u0131n da artmas\u0131, responsive web site tasar\u0131m gibi bir ihtiya\u00e7 ortaya \u00e7\u0131kmas\u0131na neden olmu\u015ftur.<\/span><\/p>\n<p class=\"Gvde\"><span lang=\"EN-US\">Responsive tasar\u0131m\u0131n ne anlama geldi\u011finden bahsedecek olursak; bir web sitesine mobil ve tablet cihazlardan girildi\u011finde site i<\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">erisinde bulunan resim, yaz\u0131 gibi elementlerin ekran geni\u015fli\u011fine g<\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">re yeniden \u015fekillenip tam oturacak \u015fekilde yeniden ekranda d\u00fczenlenmesi olarak tan\u0131mlayabiliriz. Bilindi\u011fi gibi web siteleri mobil cihazlardan ziyaret edildi\u011finde siteyi g<\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">r\u00fcnt\u00fclemekte ve gezmekte g\u00fc\u00e7l\u00fck ya\u015farlar. E\u011fer girilen site responsive veya mobil site de\u011filse, okumak istedikleri yerleri ancak yakla\u015ft\u0131rarak g<\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">rebildiklerinden dolay\u0131 kullan\u0131m zorlu\u011fu <\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">ekerler.\u00a0 <\/span><\/p>\n<p class=\"Gvde\"><span lang=\"EN-US\">Responsive sitelere mobil cihazlardan girildi\u011finde sitenin ana men\u00fcleri \u015fekil de\u011fi\u015ftirip genellikle \u00fcstten veya yandan a\u00e7\u0131lacak \u015fekilde kullan\u0131m\u0131 kolay farkl\u0131 bir versiyona d<\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">n\u00fc\u015f\u00fcr. Fontlar ve resimler alt alta gelerek ekranda herhangi bir yak\u0131nla\u015ft\u0131rma yapmadan kolayca okunacak \u015fekilde d\u00fczenlenir. Hatta responsive versiyonda <\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">nem derecesi d\u00fc\u015f\u00fck baz\u0131 elementler ziyaret<\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">ilerden gizlenir, sadece ziyaret<\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">iye sayfayla ilgili en yal\u0131n halde bilgiler g<\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">sterilmek ama<\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">lan\u0131r.\u00a0<\/span><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.guzel.net.tr\/blog\/wp-content\/uploads\/2018\/11\/shutterstock_613120802.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-1160\" src=\"https:\/\/www.guzel.net.tr\/blog\/wp-content\/uploads\/2018\/11\/shutterstock_613120802.png\" alt=\"\" width=\"575\" height=\"355\" srcset=\"https:\/\/www.guzel.net.tr\/blog\/wp-content\/uploads\/2018\/11\/shutterstock_613120802.png 575w, https:\/\/www.guzel.net.tr\/blog\/wp-content\/uploads\/2018\/11\/shutterstock_613120802-300x185.png 300w\" sizes=\"(max-width: 575px) 100vw, 575px\" \/><\/a><\/p>\n<p class=\"Gvde\"><b><span lang=\"EN-US\">Responsive Web Sitesi Haz\u0131rlamay\u0131 \u00d6\u011frenmeye Yeni Ba\u015flayacaklar \u0130\u00e7in<\/span><\/b><b><\/b><\/p>\n<p class=\"Gvde\"><span lang=\"EN-US\">Responsive web siteleri genel olarak masa\u00fcst\u00fc, tablet ve mobil versiyon olmak \u00fczere 3 ana ba\u015fl\u0131k alt\u0131nda yakla\u015f\u0131k 6 farkl\u0131 ekran boyutunda, en b\u00fcy\u00fck ekrandan en ufak ekrana kademeli olarak azalacak \u015fekilde tasarlan\u0131r. Bu 6 ekran boyutu col-xs(xsmall), col-sm(small), col-md(medium), col-lg(large) ve col-xl(xlarge) olarak k\u00fc\u00e7\u00fckten b\u00fcy\u00fc\u011fe do\u011fru s\u0131ralan\u0131r. Bunlara ek olarak col-(column) u da katarsak 6 adet boyut belirtmi\u015f oluruz. Son verdi\u011fimiz \u201c<\/span><span lang=\"IT\">col<\/span><span lang=\"EN-US\">\u201d otomatik de\u011fer al\u0131r yani etraf\u0131ndaki di\u011fer nesnelerin boyutuna g<\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">re \u015fekil al\u0131r. <\/span><\/p>\n<p class=\"Gvde\"><span lang=\"EN-US\">Responsive sitelerde genel olarak \u0131zgara yap\u0131s\u0131na g<\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">re sayfa d\u00fczenlemesi yap\u0131l\u0131r. Bu \u015fu demektir, web sitesi, yukar\u0131da bahsetti\u011fimiz her 6 boyutta sayfay\u0131 12\u2019ye b<\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">lecek \u015fekilde dizayn edilir. Bu en ufak mobil ekranda da bu \u015fekildedir, masa\u00fcst\u00fc olan t\u00fcm ekranlarda da b<\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">yledir. En b\u00fcy\u00fck boyuttan <\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">rnek verecek olursak e\u011fer, col-xl-4 (1. Obje)\u00a0col-xl-4 (2. Obje)\u00a0 col-xl-4 (3. Objedir) bu 3 obje sayfay\u0131 enine olarak e\u015fit \u015fekilde kaplayacak 3 par<\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">a \u015feklinde verilmi\u015ftir. Dikkat ettiyseniz sondaki say\u0131lar\u0131n toplam\u0131 12 etmekte. Buradan yola \u00e7\u0131karak diyebiliriz ki siz 12 par<\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">aya b<\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">l\u00fcnm\u00fc\u015f bir web sayfas\u0131n\u0131 enine 4 er dilimlere ay\u0131rd\u0131\u011f\u0131n\u0131z\u0131 veya 12 ki\u015fiden olu\u015fan bir s\u0131n\u0131f\u0131 4 er gruplar halinde e\u015fle\u015ftirdiniz \u015feklinde de d\u00fc\u015f\u00fcnebilirsiniz. Bunu isterseniz birer birer 12\u2019ye tamamlars\u0131n\u0131z isterseniz d\u00fczensiz rastgele say\u0131lar olarak belirlersiniz. Ancak mutlaka bu say\u0131 12 ye tamamlanmal\u0131 tabii e\u011fer sitenin geriye kalan k\u0131sm\u0131n\u0131 bo\u015f b\u0131rakmayacaksan\u0131z! Bu durum en ufak ekran i<\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">in de ayn\u0131 \u015fekilde ge<\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">erlidir. En ufak ekranda tek fark \u201c<\/span><span lang=\"SV\">xl<\/span><span lang=\"EN-US\">\u201d yerine \u201cxs\u201d kullan\u0131rs\u0131n\u0131z. Her ekran i<\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">in kullanaca\u011f\u0131n\u0131z elementler i<\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">erisine de bu boyutlar\u0131 nizami ve do\u011fru bir \u015fekilde tan\u0131mlamal\u0131s\u0131n\u0131z.<\/span><\/p>\n<p class=\"Gvde\"><b><span lang=\"EN-US\">Arama Motorlar\u0131 \u0130\u00e7in \u00c7ok \u00d6nemli!<\/span><\/b><b><\/b><\/p>\n<p class=\"Gvde\"><span lang=\"EN-US\">Arama motorlar\u0131 responsive siteleri ciddi \u015fekilde destekliyor ve onlar\u0131 daha <\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">n plana \u00e7\u0131kar\u0131yor. Bu y\u00fczden sitenizi mobil uyumlu yapman\u0131z hem arama motorlar\u0131nda <\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"EN-US\">n plana \u00e7\u0131kmas\u0131 a\u00e7\u0131s\u0131ndan hem de ekstra mobil ziyaret<\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">iler edinilmesi a\u00e7\u0131s\u0131ndan m\u00fc\u015fteri say\u0131n\u0131z\u0131 ciddi y<\/span><span lang=\"SV\">\u00f6<\/span><span lang=\"ES-TRAD\">nde art<\/span><span lang=\"EN-US\">\u0131racakt\u0131r. Mobilden web site ziyaretleri d\u00fcnyada %27 seviyelerine y\u00fckseldi ve h\u0131zla artmaya da devam etmekte. Dolay\u0131s\u0131yla sitenizi mobil uyumlu yapman\u0131<\/span><span lang=\"ES-TRAD\">z en ba<\/span><span lang=\"EN-US\">\u015fta marka de\u011ferinizin artmas\u0131 a\u00e7\u0131s\u0131ndan daha sonra da yukar\u0131da bahsetti\u011fimiz di\u011fer t\u00fcm avantajlar a\u00e7\u0131s\u0131ndan web sitenize <\/span><span lang=\"PT\">\u00e7<\/span><span lang=\"EN-US\">ok fazla fayda sa\u011flayacakt\u0131r.<\/span><\/p>\n<p class=\"Gvde\"><span lang=\"EN-US\">\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Responsive web site tasar\u0131m\u0131, duyarl\u0131, uyumlu web tasar\u0131m\u0131 anlam\u0131na gelmektedir. Son y\u0131llarda ismini s\u0131k\u00e7a duydu\u011funuz bu web sitesi tasarlama \u015fekli ilk olarak 2010 y\u0131l\u0131nda ortaya \u00e7\u0131kar\u0131ld\u0131 ve art\u0131k hem d\u00fcnyada hem de \u00fclkemizde t\u00fcm siteler responsive haline getirilmeye ba\u015flad\u0131. Responsive&#8230;<\/p>\n","protected":false},"author":3,"featured_media":1159,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1158","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Responsive Web Site Tasar\u0131m\u0131 Nedir? - G\u00fczel Hosting Internet Hizmetleri - Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Web Site Tasar\u0131m\u0131 Nedir? - G\u00fczel Hosting Internet Hizmetleri - Blog\" \/>\n<meta property=\"og:description\" content=\"Responsive web site tasar\u0131m\u0131, duyarl\u0131, uyumlu web tasar\u0131m\u0131 anlam\u0131na gelmektedir. Son y\u0131llarda ismini s\u0131k\u00e7a duydu\u011funuz bu web sitesi tasarlama \u015fekli ilk olarak 2010 y\u0131l\u0131nda ortaya \u00e7\u0131kar\u0131ld\u0131 ve art\u0131k hem d\u00fcnyada hem de \u00fclkemizde t\u00fcm siteler responsive haline getirilmeye ba\u015flad\u0131. Responsive...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html\" \/>\n<meta property=\"og:site_name\" content=\"G\u00fczel Hosting Internet Hizmetleri - Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/guzelhosting\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-23T12:18:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.guzel.net.tr\/blog\/wp-content\/uploads\/2018\/11\/shutterstock_368720441.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"210\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@guzelhosting\" \/>\n<meta name=\"twitter:site\" content=\"@guzelhosting\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html\"},\"author\":{\"name\":\"Editor\",\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/#\\\/schema\\\/person\\\/8bfd4f2405f03c08d0afb3466ac41954\"},\"headline\":\"Responsive Web Site Tasar\u0131m\u0131 Nedir?\",\"datePublished\":\"2018-11-23T12:18:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html\"},\"wordCount\":735,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/shutterstock_368720441.png\",\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html\",\"url\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html\",\"name\":\"Responsive Web Site Tasar\u0131m\u0131 Nedir? - G\u00fczel Hosting Internet Hizmetleri - Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/shutterstock_368720441.png\",\"datePublished\":\"2018-11-23T12:18:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html#primaryimage\",\"url\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/shutterstock_368720441.png\",\"contentUrl\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/shutterstock_368720441.png\",\"width\":300,\"height\":210},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/genel\\\/responsive-web-site-tasarimi-nedir.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Ana sayfa\",\"item\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Web Site Tasar\u0131m\u0131 Nedir?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/\",\"name\":\"G\u00fczel Hosting Internet Hizmetleri - Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/#organization\",\"name\":\"G\u00fczel Hosting\",\"url\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/08\\\/cropped-logo-1.png\",\"contentUrl\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/08\\\/cropped-logo-1.png\",\"width\":278,\"height\":47,\"caption\":\"G\u00fczel Hosting\"},\"image\":{\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/guzelhosting\",\"https:\\\/\\\/x.com\\\/guzelhosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/#\\\/schema\\\/person\\\/8bfd4f2405f03c08d0afb3466ac41954\",\"name\":\"Editor\",\"url\":\"https:\\\/\\\/www.guzel.net.tr\\\/blog\\\/author\\\/editor\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Web Site Tasar\u0131m\u0131 Nedir? - G\u00fczel Hosting Internet Hizmetleri - Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html","og_locale":"tr_TR","og_type":"article","og_title":"Responsive Web Site Tasar\u0131m\u0131 Nedir? - G\u00fczel Hosting Internet Hizmetleri - Blog","og_description":"Responsive web site tasar\u0131m\u0131, duyarl\u0131, uyumlu web tasar\u0131m\u0131 anlam\u0131na gelmektedir. Son y\u0131llarda ismini s\u0131k\u00e7a duydu\u011funuz bu web sitesi tasarlama \u015fekli ilk olarak 2010 y\u0131l\u0131nda ortaya \u00e7\u0131kar\u0131ld\u0131 ve art\u0131k hem d\u00fcnyada hem de \u00fclkemizde t\u00fcm siteler responsive haline getirilmeye ba\u015flad\u0131. Responsive...","og_url":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html","og_site_name":"G\u00fczel Hosting Internet Hizmetleri - Blog","article_publisher":"https:\/\/www.facebook.com\/guzelhosting","article_published_time":"2018-11-23T12:18:45+00:00","og_image":[{"width":300,"height":210,"url":"https:\/\/www.guzel.net.tr\/blog\/wp-content\/uploads\/2018\/11\/shutterstock_368720441.png","type":"image\/png"}],"author":"Editor","twitter_card":"summary_large_image","twitter_creator":"@guzelhosting","twitter_site":"@guzelhosting","twitter_misc":{"Yazan:":"Editor","Tahmini okuma s\u00fcresi":"4 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html#article","isPartOf":{"@id":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html"},"author":{"name":"Editor","@id":"https:\/\/www.guzel.net.tr\/blog\/#\/schema\/person\/8bfd4f2405f03c08d0afb3466ac41954"},"headline":"Responsive Web Site Tasar\u0131m\u0131 Nedir?","datePublished":"2018-11-23T12:18:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html"},"wordCount":735,"commentCount":0,"publisher":{"@id":"https:\/\/www.guzel.net.tr\/blog\/#organization"},"image":{"@id":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html#primaryimage"},"thumbnailUrl":"https:\/\/www.guzel.net.tr\/blog\/wp-content\/uploads\/2018\/11\/shutterstock_368720441.png","inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html","url":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html","name":"Responsive Web Site Tasar\u0131m\u0131 Nedir? - G\u00fczel Hosting Internet Hizmetleri - Blog","isPartOf":{"@id":"https:\/\/www.guzel.net.tr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html#primaryimage"},"image":{"@id":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html#primaryimage"},"thumbnailUrl":"https:\/\/www.guzel.net.tr\/blog\/wp-content\/uploads\/2018\/11\/shutterstock_368720441.png","datePublished":"2018-11-23T12:18:45+00:00","breadcrumb":{"@id":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html#primaryimage","url":"https:\/\/www.guzel.net.tr\/blog\/wp-content\/uploads\/2018\/11\/shutterstock_368720441.png","contentUrl":"https:\/\/www.guzel.net.tr\/blog\/wp-content\/uploads\/2018\/11\/shutterstock_368720441.png","width":300,"height":210},{"@type":"BreadcrumbList","@id":"https:\/\/www.guzel.net.tr\/blog\/genel\/responsive-web-site-tasarimi-nedir.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Ana sayfa","item":"https:\/\/www.guzel.net.tr\/blog"},{"@type":"ListItem","position":2,"name":"Responsive Web Site Tasar\u0131m\u0131 Nedir?"}]},{"@type":"WebSite","@id":"https:\/\/www.guzel.net.tr\/blog\/#website","url":"https:\/\/www.guzel.net.tr\/blog\/","name":"G\u00fczel Hosting Internet Hizmetleri - Blog","description":"","publisher":{"@id":"https:\/\/www.guzel.net.tr\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.guzel.net.tr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.guzel.net.tr\/blog\/#organization","name":"G\u00fczel Hosting","url":"https:\/\/www.guzel.net.tr\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.guzel.net.tr\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.guzel.net.tr\/blog\/wp-content\/uploads\/2018\/08\/cropped-logo-1.png","contentUrl":"https:\/\/www.guzel.net.tr\/blog\/wp-content\/uploads\/2018\/08\/cropped-logo-1.png","width":278,"height":47,"caption":"G\u00fczel Hosting"},"image":{"@id":"https:\/\/www.guzel.net.tr\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/guzelhosting","https:\/\/x.com\/guzelhosting"]},{"@type":"Person","@id":"https:\/\/www.guzel.net.tr\/blog\/#\/schema\/person\/8bfd4f2405f03c08d0afb3466ac41954","name":"Editor","url":"https:\/\/www.guzel.net.tr\/blog\/author\/editor"}]}},"views":553,"_links":{"self":[{"href":"https:\/\/www.guzel.net.tr\/blog\/wp-json\/wp\/v2\/posts\/1158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.guzel.net.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.guzel.net.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.guzel.net.tr\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.guzel.net.tr\/blog\/wp-json\/wp\/v2\/comments?post=1158"}],"version-history":[{"count":1,"href":"https:\/\/www.guzel.net.tr\/blog\/wp-json\/wp\/v2\/posts\/1158\/revisions"}],"predecessor-version":[{"id":1161,"href":"https:\/\/www.guzel.net.tr\/blog\/wp-json\/wp\/v2\/posts\/1158\/revisions\/1161"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.guzel.net.tr\/blog\/wp-json\/wp\/v2\/media\/1159"}],"wp:attachment":[{"href":"https:\/\/www.guzel.net.tr\/blog\/wp-json\/wp\/v2\/media?parent=1158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.guzel.net.tr\/blog\/wp-json\/wp\/v2\/categories?post=1158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.guzel.net.tr\/blog\/wp-json\/wp\/v2\/tags?post=1158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}