{"id":6886,"date":"2022-03-15T08:22:00","date_gmt":"2022-03-15T05:22:00","guid":{"rendered":"https:\/\/www.niobehosting.com\/blog\/?p=6886"},"modified":"2022-03-12T15:43:11","modified_gmt":"2022-03-12T12:43:11","slug":"responsive-tasarim","status":"publish","type":"post","link":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/","title":{"rendered":"Responsive Tasar\u0131m Nedir?"},"content":{"rendered":"\n<p>G\u00fcn\u00fcm\u00fczde cep telefonu ve tablet kullan\u0131m\u0131 art\u0131\u015f g\u00f6sterdi. Bununla beraber web sitelerine tablet ve cep telefonu ekranlar\u0131ndan giri\u015f yapma oran\u0131 da artt\u0131. Durum b\u00f6yle olunca web sitesi \u00fczerinden \u00fcr\u00fcn ya da hizmet pazarlayan giri\u015fimciler merakla <strong>Responsive Tasar\u0131m Nedir? <\/strong>sorusunu sormaya ba\u015flad\u0131. Biz de bu yaz\u0131m\u0131zda sizler i\u00e7in <strong>responsive tasar\u0131m <\/strong>ile ilgili merak edilen t\u00fcm detaylar\u0131 ara\u015ft\u0131rd\u0131k.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Responsive Tasar\u0131m Nedir?<\/h2>\n\n\n\n<p><strong>Responsive<\/strong> kelime olarak, uyumlu, esnek, yan\u0131t veren, duyarl\u0131 aenlamlar\u0131na gelmektedir. Responsive tasar\u0131m ise web sitelerinin mobil uyumlu olmas\u0131 anlam\u0131n\u0131 ta\u015f\u0131r. Bir web sitenin \u00e7\u00f6z\u00fcn\u00fcrl\u00fck ve ekran boyutu farkl\u0131l\u0131klar\u0131na uyacak \u015fekilde tasarlanmas\u0131 responsive tasar\u0131m olmaktad\u0131r.&nbsp;<\/p>\n\n\n\n<p>Herhangi bir web sitesine bilgisayar ekran\u0131ndan girdi\u011finizde <strong>\u00e7\u00f6z\u00fcn\u00fcrl\u00fck<\/strong> <strong>ve<\/strong> <strong>boyut<\/strong> de\u011fi\u015fir. Bilgisayar ekran\u0131n\u0131z cep telefonu ekran\u0131n\u0131za g\u00f6re b\u00fcy\u00fckt\u00fcr. \u0130\u015fte responsive tasar\u0131m bir web sitesinin hem bilgisayar ekran\u0131na hem de cep telefonu ya da tablet ekran\u0131na uyumlu olmas\u0131n\u0131 sa\u011flar.&nbsp;<\/p>\n\n\n\n<p><strong>Responsive tasar\u0131m, <\/strong>herhangi bir web uygulamas\u0131n\u0131n veya web sitesinin bilgisayar, telefon, tablet ekran\u0131na uygun hale getirilmesiyle kullan\u0131c\u0131lar\u0131n cihaz\u0131nda boyuta uygun bir \u015fekilde g\u00f6r\u00fcnmesine yard\u0131mc\u0131 olur. <strong>Yani k\u0131saca bu tasar\u0131m sayesinde bir web sitesi bilgisayar ekran\u0131nda g\u00f6r\u00fcnt\u00fcleniyorken b\u00fcy\u00fck ekrana, cep telefonundan g\u00f6r\u00fcnt\u00fcleniyorken k\u00fc\u00e7\u00fck ekrana uyum sa\u011flar.&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"611\" height=\"352\" src=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim.jpg\" alt=\"\" class=\"wp-image-6887\" srcset=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim.jpg 611w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-300x173.jpg 300w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-100x58.jpg 100w\" sizes=\"auto, (max-width: 611px) 100vw, 611px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Responsive Tasar\u0131m Neden \u00d6nemlidir?<\/h2>\n\n\n\n<p>Geleneksel web sitelerinde mobil uyumluluk i\u00e7in farkl\u0131 \u015fablonlar kullanmak gerekir. Fakat responsive tasar\u0131m tek bir \u015fablonun son derece estetik bir bi\u00e7imde ve i\u015flevsel olarak farkl\u0131 ekranlara uyum sa\u011flamas\u0131na yard\u0131mc\u0131 olur. Baz\u0131 istatistiklere g\u00f6re ziyaret\u00e7ilerin<strong> y\u00fczde 50\u2019sinden<\/strong> fazlas\u0131 web sitelerine giri\u015f i\u00e7in mobil cihazlar\u0131 kullan\u0131yor. Durum b\u00f6yle olunca responsive tasar\u0131m da b\u00fcy\u00fck \u00f6nem kazan\u0131yor. Hi\u00e7birimiz mobil ekranlara uyum sa\u011flamayan, mobil ekran\u0131m\u0131zda k\u00f6t\u00fc g\u00f6r\u00fcnen bir web sitesinde uzun s\u00fcre kalmak istemeyiz. Bu sebeple <strong>responsive tasar\u0131m<\/strong> b\u00fcy\u00fck bir \u00f6nem ta\u015f\u0131yor.&nbsp;<\/p>\n\n\n\n<p>E\u011fer web siteniz responsive tasar\u0131m\u0131 kullanm\u0131yorsa ne kadar reklam \u00e7al\u0131\u015fmas\u0131 yapt\u0131\u011f\u0131n\u0131z\u0131n da \u00e7ok b\u00fcy\u00fck bir \u00f6nemi kalm\u0131yor. \u00c7\u00fcnk\u00fc trafi\u011fi sa\u011flayan mobil kullan\u0131c\u0131lar, cihazlar\u0131na optimize edilmemi\u015f bir web sitesini tercih etmezler.&nbsp;<\/p>\n\n\n\n<p>Responsive tasar\u0131m, <strong>SEO \u00e7al\u0131\u015fmalar\u0131 <\/strong>i\u00e7in de fayda sa\u011flar. \u00c7\u00fcnk\u00fc bu mobil cihazlara duyarl\u0131 tasar\u0131m Google taraf\u0131ndan \u00f6nemsenen fakt\u00f6rlerden biridir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Responsive Tasar\u0131m\u0131n Avantajlar\u0131 Nelerdir?<\/h2>\n\n\n\n<p>Responsive tasar\u0131m\u0131n bir\u00e7ok <strong>avantaj\u0131<\/strong> bulunuyor. \u015eimdi gelin birlikte bu avantajlar\u0131 inceleyelim.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Responsive tasar\u0131m sayesinde web sitenizde i\u00e7eri\u011fi <strong>manuel<\/strong> olarak d\u00fczenlemenize gerek kalmaz. \u0130\u00e7erik ekran boyutuna g\u00f6re <strong>otomatik<\/strong> bir \u015fekilde d\u00fczenlenir.<\/li><li>Bu tasar\u0131m sizi rakip web sitelerinden bir ad\u0131m \u00f6teye ta\u015f\u0131r. Ziyaret\u00e7ileriniz, sorunsuz bir \u015fekilde web sitenizde dola\u015f\u0131rlar ve \u00e7ok daha geni\u015f kitlelere hitap etme olana\u011f\u0131n\u0131z artar.\u00a0<\/li><li>Mevcut ziyaret\u00e7ileriniz sitenizde kalmaya devam eder ve <strong>potansiyel<\/strong> <strong>ziyaret\u00e7i<\/strong> kitleniz artar. Responsive tasar\u0131ma sahip olmayan web siteleri ise ziyaret\u00e7ilerini kaybedebilir.<\/li><li>Responsive tasar\u0131m ile ayr\u0131 ayr\u0131 tasar\u0131mlar yapman\u0131za gerek kalmaz. Tek bir tasar\u0131m ile web siteniz her ekrana uygun bir \u015fekilde uyum kazan\u0131r. Bu sayede de tasar\u0131mlar i\u00e7in harcad\u0131\u011f\u0131n\u0131z <strong>maliyetler d\u00fc\u015fer<\/strong>.\u00a0<\/li><li>Bu tasar\u0131m <strong>kullan\u0131c\u0131<\/strong> <strong>dostudur<\/strong>. Kullan\u0131c\u0131lar web sitenizde \u00e7ok daha uzun s\u00fcre ge\u00e7irir. Kullan\u0131c\u0131 deneyim responsive tasar\u0131m\u0131n en b\u00fcy\u00fck avantajlar\u0131ndan biridir. Responsive tasar\u0131m sayesinde g\u00f6rseller yanl\u0131\u015f hizalanmaz, yaz\u0131lar birbirine kar\u0131\u015fmaz. Hi\u00e7 kimse yaz\u0131lar\u0131n birbirine kar\u0131\u015ft\u0131\u011f\u0131 ve okunamaz hale geldi\u011fi bir web sitesinde uzun s\u00fcre kalmak istemez. Bu durumda hemen \u00e7\u0131kma oran\u0131 y\u00fckselir. Fakat responsive tasar\u0131m ile hemen \u00e7\u0131kma oranlar\u0131 d\u00fc\u015fer.<\/li><li><strong><a href=\"https:\/\/www.niobehosting.com\/blog\/seo-analiz-araclari\/\">SEO<\/a> \u00e7al\u0131\u015fmalar\u0131 a\u00e7\u0131s\u0131ndan<\/strong> \u00e7ok b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r. \u00c7\u00fcnk\u00fc Google algoritmas\u0131 mobil optimizasyona sahip olmayan web sitelerini a\u015fa\u011f\u0131larda g\u00f6sterir. Mobil optimizasyona sahip siteler ise daha \u00fcst s\u0131ralarda g\u00f6r\u00fcn\u00fcr. Bu sebeple web sitenizde <strong>mobil optimizasyonun<\/strong> olmas\u0131 SEO \u00e7al\u0131\u015fmalar\u0131n\u0131z\u0131 b\u00fcy\u00fck oranda etkileyecektir.\u00a0<\/li><li>Responsive tasar\u0131m ile olu\u015fturulmu\u015f web siteleri dinamik olarak da adland\u0131r\u0131l\u0131r. <strong>Dinamikli\u011fin<\/strong> \u00f6n planda oldu\u011fu bu web sitelerine her cihazdan \u00e7ok kolay bir \u015fekilde ula\u015f\u0131labilir.\u00a0<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"526\" src=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi-1024x526.png\" alt=\"\" class=\"wp-image-6888\" srcset=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi-1024x526.png 1024w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi-300x154.png 300w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi-768x394.png 768w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi-100x51.png 100w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi-700x360.png 700w, https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi.png 1320w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Responsive Tasar\u0131m Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/h2>\n\n\n\n<p>Responsive tasar\u0131m, kullan\u0131c\u0131n\u0131n cihaz\u0131n\u0131za uygun bir \u015fekilde \u00f6l\u00e7eklendirme sa\u011flayarak \u00e7al\u0131\u015f\u0131r. Bu sayede cihaz\u0131n boyutuna ba\u011fl\u0131 olarak sayfalar\u0131n ekrana s\u0131\u011facak bir bi\u00e7imde olmas\u0131n\u0131 sa\u011flar. Burada kullan\u0131c\u0131lar cihazdan ba\u011f\u0131ms\u0131z bir \u015fekilde ayn\u0131 dosyaya eri\u015firler. <strong>CSS<\/strong> (<strong>C<\/strong>ascading <strong>S<\/strong>tyle <strong>S<\/strong>heet) kodu devreye girer ve bu kod sayfa d\u00fczenini ekran boyutuna uygun bir \u015fekilde i\u015flemeye ba\u015flar.&nbsp;<\/p>\n\n\n\n<p>Responsive tasar\u0131mda esnek bir kanvas bulunur. Web sitesinde bulunan resimler, linkler,reklamlar, yaz\u0131lar boyuta uygun olarak eri\u015filebilir hale gelir. Kullan\u0131c\u0131lar zoom yapmak ya da ekran\u0131 k\u00fc\u00e7\u00fcltmek zorunda kalmazlar.&nbsp;<\/p>\n\n\n\n<p>Geleneksel web sitesi tasar\u0131mlar\u0131<strong> piksellere<\/strong> dayan\u0131r. Fakat bu tasar\u0131m y\u00fczde olarak \u00f6l\u00e7\u00fclen <strong>\u0131zgaralar\u0131<\/strong> kullanmaktad\u0131r. Bu sayede de web sitesine giri\u015f yap\u0131lan ekran\u0131n boyutu \u00f6nemli olmaks\u0131z\u0131n web sitesi ayn\u0131 g\u00f6r\u00fcn\u00fcr ve ayn\u0131 \u00e7al\u0131\u015f\u0131r.&nbsp;<\/p>\n\n\n\n<p>Responsive web sitelerinin haz\u0131rlanmas\u0131nda<strong> HTML5 ve <\/strong><a href=\"https:\/\/www.niobehosting.com\/blog\/css-nedir\/\"><strong>CSS<\/strong> <\/a>kodlama yap\u0131s\u0131ndan faydalan\u0131l\u0131r.\u00a0<\/p>\n\n\n\n<p>E\u011fer web sitenizin g\u00f6r\u00fcnt\u00fc alan\u0131n\u0131 yap\u0131land\u0131rmak isterseniz, meta viewport etiketini kullanarak bunu ger\u00e7ekle\u015ftirebilirsiniz. Viewport isimli meta etiketi, web tasar\u0131m\u0131n\u0131z\u0131n k\u00fc\u00e7\u00fck ya da b\u00fcy\u00fck ekranlara adapte olmas\u0131n\u0131 sa\u011flar. Bu etiketi, yaln\u0131zca responsive tasar\u0131ma sahip web sayfalar\u0131na ekleyebilirsiniz.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Adaptive Tasar\u0131m ve Responsive Tasar\u0131m Aras\u0131ndaki Farklar<\/h2>\n\n\n\n<p>Adaptive tasar\u0131m da responsive tasar\u0131m gibi g\u00f6r\u00fcnt\u00fclenmekte olan cihaz\u0131n \u00f6zelliklerini tespit eder ve bu cihaza uygun bir \u015fekilde \u00e7al\u0131\u015f\u0131r. Bu iki kavram temel a\u00e7\u0131dan birbirine benzerdir fakat baz\u0131 farklar\u0131 bulunmaktad\u0131r.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Responsive tasar\u0131m<\/strong> esnektir.Sabit \u00f6l\u00e7\u00fclerden ziyade ak\u0131\u015fkan ve ekran boyutuna g\u00f6re de\u011fi\u015fen \u00f6l\u00e7\u00fcler kullan\u0131l\u0131r. Adaptive tasar\u0131m ise esnek bir anlay\u0131\u015fa sahip de\u011fildir. Sabit yerle\u015fimli ekran planlamas\u0131na sahiptir. \u00d6l\u00e7\u00fclere daha ba\u011f\u0131ml\u0131 \u015fekilde hareket eder. Bu da sayfada bo\u015fluklar kalmas\u0131na sebep olabilir.<\/li><li><strong>Adaptive tasar\u0131m<\/strong> kod yaz\u0131l\u0131m\u0131nda katmanl\u0131 bir anlay\u0131\u015f izler. G\u00f6rseller katman katman eklenir. Responsive tasar\u0131mda ise katmanlar bulunmaz. Adaptive tasar\u0131m, esnek bir yerle\u015fimi benimsemez. Belirli bir ekran \u00f6l\u00e7\u00fcs\u00fc belirlenir ve ekran yerle\u015fimleri bu \u00f6l\u00e7\u00fclere g\u00f6re sabitlenir. \u00d6rnek verecek olursak; 320px, 600px, 960px ve 1200px gibi 4 temel \u00f6l\u00e7\u00fc belirlenir ve bunlara uygun yerle\u015ftirme yap\u0131l\u0131r. E\u011fer taray\u0131c\u0131 penceresi bu \u00f6l\u00e7\u00fclere k\u00fc\u00e7\u00fck ya da b\u00fcy\u00fck gelirse \u00f6l\u00e7\u00fclere en uygun olan yerle\u015fim kullan\u0131l\u0131r. Ekran\u0131n kenar\u0131nda bo\u015fluklar kalabilir. Responsive tasar\u0131m ekran\u0131n her yerini kaplayacak d\u00fczeydedir.&nbsp;<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Responsive Tasar\u0131m \u00d6l\u00e7\u00fcleri Nelerdir?<\/h2>\n\n\n\n<p>Responsive tasar\u0131mlarda birden fazla birbirinden farkl\u0131 \u00e7\u00f6z\u00fcn\u00fcrl\u00fck bulunmaktad\u0131r. Bu \u00e7\u00f6z\u00fcn\u00fcrl\u00fckler<strong> 3 ve 6<\/strong> kademe aras\u0131nda de\u011fi\u015fir. En pop\u00fcler ve en \u00e7ok kullan\u0131lan \u00e7\u00f6z\u00fcn\u00fcrl\u00fck kademeleri <strong>3 ve 4\u2019t\u00fcr<\/strong>.&nbsp;<\/p>\n\n\n\n<p><strong>E\u011fer tasar\u0131m 3 kademeli ise;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00c7\u00f6z\u00fcn\u00fcrl\u00fck 0-767px aral\u0131\u011f\u0131nda ise mobil ekranlara uyumludur.<\/li><li>\u00c7\u00f6z\u00fcn\u00fcrl\u00fck 768-991px aral\u0131\u011f\u0131nda ise dikey tabletlere uyumludur.<\/li><li>\u00c7\u00f6z\u00fcn\u00fcrl\u00fck 992px ve \u00fczeri aral\u0131kta ise yatay tablet, notebook ve desktoplara uyumludur.&nbsp;<\/li><\/ul>\n\n\n\n<p><strong>E\u011fer tasar\u0131m 4 kademeli ise;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00c7\u00f6z\u00fcn\u00fcrl\u00fck 0-767px aral\u0131\u011f\u0131nda ise mobil ekranlara uyumludur.<\/li><li>\u00c7\u00f6z\u00fcn\u00fcrl\u00fck 768-991px aral\u0131\u011f\u0131nda ise dikey tabletlere uyumludur.<\/li><li>\u00c7\u00f6z\u00fcn\u00fcrl\u00fck 992-1199px aral\u0131\u011f\u0131nda ise yatay tablet ve minibook laptoplara uyumludur.<\/li><li>\u00c7\u00f6z\u00fcn\u00fcrl\u00fck 1200px ve \u00fczerinde ise notebook ve desktoplara uyumludur.&nbsp;<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>G\u00fcn\u00fcm\u00fczde cep telefonu ve tablet kullan\u0131m\u0131 art\u0131\u015f g\u00f6sterdi. Bununla beraber web sitelerine tablet ve cep telefonu ekranlar\u0131ndan giri\u015f yapma oran\u0131 da artt\u0131. Durum b\u00f6yle olunca&#8230;<\/p>\n","protected":false},"author":22,"featured_media":6888,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,46],"tags":[],"class_list":["post-6886","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nedir-nasil-yapilir","category-teknoloji"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Responsive Tasar\u0131m Nedir? - Niobe Hosting<\/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.niobehosting.com\/blog\/responsive-tasarim\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Tasar\u0131m Nedir? - Niobe Hosting\" \/>\n<meta property=\"og:description\" content=\"G\u00fcn\u00fcm\u00fczde cep telefonu ve tablet kullan\u0131m\u0131 art\u0131\u015f g\u00f6sterdi. Bununla beraber web sitelerine tablet ve cep telefonu ekranlar\u0131ndan giri\u015f yapma oran\u0131 da artt\u0131. Durum b\u00f6yle olunca...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/\" \/>\n<meta property=\"og:site_name\" content=\"Niobe Hosting\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-15T05:22:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1320\" \/>\n\t<meta property=\"og:image:height\" content=\"678\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"\u015eevval G\u00fclsuyu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u015eevval G\u00fclsuyu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/\"},\"author\":{\"name\":\"\u015eevval G\u00fclsuyu\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/47f1583dadf0ec3db72574888f1a3d11\"},\"headline\":\"Responsive Tasar\u0131m Nedir?\",\"datePublished\":\"2022-03-15T05:22:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/\"},\"wordCount\":1368,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/responsive-tasarim-ornegi.png\",\"articleSection\":[\"Nedir &amp; Nas\u0131l Yap\u0131l\u0131r?\",\"Teknoloji\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/\",\"name\":\"Responsive Tasar\u0131m Nedir? - Niobe Hosting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/responsive-tasarim-ornegi.png\",\"datePublished\":\"2022-03-15T05:22:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/responsive-tasarim-ornegi.png\",\"contentUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/responsive-tasarim-ornegi.png\",\"width\":1320,\"height\":678},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/responsive-tasarim\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Tasar\u0131m Nedir?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\",\"name\":\"Niobe Hosting\",\"description\":\"Niobe Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#organization\",\"name\":\"Niobe Hosting\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/blog-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/blog-logo.png\",\"width\":332,\"height\":49,\"caption\":\"Niobe Hosting\"},\"image\":{\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/47f1583dadf0ec3db72574888f1a3d11\",\"name\":\"\u015eevval G\u00fclsuyu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d7d6674c33bdc93252ee448a9a2bbfddd3bcf21fd2159ee19d3ac451155c452a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d7d6674c33bdc93252ee448a9a2bbfddd3bcf21fd2159ee19d3ac451155c452a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d7d6674c33bdc93252ee448a9a2bbfddd3bcf21fd2159ee19d3ac451155c452a?s=96&d=mm&r=g\",\"caption\":\"\u015eevval G\u00fclsuyu\"},\"url\":\"https:\\\/\\\/www.niobehosting.com\\\/blog\\\/author\\\/sevvalgulsuyu\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Tasar\u0131m Nedir? - Niobe Hosting","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.niobehosting.com\/blog\/responsive-tasarim\/","og_locale":"tr_TR","og_type":"article","og_title":"Responsive Tasar\u0131m Nedir? - Niobe Hosting","og_description":"G\u00fcn\u00fcm\u00fczde cep telefonu ve tablet kullan\u0131m\u0131 art\u0131\u015f g\u00f6sterdi. Bununla beraber web sitelerine tablet ve cep telefonu ekranlar\u0131ndan giri\u015f yapma oran\u0131 da artt\u0131. Durum b\u00f6yle olunca...","og_url":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/","og_site_name":"Niobe Hosting","article_published_time":"2022-03-15T05:22:00+00:00","og_image":[{"width":1320,"height":678,"url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi.png","type":"image\/png"}],"author":"\u015eevval G\u00fclsuyu","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"\u015eevval G\u00fclsuyu","Tahmini okuma s\u00fcresi":"7 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/#article","isPartOf":{"@id":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/"},"author":{"name":"\u015eevval G\u00fclsuyu","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/person\/47f1583dadf0ec3db72574888f1a3d11"},"headline":"Responsive Tasar\u0131m Nedir?","datePublished":"2022-03-15T05:22:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/"},"wordCount":1368,"commentCount":0,"publisher":{"@id":"https:\/\/www.niobehosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/#primaryimage"},"thumbnailUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi.png","articleSection":["Nedir &amp; Nas\u0131l Yap\u0131l\u0131r?","Teknoloji"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/","url":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/","name":"Responsive Tasar\u0131m Nedir? - Niobe Hosting","isPartOf":{"@id":"https:\/\/www.niobehosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/#primaryimage"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/#primaryimage"},"thumbnailUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi.png","datePublished":"2022-03-15T05:22:00+00:00","breadcrumb":{"@id":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/#primaryimage","url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi.png","contentUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/responsive-tasarim-ornegi.png","width":1320,"height":678},{"@type":"BreadcrumbList","@id":"https:\/\/www.niobehosting.com\/blog\/responsive-tasarim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.niobehosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Responsive Tasar\u0131m Nedir?"}]},{"@type":"WebSite","@id":"https:\/\/www.niobehosting.com\/blog\/#website","url":"https:\/\/www.niobehosting.com\/blog\/","name":"Niobe Hosting","description":"Niobe Hosting","publisher":{"@id":"https:\/\/www.niobehosting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.niobehosting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.niobehosting.com\/blog\/#organization","name":"Niobe Hosting","url":"https:\/\/www.niobehosting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/blog-logo.png","contentUrl":"https:\/\/www.niobehosting.com\/blog\/wp-content\/uploads\/blog-logo.png","width":332,"height":49,"caption":"Niobe Hosting"},"image":{"@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.niobehosting.com\/blog\/#\/schema\/person\/47f1583dadf0ec3db72574888f1a3d11","name":"\u015eevval G\u00fclsuyu","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/secure.gravatar.com\/avatar\/d7d6674c33bdc93252ee448a9a2bbfddd3bcf21fd2159ee19d3ac451155c452a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d7d6674c33bdc93252ee448a9a2bbfddd3bcf21fd2159ee19d3ac451155c452a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d7d6674c33bdc93252ee448a9a2bbfddd3bcf21fd2159ee19d3ac451155c452a?s=96&d=mm&r=g","caption":"\u015eevval G\u00fclsuyu"},"url":"https:\/\/www.niobehosting.com\/blog\/author\/sevvalgulsuyu\/"}]}},"_links":{"self":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts\/6886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/comments?post=6886"}],"version-history":[{"count":0,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/posts\/6886\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/media\/6888"}],"wp:attachment":[{"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/media?parent=6886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/categories?post=6886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.niobehosting.com\/blog\/wp-json\/wp\/v2\/tags?post=6886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}