{"id":3040,"date":"2021-01-04T12:50:48","date_gmt":"2021-01-04T09:50:48","guid":{"rendered":"https:\/\/blog.hostixo.com\/?p=3040"},"modified":"2021-01-04T12:50:48","modified_gmt":"2021-01-04T09:50:48","slug":"mobil-uyumlu-web-sitesi-nasil-yapilir","status":"publish","type":"post","link":"https:\/\/www.hostixo.com\/blog\/mobil-uyumlu-web-sitesi-nasil-yapilir\/","title":{"rendered":"Mobil Uyumlu Web Sitesi Nas\u0131l Yap\u0131l\u0131r – 6 \u0130pucu"},"content":{"rendered":"

Mobil uyumlu web<\/a> site<\/a>si kurmay\u0131 veya sitenizi mobil uyumlu bir web sitesi haline getirmeyi istiyorsan\u0131z yaz\u0131m\u0131z\u0131 okumaya devam edebilirsiniz.<\/p>\n

Mobil uyumlu web sitesi kullanmak trafi\u011fin b\u00fcy\u00fck \u00f6l\u00e7\u00fcde artmas\u0131 i\u00e7in \u00e7ok \u00f6nemlidir.<\/p>\n

Web Sitesi Neden Mobil Uyumlu Olmal\u0131d\u0131r ?<\/h2>\n

Ak\u0131ll\u0131 telefonlar hayat\u0131m\u0131za girdi\u011finden beri \u00e7o\u011fu ki\u015fi mobil cihazlar\u0131n\u0131 kullanarak internet kullanmaya ba\u015flam\u0131\u015ft\u0131r. Bu nedenle mobil uyumlu web sitesine sahip olmak size otomatik olarak daha \u00e7ok ki\u015finin eri\u015fmesini sa\u011flayacakt\u0131r. G\u00fcn\u00fcm\u00fczde internet trafi\u011finin % 70’inin ak\u0131ll\u0131 telefonlar ile geldi\u011fi bilinmektedir.\u00a0 Ayr\u0131ca kullan\u0131c\u0131lar\u0131n % 51 oran\u0131nda yeni marka ve \u00fcr\u00fcnleri ke\u015ffetmek i\u00e7in mobil cihazlar\u0131 kulland\u0131klar\u0131 da bilinmektedir.<\/p>\n

Bu oranlara ek olarak kullan\u0131c\u0131lar\u0131n %89’u olumlu bir deneyim sa\u011flad\u0131\u011f\u0131 i\u00e7in markay\u0131 etraf\u0131ndaki ki\u015filere tavsiye etmektedir.<\/p>\n

E\u011fer web siteniz mobil uyumlu de\u011filse Google’\u0131n web siteniz mobil arama sonu\u00e7lar\u0131 d\u0131\u015f\u0131nda kalmas\u0131na\u00a0 ya da SERP’de daha d\u00fc\u015f\u00fck s\u0131ralamalara sahip olmas\u0131na neden olabilir.<\/p>\n

\"Mobil

Mobil Uyumlu Web Sitesinin \u00d6nemi<\/span><\/h3>\n

1. Daha iyi SEOya sahip olmak i\u00e7in,
\n2. Yeni bir site tasarlamaya gerek kalmad\u0131\u011f\u0131 i\u00e7in,
\n3. Y\u00f6netiminin daha basit ve maliyetinin daha d\u00fc\u015f\u00fck olmas\u0131ndan dolay\u0131 web sitelerinin mobil uyumlu olmas\u0131 \u00e7ok \u00f6nemlidir.<\/span><\/p>\n

Web Sitesi Nas\u0131l Mobil Uyumlu Yap\u0131l\u0131r ?
\n<\/span><\/h2>\n

Web sitenizi mobil uyumlu yapman\u0131z i\u00e7in baz\u0131 teknik bilgilere sahip olman\u0131z gerekmektedir. E\u011fer teknik bilginiz yoksa bir web site geli\u015ftiricisinden yard\u0131m olman\u0131z gerekecektir.<\/p>\n

\u015eimdi web sitenizi mobil uyumlu yapman\u0131z i\u00e7in sizlere 6 ipucundan bahsedece\u011fiz.<\/p>\n

1. Mobil Cihazlar ile Uyumlu Bir Yakla\u015f\u0131m Kullan\u0131n<\/span><\/h3>\n

B\u00fcy\u00fck ekran ile web sitenizi optimize etti\u011finiz zaman mobil kullan\u0131c\u0131lar i\u00e7in optimize ederken baz\u0131 sorunlar ya\u015fayabilirsiniz.<\/p>\n

Mobil cihaz ile veya tablet kullanarak web sitenizi optimize etmek b\u00fcy\u00fck ekran ile optimize etmekten \u00e7ok daha zordur. Bu nedenle k\u00fc\u00e7\u00fck ekran ile ba\u015flamak daha mant\u0131kl\u0131 olacakt\u0131r.<\/p>\n

2. Mobil Uyumlu Olmayan Sitenizi Mobile \u00c7evirme<\/span><\/h3>\n

\u015euan kullanm\u0131\u015f oldu\u011funuz web site e\u011fer mobil uyumlu de\u011filse yapman\u0131z gereken ilk \u015fey onu mobil uyumlu hale getirmektir.<\/p>\n

Bu i\u015flemi yapman\u0131n 2 y\u00f6ntemi bulunmaktad\u0131r. Sitenizi online bir hizmet ile \u00e7evirme ya da CMS eklentilerinben birini kullanmad\u0131r.<\/p>\n

Mobil Uyumlu Olmayan Sitenizi Online Hizmet ile \u00c7evirme<\/h4>\n

\u0130lk olarak iyi bir online site \u00e7evirici bulmal\u0131s\u0131n\u0131z. Bizim \u00f6nerece\u011fimiz en pop\u00fcler site \u00e7eviriciler: bMobilized\u00a0<\/strong>ve\u00a0Duda Mobile<\/strong>\u2018d\u0131r.<\/p>\n

bMobilized <\/strong>g\u00f6rsel ve i\u00e7erik boyutlama sistemi ile direkt \u00e7evirme i\u015flem sa\u011flar.<\/p>\n

Hizmetlerinden yararlanmak i\u00e7in ayl\u0131k $19.99\u00a0<\/strong>\u00f6demeniz gerekir.<\/p>\n

\"\"

Kullanabilece\u011finiz di\u011fer online \u00e7evirici ise Duda Mobile\u2018d\u0131r. Bu web sitesi tam fonksiyonlu, mobil dostu siteler olu\u015fturma i\u015flemi yapar.<\/p>\n

Bu ara\u00e7 \u00fccretsiz olarak kullan\u0131labilir. Fakat, eposta deste\u011fi, \u00f6zel alan adlar\u0131 ve yedekleme hizmetleri gibi premium \u00f6zelliklerden yararlanmak isterseniz ayl\u0131k $19\u00a0<\/strong>abonelik \u00fccreti \u00f6demlisiniz.<\/p>\n

Ayr\u0131ca, Duda Mobile kullan\u0131c\u0131lar\u0131n \u00e7ok dil destekli mobil dostu bir eticaret sitesi olu\u015fturmalar\u0131 i\u00e7in geli\u015fmi\u015f \u00f6zellikler sunar. Fakat bu \u00f6zellikleri kullanman\u0131z i\u00e7in de ayl\u0131k $22 ile $46\u00a0<\/strong>aras\u0131nda bir \u00fccret \u00f6demeniz gerekir.<\/p>\n

\"\"

CMS Eklentisi Kullanarak Web Sitenizi \u00c7evirme<\/h4>\n

Web sitenizi mobil uyumlu siteye \u00e7evirmenin di\u011fer yolu ise bir eklenti kullanmakt\u0131r. Bu y\u00f6ntem bir Joomla, Drupal ya da WordPress<\/a> sitesine sahip olanlar i\u00e7in daha \u00e7ok kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n

Bir WordPress kullan\u0131c\u0131n\u0131n kullanabilece\u011fi en iyi ara\u00e7lar WPtouch\u00a0ve\u00a0JetPac’dir.<\/p>\n

Joomla kullan\u0131c\u0131lar\u0131 i\u00e7in ise Responsivizer\u00a0ve\u00a0JoomlaShine’d\u0131r.<\/p>\n

Drupal kullan\u0131yorsan\u0131z e\u011fer ThemeKey\u00a0ve\u00a0MobileTheme kullanabilirsiniz.<\/p>\n

Fakat baz\u0131 eklentilerin \u00fccretli oldu\u011funu unutmamal\u0131s\u0131n\u0131z.<\/p>\n

3. Mobil Uyumlu Bir Tema Kullan\u0131n<\/span><\/h3>\n

Mobil uyumlu bir tema kullanmak sitenizin mobil dostu olmas\u0131n\u0131 sa\u011flayacakt\u0131r. WordPress’in bir \u00e7ok mobil uyumlu temas\u0131 mevcuttur. Bunlar\u0131n \u00e7o\u011fu \u00fccretlidir ancak performanslar\u0131 olduk\u00e7a iyidir.<\/p>\n

Mobil uyumlu ve olduk\u00e7a h\u0131zl\u0131 tema Avada’d\u0131r denebilir. Bu tema sayesinde web sitenizi bir saniyeden k\u0131sa s\u00fcrede y\u00fcklenecektir.<\/p>\n

Teman\u0131n mobil duyarl\u0131 oldu\u011funu ve h\u0131zl\u0131 y\u00fcklendi\u011fini test etmek i\u00e7in Pingdom\u2018\u0131 kullanman\u0131z\u0131 \u00f6neririz.<\/p>\n

Pingdom web site h\u0131z\u0131 hakk\u0131nda detayl\u0131 bilgi alabilmeniz i\u00e7in kullanabilece\u011finiz en iyi ara\u00e7t\u0131r. Yapman\u0131z gereken tek \u015fey web sitenizin ba\u011flant\u0131s\u0131n\u0131 kopyalayarak URL s\u00fctununa yap\u0131\u015ft\u0131rmakt\u0131r. Daha sonra Start Test\u00a0<\/em>butonuna t\u0131klay\u0131n.<\/p>\n

4. Sitenizin H\u0131z\u0131n\u0131 Ayn\u0131 Tutun<\/span><\/h3>\n

Kullanmakta oldu\u011funuz sunucunuzun ve hosting<\/a>\u2019inizin kalitesi web sitenizin h\u0131z\u0131n\u0131 olduk\u00e7a \u00f6nemli derecede etkilemektedir. Bu nedenle e\u011fer mobil uyumlu bir web sitesi yapmay\u0131 d\u00fc\u015f\u00fcn\u00fcyorsan\u0131z h\u0131zl\u0131 ve g\u00fcvenilir bir hosting kullanmal\u0131s\u0131n\u0131z.<\/p>\n

Site h\u0131z\u0131n\u0131z\u0131 daha iyi hale getirmek i\u00e7in yapman\u0131z gereken bir ba\u015fka nokta ise eklentiye ihtiya\u00e7 duyan i\u00e7eri\u011fi k\u0131s\u0131tlamakt\u0131r.<\/p>\n

5. Sitenizin G\u00f6r\u00fcnt\u00fcs\u00fcne \u00d6nem Verin<\/span><\/h3>\n

Kullan\u0131c\u0131lar\u0131n web sitede kal\u0131p kalmamalar\u0131 i\u00e7in ilk 15 saniye \u00e7ok \u00f6nemlidir. Bu nedenle siteniz ile kullan\u0131c\u0131lara pozitif bir imaj vermeniz i\u00e7in iyi bir g\u00f6r\u00fcnt\u00fc sunmal\u0131s\u0131n\u0131z.<\/p>\n

6. H\u0131zland\u0131r\u0131lm\u0131\u015f Mobil Sayfalar\u0131 (AMP) Etkinle\u015ftirin<\/span><\/h3>\n

H\u0131zland\u0131r\u0131lm\u0131\u015f Mobil Sayfalar (AMP) yap\u0131s\u0131 ile olu\u015fturulan sayfalar\u0131 y\u00fcksek performanslar ile mobil eri\u015fim imk\u00e2n\u0131 sunmaktad\u0131r. Ayr\u0131ca web sitelerin y\u00fcklenmesini normal mobil sayfa boyutundan sekiz kat daha k\u00fc\u00e7\u00fck olmas\u0131yla daha h\u0131zl\u0131 olmas\u0131n\u0131 hedefler. Bu y\u00f6ntem Google’nin sunmu\u015f oldu\u011fu bir projedir.<\/p>\n

\u015eimdi sizlere\u00a0 AMP\u2019yi pop\u00fcler yapan nedenlerden bahsedece\u011fiz.<\/p>\n

Mobil Kullan\u0131mda Sitenin Y\u00fcklenme H\u0131z\u0131n\u0131 Art\u0131r\u0131r<\/h4>\n

Google\u2019a g\u00f6re mobil kullan\u0131c\u0131lar\u0131n yakla\u015f\u0131k %53\u2019\u00fc a\u00e7\u0131lmas\u0131 3 saniyeden fazla s\u00fcren sayfalar\u0131 terk etmektedir.<\/p>\n

Web siteye AMP\u2019nin en b\u00fcy\u00fck faydas\u0131 y\u00fckleme s\u00fcresini art\u0131rmas\u0131d\u0131r. Bu projeden yararlanmak sitenizin h\u0131z\u0131n\u0131 artt\u0131rarak organik trafi\u011fe sahip olman\u0131z\u0131 sa\u011flayacakt\u0131r.<\/p>\n

Sitenizin G\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fc Art\u0131r\u0131r<\/h4>\n

Google de mobil arama s\u0131ralamas\u0131nda AMP kullanan web sitesinin yan\u0131na y\u0131ld\u0131r\u0131m i\u015fareti bulunmaktad\u0131r.<\/p>\n

Arama sonu\u00e7lar\u0131nda AMP sembol\u00fc pozitif bir etki yaratmaktad\u0131r. Bir\u00e7ok kullan\u0131c\u0131 zaman kazanmak i\u00e7in daha h\u0131zl\u0131 y\u00fcklenen yani AMP sembol\u00fc olan siteleri arad\u0131\u011f\u0131 i\u00e7in web siteniz \u00f6n plana \u00e7\u0131kacakt\u0131r.<\/p>\n

Sunucunuzun Performans Artt\u0131r\u0131m\u0131 \u0130\u00e7in Google AMP \u00d6nbelle\u011fini Kullan\u0131n<\/h4>\n

Google AMP \u00f6nbelle\u011fi proxy bazl\u0131 CDN a\u011f\u0131d\u0131r..<\/p>\n

Sunucunuzun performans\u0131n\u0131 art\u0131racak Google AMP \u00d6nbellek \u00f6zelliklerinden \u015fu \u015fekilde bahsedilebilir:<\/p>\n