{"id":11127,"date":"2018-02-09T10:36:04","date_gmt":"2018-02-09T08:36:04","guid":{"rendered":"https:\/\/ihs.com.tr\/blog\/?p=11127"},"modified":"2019-01-18T12:30:01","modified_gmt":"2019-01-18T10:30:01","slug":"2018-web-tasarim-trendleri","status":"publish","type":"post","link":"https:\/\/www.ihs.com.tr\/blog\/2018-web-tasarim-trendleri\/","title":{"rendered":"2018 Web Tasar\u0131m Trendleri"},"content":{"rendered":"

2018 y\u0131l\u0131 \u00e7oktan geldi \u00e7att\u0131. Fakat web siteniz 2018 y\u0131l\u0131 i\u00e7in haz\u0131r m\u0131? Gelen her yeni y\u0131l yeni web site trendlerini mutlaka beraberinde getiriyor, daha \u00f6nceki y\u0131llarda oldu\u011fu gibi bu y\u0131l da baz\u0131 b\u00fcy\u00fck geli\u015fmeler olacak gibi.<\/span><\/p>\n

Bu y\u0131lki de\u011fi\u015fimlerin ana nedeni; web trafi\u011finin s\u00fcrekli artarak mobil cihazlardan geliyor olmas\u0131d\u0131r.<\/strong> Bu da kullan\u0131c\u0131lar\u0131n art\u0131k tasar\u0131m ve kullan\u0131labilirlik konusunda yeni beklentilerinin oldu\u011fu anlam\u0131na geliyor.<\/span><\/p>\n

Bu sebeplerden dolay\u0131 2018 y\u0131l\u0131nda daha fazla ziyaret\u00e7i ve m\u00fc\u015fteri elde edebilmek i\u00e7in web sitenizi g\u00fcncellemelisiniz. Nas\u0131l g\u00fcncelleyebilece\u011finizi \u00f6\u011frenmek i\u00e7in de a\u015fa\u011f\u0131daki tahminlerimize bir g\u00f6z at\u0131n.<\/span><\/p>\n

    \n
  1. Mobil uyumlu tasar\u0131m\u0131 tercih edin<\/strong><\/span><\/li>\n<\/ol>\n

    D\u00fcnya \u00e7ap\u0131ndaki web trafi\u011finin yar\u0131s\u0131ndan daha fazlas\u0131n\u0131n mobil kullan\u0131c\u0131lar taraf\u0131ndan olu\u015fturuldu\u011funu daha \u00f6nceki haberlerimizde s\u00f6ylemi\u015ftik. \u015eu anki mobil kullan\u0131c\u0131lar\u0131n \u00e7o\u011funun daha \u00f6nceden d\u00fczenli olarak masa\u00fcst\u00fc bilgisayarlardan trafik olu\u015fturdu\u011funu da hesaba katmak laz\u0131m. Yani \u015fu anki kullan\u0131c\u0131lar\u0131n \u00e7o\u011fu bir de\u011fi\u015fim ya\u015fad\u0131. Fakat yeni nesil art\u0131k trafi\u011fini direkt olarak mobil cihazlardan \u00fcretiyor, yani hi\u00e7bir de\u011fi\u015fime gerek duymadan ana web eri\u015fim cihazlar\u0131n\u0131 mobil cihazlar olarak tercih edecekler.<\/strong> Bu da mobil cihazlar \u00fczerinden eri\u015fim oran\u0131n\u0131n zamanla daha da artaca\u011f\u0131n\u0131 g\u00f6steriyor.<\/strong> Ayr\u0131ca mobil cihazlar i\u015f hayat\u0131 i\u00e7in daha pratik ve uygundur. Bu sebeplerden dolay\u0131 da geli\u015ftiriciler ve arama motorlar\u0131 da art\u0131k \u00f6nceliklerini mobil cihazlara veriyor.<\/span><\/p>\n

    Mobil cihazlar yak\u0131n zamanda arama s\u0131ralamalar\u0131nda daha da kritik roller oynayacak. 2016 y\u0131l\u0131ndan beri Google s\u0131ralama yaparken \u00f6ncelikli olarak mobile-first indexleme yap\u0131yor. Mobile-first indexleme ile mobil cihazlar i\u00e7in uygun olan web siteleri arama sonu\u00e7lar\u0131nda \u00f6ncelik kazan\u0131yor.<\/strong> Bu indexleme i\u015flemlerinin 2018 y\u0131l\u0131nda tamamen noktalanmas\u0131 planlanm\u0131\u015f olsa da \u015fimdilik biraz daha zaman alacak gibi duruyor.<\/span><\/p>\n

    Bu y\u00fczden, Google indexleme i\u015flemini hen\u00fcz tamamlamam\u0131\u015fken arama sonu\u00e7lar\u0131 sayfalar\u0131ndaki (SERP) rekabet g\u00fcc\u00fcn\u00fcz\u00fc korumak i\u00e7in web sitenizi mobil uyumlu hale getirmeniz iyi bir fikir olacakt\u0131r. Hemen \u015fimdi ba\u015flamak i\u00e7in kullanabilece\u011finiz en iyi yol WordPress web sitenize Google AMP \u00f6zelli\u011fini eklemektir. H\u0131zland\u0131r\u0131lm\u0131\u015f Mobil Sayfalar olarak da bilinen AMP, yava\u015f y\u00fcklenen web sitelerinin mobil kullan\u0131c\u0131lar\u0131n taleplerini kar\u015f\u0131larken daha h\u0131zl\u0131 y\u00fcklenmesini sa\u011flayan s\u00fcr\u00fcmlerini olu\u015fturma i\u015flemidir. Google AMP hakk\u0131nda daha fazla bilgi almak istiyorsan\u0131z buraya<\/a> t\u0131klayarak ilgili haberimizi g\u00f6rebilirsiniz.<\/span><\/p>\n

      \n
    1. Daha uygun g\u00f6r\u00fcnt\u00fcler ve videolar ekleyin<\/strong><\/span><\/li>\n<\/ol>\n

      Web kullan\u0131c\u0131lar\u0131 videolar\u0131 olduk\u00e7a seviyor, \u00f6yle ki ziyaret\u00e7iler YouTube’da g\u00fcnde 1 milyar saatlik video izliyor. Kullan\u0131c\u0131lar bunun yan\u0131nda ayr\u0131ca ziyaret ettikleri web sitelerinin an\u0131nda y\u00fcklenmesini de isterler.<\/strong> Bu da videolar\u0131n\u0131z\u0131n h\u0131zl\u0131 bir \u015fekilde y\u00fcklenmesi gerekti\u011fi ve g\u00f6r\u00fcnt\u00fclerinizin de kaliteli oldu\u011fu kadar k\u00fc\u00e7\u00fck boyutlu olmas\u0131 gerekti\u011fi anlam\u0131na geliyor. Hareketsiz g\u00f6r\u00fcnt\u00fcler i\u00e7in hala PNG dosyalar\u0131n\u0131 kullan\u0131yorsan\u0131z, yava\u015f yava\u015f SVG’lere ge\u00e7i\u015f yapma zaman\u0131n\u0131z gelmi\u015ftir.\u00a0(SVG – Scalable Vector Graphics)<\/span><\/p>\n

      SVG’ler web grafikleri i\u00e7in tercih edilen formatt\u0131r, \u00e7\u00fcnk\u00fc SVG’ler piksel olmadan \u00f6l\u00e7eklenir ve her sayfaya kodlan\u0131rlar.<\/strong> SVG’lerin as\u0131l olay\u0131 sayfa y\u00fcklenmelerinin yava\u015flamas\u0131n\u0131 \u00f6nlemektir. SVG’leri manuel olarak kullanmak biraz teknik bilgi gerektiriyor, fakat bu i\u015flemi basitle\u015ftirmek ad\u0131na WordPress i\u00e7in var olan SVG eklentileri de mevcut.<\/span><\/p>\n

      Bu \u00fccretsiz se\u00e7eneklerden en pop\u00fcler olanlar\u0131ndan biri SVG Support<\/a>. SVG Support eklentisi ile resim kitapl\u0131\u011f\u0131n\u0131za dosyalar y\u00fckleyebilir ya da herhangi bir SVG’yi kodunuza yerle\u015ftirebilirsiniz. Ayr\u0131ca kendi SVG’lerinizi \u00fcretmek i\u00e7in Adobe Illustrator’ kullanabilirsiniz.<\/span><\/p>\n

        \n
      1. Okunmas\u0131 kolay ve b\u00fcy\u00fck yaz\u0131 tipleri kullan\u0131n<\/strong><\/span><\/li>\n<\/ol>\n

        En h\u0131zl\u0131 y\u00fcklenen, en mobil-uyumlu web sitelerin bile sayfalar\u0131nda olan \u015feyler d\u00fczg\u00fcn g\u00f6r\u00fcnt\u00fclenmiyorsa ziyaret\u00e7i kayb\u0131 ka\u00e7\u0131n\u0131lmazd\u0131r. Ziyaret\u00e7ilerin web sitenizi kendi telefonlar\u0131ndan okumaya \u00e7al\u0131\u015ft\u0131klar\u0131n\u0131 d\u00fc\u015f\u00fcn\u00fcrsek kullanaca\u011f\u0131n\u0131z b\u00fcy\u00fck yaz\u0131 tipleri sizin yarar\u0131n\u0131za olacakt\u0131r. \u00c7\u00fcnk\u00fc belki g\u00fcne\u015ften dolay\u0131, belki de g\u00f6zl\u00fcklerini yanlar\u0131na almad\u0131klar\u0131 i\u00e7in k\u00fc\u00e7\u00fck yaz\u0131lar\u0131 g\u00f6remeyebilirler.<\/span><\/p>\n

        Headerlar\u0131n\u0131z\u0131n ve \u00f6nemli bilgilerinizin b\u00fcy\u00fct\u00fcrken nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc ana metniniz ile birlikte \u00f6nceden kontrol edin. Olmas\u0131 gerekenden k\u00fc\u00e7\u00fck ise ve ekranda kolayl\u0131kla okunmuyorsa daha uygun \u015fekilde de\u011fi\u015ftirin.<\/span><\/p>\n

          \n
        1. Bir progressive web app olu\u015fturun<\/strong><\/span><\/li>\n<\/ol>\n

          M\u00fcmk\u00fcn olan en mobil uyumlu kullan\u0131c\u0131 deneyimini kendi uygulaman\u0131z\u0131 geli\u015ftirmeden yaratmak istiyorsan\u0131z bir progressive web app(PWA) olu\u015fturmay\u0131 d\u00fc\u015f\u00fcn\u00fcn. PWA’lar en basit anlat\u0131m\u0131yla uygulamaym\u0131\u015f gibi davranan web siteleri olarak tan\u0131mlanabilir.<\/strong> PWA’lar h\u0131zl\u0131 bir \u015fekilde y\u00fcklenirler, ayr\u0131ca \u00e7evrimi\u00e7i ve \u00e7evrimd\u0131\u015f\u0131 olarak \u00e7al\u0131\u015fabilir, kolayl\u0131kla kayd\u0131r\u0131labilir, push ayarlar\u0131n\u0131 destekleyebilir ve ekrana sabitlenebilirler.<\/span><\/p>\n

          Google bu konuda size yard\u0131mc\u0131 olabilmek i\u00e7in Magento PWA Studio<\/a> arac\u0131n\u0131 sunuyor. E\u011fer bunu yapabilecek teknik bilginiz yoksa, WordPress web siteniz i\u00e7in bir PWA eklentisi kurabilirsiniz.<\/span><\/p>\n

            \n
          1. Her zaman aktif olan m\u00fc\u015fteri deste\u011fi i\u00e7in bir chatbot kullan\u0131n<\/strong><\/span><\/li>\n<\/ol>\n

            Yapay zekan\u0131n belki de en pop\u00fcler \u00fcr\u00fcn\u00fc; chatbotlar. Forbes ve Business Insider gibi dev \u015firketlerin de 2018 y\u0131l\u0131nda chatbotlar\u0131 kullanmalar\u0131 bekleniyor. Ama neden?<\/span><\/p>\n

            Do\u011fru kullan\u0131ld\u0131\u011f\u0131 zaman chatbotlar; al\u0131\u015fveri\u015f yapan ya da yapacak olan m\u00fc\u015fterilerinizin sitenizde kalmas\u0131n\u0131 sa\u011flayabilir, m\u00fc\u015fterileriniz ve sizin i\u00e7in b\u00fcy\u00fck zaman tasarruflar\u0131 sa\u011flayabilir ve sizi canl\u0131 destek hizmetinden kurtarabilir. Chatbotlar, sorulara cevap bulabilmek i\u00e7in anahtar kelimeleri kullan\u0131r.<\/strong> Bu sayede \u00fcr\u00fcn, nakliye ya da s\u0131k\u00e7a sorulan sorularla ilgili hizmet sunarlar. B\u00f6ylelikle m\u00fc\u015fteri temsilcileriniz ya da siz di\u011fer sorunlar\u0131 \u00e7\u00f6zmek i\u00e7in zaman ay\u0131rabilirsiniz. Chatbotlar hen\u00fcz m\u00fc\u015fteri temsilcilerinin yerini tutam\u0131yor, bu y\u00fczden cevaplayamad\u0131klar\u0131 bir soru oldu\u011fu zaman m\u00fc\u015fteri temsilcileriniz kolayl\u0131kla ula\u015f\u0131labilir olmal\u0131d\u0131r.<\/span><\/p>\n

            WordPress i\u00e7in kullan\u0131labilir bir\u00e7ok chatbot eklentisi mevcut. Ayr\u0131ca Facebook Messenger chatbot’un kullan\u0131m\u0131na olanak veren birka\u00e7 uzant\u0131 da mevcut.<\/span><\/p>\n

            2018’de Web Site Ba\u015far\u0131s\u0131<\/strong><\/span><\/p>\n

            Web sitenizi hemen \u015fimdi g\u00fcncelleyerek arama sonu\u00e7lar\u0131nda iyi bir yer edinebilirsiniz, ziyaret\u00e7ilerinizin web sitenizde kalmas\u0131n\u0131 sa\u011flayabilirsiniz, yeni m\u00fc\u015fteriler kazanabilirsiniz ya da geri gelmelerini sa\u011flayabilirsiniz.<\/span><\/p>\n

            IHS olarak en uygun ve kaliteli hosting hizmetini sizlere sunmaktay\u0131z. Hemen bir alanad\u0131<\/a> ve hosting<\/a> sat\u0131n alarak web sitenizi olu\u015fturabilirsiniz.<\/p>\n","protected":false},"excerpt":{"rendered":"

            2018 y\u0131l\u0131 \u00e7oktan geldi \u00e7att\u0131. Fakat web siteniz 2018 y\u0131l\u0131 i\u00e7in haz\u0131r m\u0131? Gelen her yeni y\u0131l yeni web site trendlerini mutlaka…<\/p>\n","protected":false},"author":3,"featured_media":11150,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,401],"tags":[],"class_list":["post-11127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-haberler","category-web-tasarim"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/11127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=11127"}],"version-history":[{"count":5,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/11127\/revisions"}],"predecessor-version":[{"id":11149,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/11127\/revisions\/11149"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media\/11150"}],"wp:attachment":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=11127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=11127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=11127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}