{"id":6025,"date":"2017-09-29T10:36:35","date_gmt":"2017-09-29T07:36:35","guid":{"rendered":"https:\/\/www.stradiji.com\/?p=6025"},"modified":"2022-04-27T12:03:50","modified_gmt":"2022-04-27T09:03:50","slug":"ayri-mobil-sitelerden-responsive-tasarima-nasil-gecilir","status":"publish","type":"post","link":"https:\/\/www.stradiji.com\/tr\/ayri-mobil-sitelerden-responsive-tasarima-nasil-gecilir\/","title":{"rendered":"Ayr\u0131 Mobil Sitelerden Responsive Tasar\u0131ma Nas\u0131l Ge\u00e7ilir?"},"content":{"rendered":"<p>Google 2018 y\u0131l\u0131nda mobil \u00f6ncelikli indekslemeye ge\u00e7ece\u011fini belirtiyor ve \u0131srarla responsive tasar\u0131ma ge\u00e7menizi \u00f6neriyor. Bu yaz\u0131m\u0131zda mobil sitesinin tasar\u0131m\u0131n\u0131 responsive&#8217;e d\u00f6n\u00fc\u015ft\u00fcrmek isteyenler i\u00e7in bir yol haritas\u0131 sunuyoruz.<!--more--><\/p>\n<p>Ayr\u0131\u015ft\u0131r\u0131lm\u0131\u015f Mobil Siteniz var ve Esnek Mobil Tasar\u0131ma ge\u00e7meyi mi planl\u0131yorsunuz? \u00d6rne\u011fin y\u0131llar \u00f6nce mobil sitenizi ayr\u0131\u015ft\u0131r\u0131lm\u0131\u015f olarak tasarlad\u0131n\u0131z ve adresi <span style=\"text-decoration: underline; color: #0000ff;\">https:\/\/m.example.com<\/span> olsun. Fakat g\u00fcn\u00fcm\u00fczde tercihinizi de\u011fi\u015ftirmeye karar verdiniz ve mobil sitenizin de <span style=\"text-decoration: underline; color: #0000ff;\">https:\/\/example.com<\/span> olarak a\u00e7\u0131lmas\u0131n\u0131 istiyorsunuz. Bu durumda nas\u0131l bir \u00e7al\u0131\u015fma y\u00fcr\u00fctmeniz gerekecek ve nelere dikkat etmeniz gerekiyor?<\/p>\n<ol>\n<li>\u0130lk olarak bilmeniz gereken, esnek mobil tasar\u0131m\u0131n her mobil cihaz \u00e7\u00f6z\u00fcn\u00fcrl\u00fc\u011f\u00fcne uygun bir yap\u0131da olmas\u0131d\u0131r.<\/li>\n<li>\u0130kinci en \u00f6nemli nokta ise, ger\u00e7ekle\u015fecek olan URL de\u011fi\u015fikliklerinin \u00e7ok dikkatli \u015fekilde takip edilmesidir.\n<ol>\n<li>URL de\u011fi\u015fikli\u011fi yap\u0131ld\u0131ktan sonra, \u00f6zel duruma sahip <span style=\"text-decoration: underline;\">olmayan<\/span> her URL&#8217;nin kendisine rel=canonical etiketi eklemenizi tavsiye ederiz.<\/li>\n<li>E\u011fer ihtiya\u00e7 duyuyorsan\u0131z AMP\u00a0<a href=\"https:\/\/www.stradiji.com\/hizlandirilmis-mobil-sayfalar-amp-nedir\/\" target=\"_blank\" rel=\"noopener noreferrer\">(Accelerated Mobile Pages)<\/a> uygulamas\u0131n\u0131 da kullanmay\u0131 d\u00fc\u015f\u00fcnebilirsiniz.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>Bildi\u011finiz gibi piyasadaki ak\u0131ll\u0131 telefonlar\u0131n standart bir ekran boyutu ve ekran \u00e7\u00f6z\u00fcn\u00fcrl\u00fc\u011f\u00fc yok. Bu sebeple bir Web sitesinin mobil cihazlarda sa\u011fl\u0131kl\u0131 g\u00f6r\u00fcnt\u00fclenmesini sa\u011flamak i\u00e7in dikkatli bir planlama yapman\u0131z gerekiyor. Web sitesi ak\u0131ll\u0131 telefonlarda ve tabletlerde g\u00f6r\u00fcnt\u00fclenirken, \u00e7\u00f6z\u00fcn\u00fcrl\u00fck fark\u0131 g\u00f6zetmeksizin ayn\u0131 kullan\u0131\u015fl\u0131l\u0131\u011fa sahip olmal\u0131d\u0131r.<\/p>\n<p>\u00c7\u00f6z\u00fcn\u00fcrl\u00fckle ilgili uyumluluk yakaland\u0131ktan sonra biraz daha zorlay\u0131c\u0131 bir noktaya geliyoruz. Ayr\u0131\u015ft\u0131r\u0131lm\u0131\u015f tasar\u0131mdaki mobil URL&#8217;lerin normal URL&#8217;ye d\u00f6n\u00fc\u015ft\u00fcr\u00fclmesi ve hepsinin as\u0131l URL&#8217;lere 301 kal\u0131c\u0131 y\u00f6nlendirme ile y\u00f6nlendirilmesi, dikkat edilmesi gereken en \u00f6nemli nokta olarak kar\u015f\u0131m\u0131za \u00e7\u0131k\u0131yor. \u00d6rne\u011fin;<\/p>\n<ul>\n<li><span style=\"text-decoration: underline; color: #0000ff;\">https:\/\/m.example.com\/haber\/<\/span>\u00a0 -&gt;\u00a0<span style=\"text-decoration: underline; color: #0000ff;\">https:\/\/example.com\/haber\/<\/span><\/li>\n<li><span style=\"text-decoration: underline;\"><span style=\"color: #0000ff; text-decoration: underline;\">https:\/\/m.example.com\/haber\/gundem\/<\/span><\/span>\u00a0 -&gt;\u00a0<span style=\"text-decoration: underline; color: #0000ff;\">https:\/\/example.com\/haber\/gundem<\/span><\/li>\n<li><span style=\"text-decoration: underline; color: #0000ff;\">https:\/\/m.example.com\/haber\/gundem\/mobil-uyumluluk-guncellemesi-v2<\/span>\u00a0 -&gt;\u00a0<span style=\"text-decoration: underline;\"><span style=\"color: #0000ff; text-decoration: underline;\">https:\/\/m.example.com\/haber\/gundem\/mobil-uyumluluk-guncellemesi-v2<\/span><\/span><\/li>\n<\/ul>\n<p>Yukar\u0131daki \u00f6rneklere uygun olacak \u015fekilde yap\u0131lan 301 y\u00f6nlendirmeleri, mobil sitenizin i\u015fleyi\u015fini sa\u011fl\u0131kl\u0131 \u015fekilde devam ettirebilmenizi sa\u011flayacakt\u0131r.<\/p>\n<p>Ayr\u0131\u015ft\u0131r\u0131lm\u0131\u015f tasar\u0131mdan dinamik tasar\u0131ma ge\u00e7mek isterseniz, yine ayn\u0131 \u015fekilde bu y\u00f6nlendirmeleri yapman\u0131z\u0131 tavsiye ederiz. Dinamik tasar\u0131mdan esnek tasar\u0131ma ge\u00e7mek istiyorsan\u0131z, b\u00f6yle bir y\u00f6nlendirme yapman\u0131z gerekmiyor.<\/p>\n<p>\u00d6zetlemek gerekirse, Ayr\u0131\u015ft\u0131r\u0131lm\u0131\u015f tasar\u0131mdan dinamik veya esnek tasar\u0131ma ge\u00e7mek istiyorsan\u0131z, mobil tasar\u0131m\u0131 tamamlad\u0131ktan sonra eski URL&#8217;leri yenilerine 301 ile y\u00f6nlendirmeniz yeterli olacakt\u0131r. \u00d6zel duruma sahip olmayan her URL&#8217;nin kendisine rel=canonical etiketi ekleyebilirsiniz. \u00d6zel durumdan kast\u0131m\u0131z: S\u00f6z konusu sayfaya &#8220;noindex&#8221; etiketi eklenmi\u015fse veya o sayfa robots.txt i\u00e7erisinde yer alan engellenmi\u015f bir dizinde yer al\u0131yorsa, \u00f6zel duruma sahip demektir.<\/p>\n<h3>Mobil Sitenizde Neden Esnek Tasar\u0131m\u0131 Tercih Etmelisiniz?<\/h3>\n<p>A\u00e7\u0131k\u00e7as\u0131 g\u00fcn\u00fcm\u00fczde mobil cihazlarda en rahat g\u00f6r\u00fcnt\u00fclenebilen tasar\u0131m se\u00e7imi, esnek tasar\u0131md\u0131r. Esnek tasar\u0131m uzun vadede bak\u0131m, analiz ve raporlama maliyetlerini d\u00fc\u015f\u00fcr\u00fcr. Ayr\u0131ca esnek tasar\u0131m arama motoru dostudur ve SEO projenizi ba\u015far\u0131yla y\u00fcr\u00fctmenize olanak sa\u011flar.<\/p>\n<p>Esnek tasar\u0131m do\u011fru uyguland\u0131\u011f\u0131nda her t\u00fcrl\u00fc mobil cihazda (ak\u0131ll\u0131 telefonlar, tabletler) sa\u011fl\u0131kl\u0131 \u015fekilde \u00e7al\u0131\u015fmaktad\u0131r. WordPress gibi pop\u00fcler CMS uygulamalar\u0131nda sunulan haz\u0131r temalar da esnek tasar\u0131mla \u00fcretilmi\u015ftir.<\/p>\n<p>Ek olarak esnek tasar\u0131m, AMP, yap\u0131sal veri kullan\u0131m\u0131 gibi teknolojileri de desteklemektedir, b\u00f6ylece uygulama s\u00fcrecinde sorun ya\u015fama ihtimalinizi olduk\u00e7a d\u00fc\u015f\u00fcrecektir.<\/p>\n<p>Konuyla ilgili daha fazla bilgi almak isterseniz, Google&#8217;\u0131n da fikrini almay\u0131 d\u00fc\u015f\u00fcnebilirsiniz:\u00a0<a href=\"https:\/\/webmaster-tr.googleblog.com\/2017\/09\/ayr-mobil-sitelerden-responsive-web.html\" target=\"_blank\" rel=\"noopener noreferrer\">Ayr\u0131 mobil sitelerden, responsive web tasar\u0131m\u0131na ge\u00e7i\u015f<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>G\u00fcn\u00fcm\u00fczde mobil uyumluluk s\u00f6z konusu oldu\u011funda \u00fc\u00e7 farkl\u0131 tasar\u0131m se\u00e7ene\u011fi \u00f6ne \u00e7\u0131k\u0131yor; Esnek (Responsive Design), Dinamik (Dynamic Serving) ve ayr\u0131\u015ft\u0131r\u0131lm\u0131\u015f mobil tasar\u0131m (Seperate Mobile Design).  <\/p>\n","protected":false},"author":3,"featured_media":6026,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,96],"tags":[415,878,418,997,157,884,36],"class_list":["post-6025","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arama-motoru-optimizasyonu","category-mobil-uyumluluk","tag-dinamik-tasarim","tag-dynamic-serving","tag-esnek-tasarim","tag-mobil-ayristirilmis","tag-mobil-uyumluluk","tag-responsive-design","tag-seo"],"_links":{"self":[{"href":"https:\/\/www.stradiji.com\/tr\/wp-json\/wp\/v2\/posts\/6025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stradiji.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stradiji.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stradiji.com\/tr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stradiji.com\/tr\/wp-json\/wp\/v2\/comments?post=6025"}],"version-history":[{"count":0,"href":"https:\/\/www.stradiji.com\/tr\/wp-json\/wp\/v2\/posts\/6025\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.stradiji.com\/tr\/wp-json\/wp\/v2\/media\/6026"}],"wp:attachment":[{"href":"https:\/\/www.stradiji.com\/tr\/wp-json\/wp\/v2\/media?parent=6025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stradiji.com\/tr\/wp-json\/wp\/v2\/categories?post=6025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stradiji.com\/tr\/wp-json\/wp\/v2\/tags?post=6025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}