B2B Satışlarınızı Artıracak 7 E-posta Pazarlama İpucu

Pazarlama söz konusu olduğunda, potansiyel müşteri kazanımı, marka bilinirliği veya satış dönüşümlerini yürütmek için kullanabileceğiniz birçok farklı stratejiler bulunmaktadır . Umarım, hedefleriniz nedir, kimleri hedefliyorsunuz, sizin için ideal müşteri, takipçi, iş ortağı kimlerdir bunları biliyorsunuzdur. En başından beri belkide bilmediğiniz şey, kampanyalarınızda en iyi sonucu alabilmek için hangi iletişim kanalını seçmeniz gerektiği. B2B satışlarınızı artırmak için 7 e-posta pazarlama ipucu nu kontrol edin.

Sözüne sadık stratejisi, küçük bir yerel işletme için geçerli olabilir, ancak kapsamlı bir pazarlama stratejisi söz konusu olduğunda, sizin hakkınızda hiçbir bilgisi olmayan kişilere ulaşmak zorundasınız.

Her pazarlamacının bilmesi gereken: potansiyel müşteriler çoğunlukla sosyal medyada yoklar veya blog bile okumuyorlar; yalnız hemen hemen hepsi e-postalarını düzenli olarak kullanıyor. Üstelik B2B söz konusu olduğunda, e-posta hala en etkili ve hızlı iletişim kanalıdır. Bu nedenle, E-posta Pazarlama hala karlı ve etkili olabilir – ne yaptığınızı ve stratejinizi kitlenize nasıl uyarlanacağını bilmeniz gerekmez mi?

B2B Pazarlama Nedir?

B2B pazarlaması şirketler arası pazarlama olarak bilinir, bir şirketin ürünlerini, diğer bir şirketin ihtiyaçlarını karşılamak için satmasıdır. Bu kavramı daha iyi anlamak için, bir tekstil firmanız olduğunu varsayalım. Müşterilerinize ulaşmak için, onlar ile iletişime geçmeniz ve aynı zamanda profesyonel ve değer katacak şekilde işinizi pazarlamanız gerekecektir.

b2b pazarlama
B2B Pazarlama

Peki müşterileriniz kim?  Ham maddeleri doğrudan dükkanınızda veya diğer mağazalara da satabilirsiniz. Bu ham maddeleri satın alarak kendi kıyafetlerini dikmek isteyenler olabilir. Bununla birlikte, işinizi üretmekte olduğunuz malların türüne bağlı olan diğer işletmelere pazarlarsanız daha fazla satarsınız. Örneğin, ürünlerinizi  ham malzemeden bitmiş ürünler üreten firmalara pazarlayabilirsiniz.

Buna B2B pazarlama kampanyası denir.

Her işletme Neden Geçerli Bir B2B E-posta Pazarlama Stratejisi Oluşturmalıdır?

Eminim çoğunuz yukarıdaki soruyu düşünmektedir. Neden bir B2B e-posta pazarlama stratejisi oluşturayım? Yararları nelerdir, böyle bir strateji şirketime – yada çalıştığım şirkete nasıl yardımcı olabilir? Vital Design tarafından paylaşılan bazı sayılara göz atalım.

1# Raporlarına göre, yararlı içeriği e-posta ile paylaşmaya istekli en az %72 B2B alıcı vardır. Bu, e-postalarınızın statik olmadığını ve sadece sonlarının spam klasöründe bitmediği anlamına gelir. Hedeflediğiniz kitleden birisi onları alırsa; bunu başka insanlar ile paylaşma şansı yüksektir. Diğer bir deyişle,aynı sosyal medyadaki paylaşımlar gibi e-postalarınız da forward edilerek bir başkasına iletilecektir.

2# Bir e-posta pazarlama kampanyasında harcanan her bir lira için, 44 liralık bir yatırım getirisi elde edersiniz. Bu, diğer geleneksel pazarlama platformlarının bu sayıları sağlayamayacağı düşünülürse oldukça büyük bir sayı. Örneğin, influencer marketing yoluyla harcanan her lira için 6.5 lira fazlasını ödemektedir; bu oran başarılı bir e-posta pazarlama kampanyasıyla elde edebileceğimizden yaklaşık 7 kat daha düşük bir oran. Tabi ki diğer pazarlama ve markalaştırma türlerini unutmanız gerekmez. Bu e-posta pazarlamanın ihmal edilmemesi gerektiği anlamına gelir. Bu yazımızda göreceğiniz gibi: hem uygulaması kolay hemde etkilidir.

Başarılı Bir B2B E-posta Pazarlama Stratejisi İçin İpuçları

E-posta pazarlamasının B2B satışları ve B2B potansiyel müşteri kazanımı konusunda etkili olduğunu bildiğimize göre, biraz daha derine dalalım ve böyle bir yolculuğa çıkmadan önce bilmeniz gereken bazı önemli şeylerden bahsedelim:

1# Müşterilerinizi Düşünün ve Farklılıkları Anlayın

B2B pazarlaması, direk pazarlamaya benzemekle birlikte aynı şey değildir. Müşteriler farklı davranışlar ve farklı tercihler sergiler. B2B pazarlamasında daha rasyonel kitleye hitap ediyorsunuz. Sıradan müşteriler bazen ne aldıkları hakkında daha az bilgi sahibidir. Kaprislere ve yakınmalara karşı duyarlı olurlar ve bunlardan etkilenirler.

Öte yandan, Şirket müşterileri, ihtiyaç duydukları şeyi baştan bilirler. Alış kararlarını kaprislere veya yakınmalara dayandırmazlar. Bunun yerine ihtiyaçlarına ve kalite/fiyat oranına dayalı rasyonel kararlar verirler. Sonuç olarak, B2B müşterilerinize hitap ederken onların olağan müşterilere nazaran biraz daha farklı oldukları ve farklı davrandıklarını hesaba katmanız gerekir.

B2B pazarlamasıyla ne tür müşterilere hitap edilmelidir?

  1. İlk olarak, diğer ürünleri üretmek için ürünlerinizi kullanan şirketler var. Örneğin, T-shirt ve diğer ürünleri üretmek için tekstil malzemeleri kullanan bir şirket.
  2. İkinci olarak, ofis otomasyonu veya ikincil görevler için mallarınızı kullanan şirketler var. Örneğin, sizden bilgisayar, kağıt, kalem vb alan bir şirket.
  3. Üçüncüsü, ürünleriniz eğer ihtiyaçlarına yönelikse hedef olabilecek devlet kurumları, kurumlar (hastaneler, okullar) vardır. Örneğin, bilgisayar ile başlayıp sabun ve tuvalet kağıdına kadar bu tür kurumlara satış yapabilirsiniz.
  4. Son olarak, yalnızca başka müşterilere dağıtmak için ürünlerinizi satan bayi şirketlerde bulunur. Burada sadece yerel mağazaları değil aynı zamanda aracıları ve toptancıları da bu listeye eklemek gerekir.

Artık B2B satışlarının ne olduğunu ve tekliflerimizin kime hitap ettiğini bildiğinize göre, ilk e-posta bültenini oluşturmanın vakti geldi. Dikkat çekilmesi gereken önemli konular şunlardır.

2# E-posta Başlık Bölümü (Üst Kısım) Dikkat Edin.

Bu, e-posta kampanyanızın en önemli görsel öğesidir. B2B satışlar istiyorsanız, kitlenize uygun içeriğe ihtiyacınız var, ancak önce dikkatlerini çekmeniz gerekiyor. Başlığınızın yapması gereken şey tamda budur.

Bir ofis çalışanı günde ortalama 121 e-posta aldığını göz önüne alırsak, dikkat çekmek için sadece birkaç saniyeniz vardır. Bu başlık bölümünden itibaren net bir mesaj vermeniz gerektiğini, yani kitlenizin e-postanızı açtıklarında ilk olarak fark edeceği bir şey olması gerekir.

e-mail başlığı
E-Posta Header Afiş Bölümü

Başlık afişinin neye benzeyeceğini konusunda net bir vizyona ihtiyacınız var; kitlenizin sizi tanıyabilmesi için logonuzun görünür olması ve bu banner’ı tasarlamak için bir aracın olması gerekecektir. Profesyonel bir e-posta afişleri oluşturmak için mükemmel bir seçim olan Bannersnack gibi çevrimiçi bir araç öneririz.

3# İçerik pazarlaması, Başlık ve Konu Satırı ile Başlar

E-postanın konu satırını, tek satırlık bir metin gibi düşünün. Gönderdiğiniz e-posta müşterilerinizin gelen kutusuna gittiği zaman, insanların fark edecekleri ilk şey bu konu satırıdır ve gelen e-posta ne hakkında onu merak ederler. Bu nedenle haber vermek istediğiniz her neyse bu satır içinden başlayarak kullanın.

Öte yandan, konu başlığı e-postayı tıklamaya ve açmaya ikna etmelidir. Ayrıca emoji ekleme gibi bazı CTR hilelerini unutmayın. Aşağıdaki 5 e-posta dan sizce hangisi ön plana çıkmaktadır? 😉

e-posta pazarlama konu satırı
E-Posta Konu Satırı

Amacınızın B2B satışları yaratmak olduğunu düşünürsek, şirketlerdeki tüm karar verme yetkisine sahip olanların aynı role sahip olmadığını bilmeniz gerekir. İlk bakışta, kampanyanız için şirketlerin CEO’larını hedefleyerek iletişime geçmek isteyeceğinizi biliyorum, ancak bu her zaman en iyi seçim değildir. Neden?

Ofis otomasyonu ürünleri satmak istediğinizi varsayalım. Bu ürünlere ihtiyaç duyan kurumlar var, ancak büyük şirketler, yerel mağazalar, bireysel girişimciler vb. de var. Bu tür malları kendi şirketlerine tedarik etmekle yükümlü olan çeşitli insanlar var.

Hepsinin farklı eğitim geçmişleri, farklı toplumsal statüleri var. CEO’lara, iş sahiplerine ve belkide onların çalışanlarına hitap edeceksiniz. Bu nedenle herkes tarafından kolaylıkla anlaşılacak bir mesaj oluşturmanız gerektiğinin nedeni budur.

5# İçeriğinizi Yaratın

Bir header (üstbilgi) şablonunuz, bir konu ve bültenimiz için birde başlık var. Artık izleyicilerinize değerli bir şey vermenin zamanı geldi.  B2B satışları sağlayacak içeriği oluşturmanın tam zamanı.

Bu noktada dikkat edilmesi gerekenler:

  1. Ürünlerin sadece tanıtımını yapıyorsanız bile içerikler önemlidir. Bu durumda, en değerli içeriğimiz e-posta bültenimize yazacağınız ürün açıklamaları olacaktır.
  2. Her zaman evergreen tabir edilen ölümsüz ve taze içerikler tercih edin. E-postanıza basit ürün açıklamalarından daha fazla bilgi eklemek isterseniz, kitleniz için her zaman değerli bir şey oluşturmayı hedefleyin. En iyi metin parçaları, sorulara cevap veren ipuçları & rehber yazıları veya izleyicimize kendi işletmelerinde veya hayatlarında uygulayabileceği tavsiyeler verebilen yazılardır. Mevcut bir müşteriyi elde tutmak yeni bir müşteri kazanmaktan 5 kat daha masraflı olduğu düşünülürse, olabildiğince ilgi çekici olmayı hedeflemek önemlidir.
  3. İçeriğin benzersiz olduğundan emin olun. İnsanlar farklı müzik türlerini dinler; çünkü müzik onları belirli bir şekilde hissettir. Aynı nedenle belirli bir marka ayakkabı satın alıyorlar. Bazı duyguları tetikleyen veya satın alma nedeni oluşturan akılcı bir düşünce ile seçimlerini yaparlar. İçerik konusunda da durum aynıdır. Kitlenize yalnızca caba sarf ettiğinizi göstermenin yanı sıra verebileceğiniz değerli bir şeyiniz olması gerekir.
  4. Sayıdan çok kaliteyi seçin. Mesaj vermeniz için bir romana ihtiyacınız yok. Verdiğiniz şeyin kaliteli ve nitelikli olması gerektiğini sürekli kendinize hatırlattığınız sürece yazının uzunluğu için endişe etmeye gerek yoktur. Kısa e-posta yazıları oluşturabilir ve mesajınız etkili ise iyi bir geri-bildirim elde edebilirsiniz. Bu durumda: mümkün olduğunca az sözcükle ifade etmek istediklerinizi dile getirdiğiniz, metinlerin ve resimlerin profesyonel olarak işlendiği, satış yapmak için ikna edebilecek seviyede bir tarz oluşturduğunuz anlamına gelir.
  5. İçeriğinizin okunmasını kolaylaştırın. Uzun yazıları veya büyük metin bloklarını okumayı seven az kişi var. Bu nedenle mesajınızın okunabilir ve anlaşılabilir olduğundan emin olun. Başlıklar ve alt başlıklar, madde işaretleri, en önemli bilgileri vurgulayın. Kısa cümleler ve paragraflar kullanın ve yeterli derecede aralıklar bıraktığınızı kontrol edin.

6# Teslimat Servisinizi Seçin

Ortada birçok ESP (E-posta Servis Sağlayıcıları) var ve birçoğu profesyonel hizmetler sunuyor, Araştırma yapmanız ve değerlendirmeniz gerekmektedir. Tavsiyemiz, bu liste gibi en iyi ESP lere göz atarak değerlendirmeleri incelemeniz. Ayrıca E-posta pazarlama araçları önerileri makalemizi okuyabilirsiniz.

7# Alan Adı Doğrulama

E-postaların spam klasöründe son bulması, e-postaların açılma sayısını büyük ölçüde azaltır, Sonuç olarak web sitenize geliş oranlarıda düşer. Teslimat oranı ve maillerin açılış oranını artırabilmenin bir yolu “Alan Adı Doğrulama” işlemin yapılmasıdır.

E-posta kimlik doğrulaması yapılırken, alan adı kimlik doğrulaması yapılır eğer bu kayıtlar eksik ise E-posta direk olarak spam klasörüne gönderilir.

Özet

İster bireysel müşterilere veya şirket müşterilerine hitap edin, e-posta pazarlaması etkili bir pazarlama stratejisi olarak yıllar içinde kanıtlanmıştır. B2B satışları yapmak için e-posta pazarlamaya güvenebilirsiniz. Bu makale, kampanyanızı başlatmadan önce uygulanacak en önemli adımların listesini oluşturmak ve kontrol etmeniz içindir.

E-posta ve B2B pazarlası hakkında ne düşünüyorsunuz? Böyle bir strateji daha önce denediniz mi ve ne kadar başarılı oldunuz? Bize bildirin!

WordPress site hızlandırma

WordPress site hızlandırma için neler yapılması gerekir? Öncelikle, Kritik Oluşturma Yolu (Critical Rendering Path) kavramına göz atalım. Tarayıcı bir sayfayı ekranda ilk kez render ederken, yani HTML,CSS ve JavaScript kodlarını işleyerek gerçek piksellere dönüştürdüğü ve ekran görüntüsünü oluşturduğu görevlerin sıralamasına denir.

Kritik Oluşturma Yolu Optimizasyonu, mevcut kullanıcının yaptığı eyleme bağlı olarak gösterilecek içeriğin sınıflandırılması ve önceliklendirilmesi gerekir. Tarayıcı tarafından gerçekleştirilen bu adımlar için harcanan zamanın en aza indirilmesi işlemine optimizasyon diyoruz.

Optimizasyon işleminin çoğu tarayıcı penceresini aşağı doğru kaydırmadan görüntülenen sayfa ile ilgilidir. Bu bölüme “kullanıcıya sayfanın görünen ilk bölümü” (Above the Fold) denir. Buna kısaca ATF diyelim.

ATF nin en kısa zamanda oluşturulabilmesi için network ağı üzerindeki gezinme sayısı minimuma indirilmeli ve harcanan sistem kaynakları optimize edilerek azaltılmalıdır.

Bu yazıda, Kritik Oluşturma Yolu Optimizasyonunu inceleyeceğiz.

  • Birincisi, tarayıcının bir sayfanın içeriğini oluşturmak için gerçekleştirdiği görevlere genel bir bakış sunacağız.
  • Devamında, Kritik İşleme Yolunu optimize etmek için gereken adımları inceleyeceğiz.
  • Son olarak, bazı faydalı (ve popüler) WordPress optimizasyon eklentileri listelenecek.

Kritik Oluşturma Yolu Adımları

Tarayıcının bir sayfayı oluşturması için gerçekleştirdiği adımların sırası şöyledir:

  • İlk olarak, tarayıcı HTML işaretlemesini ayrıştırır ve DOM’u oluşturur.
  • Sonra CSS işaretlemeyi indirir ve işlemeye başlar ve CSS Nesne Modelini yapılandırır.
  • Tarayıcının sayfayı oluşturabilmesi için DOM ve CSSOM ağaçlarını birleştirir.
  • Sayfadaki her nesnenin boyutlarını ve konumunu hesaplar
  • En sonunda ekrandaki pikselleri yaratır ve ekranı kaplar.

DOM

Google’ın Kritik Oluşturma Yolu Rehberinde açıklandığı gibi tarayıcı Nesne Modelini Oluşturmak için 4 adım uygulamaktadır.

  • İlk olarak tarayıcı HTML’nin işlenmemiş baytlarını okur ve bağımsız karakterlere çevirir.
  • Ardından, Tarayıcı karakter dizilerini belirteçlere dönüştürür.
  • Bu belirteçler, kendi özelliklerini ve kurallarını tanımlayan nesnelere dönüştürülür
  • Son olarak, HTML biçimlendirmesi farklı etiketler arasındaki ilişkileri tanımladığından oluşturulan nesneler bir ağaç veri yapısına bağlanır.Bu yapıya Döküman Nesne Modeli (DOM) denir.

Burada dikkat edilmesi gereken nokta tarayıcının DOM’u kademeli olarak oluşturmasıdır. Bu, verimli DOM yapıları oluşturarak sayfanın oluşturulmasını hızlandırma olanağı sağlar.

dom yapısı
DOM Yapısı

CSSOM

Ayrıştırıcı, harici bir CSS stil dosyanı işaret eden bir bağlantı etiketiyle karşılaştığında, ayrıştırmayı durdurur ve bu kaynak için bir istek gönderir. CSS dosyası alındıktan sonra tarayıcı CSS’in ağaç veri yapısını oluşturmaya başlar.

  • İlk olarak tarayıcı .css dosyasının işlenmemiş baytlarını okur ve bağımsız karakterlere çevirir.
  • Ardından, Tarayıcı karakter dizilerini belirteçlere dönüştürür.
  • Bu belirteçler, kendi özelliklerini tanımlayan nesnelere dönüştürülür
  • Son olarak, bu nesneler her nesnenin CSS özelliklerini ve nesneler arası ilişkileri tanımlayan bir ağaç veri yapısına bağlanır. Bu yapıya CSS Nesne Modeli (CSSOM) denir.

DOM inşasının aksine CSSOM inşası katlanarak ilerleyen bir durum değildir. stil sayfasının sadece bir bölümünü kullanarak ilerleyemez, tüm CSS’i alarak bunları ayrıştırana kadar işlemi bekletir. Bu Oluşturmayı Engelleyen CSS olarak bilinir.

cssom yapisi
CSSOM Yapısı

Oluşturma Ağacı

Tarayıcı, DOM ve CSSOM’ı işleme ağaçında birleştirir, böylece sayfayı ekrana dönüştürmek için kullanılan tüm nesneler ve özellikleri içeren ana ağaç yapısı oluşturulmuş olur.

İşleme Ağacı yalnızca bir sayfayı oluşturmak için gereken nesneleri içerir. Sonuç olarak, görünmez nesneler es geçilir.

Tarayıcı, nesnelerin boyutları ve konumu, ekran görüntüsünü oluşturabilmek için hesaplarken “Oluşturma Ağacı”nı kullanır.

Yer Paylaşımı ve Boyama

Düzen aşamasında tarayıcı, Oluşturma Ağacının her nesnesinin boyutlarını ve konumunu hesaplar. Bu aşamada, tarayıcı Oluşturma Ağacı’nın kökünden başlayarak bir kutu modeli üretir. Bu bilgi nesnelerin ekranda gerçek piksellere dönüştürülmesinde (boyama işlemi) için kullanılır.

Google’ın Oluşturma Ağacı Yapımı, Yer Paylaşımı ve Boyama ile ilgili makalesine buradan ulaşabilirsiniz.

Kritik Oluşturma Yolu Optimizasyonu

Tüm bu süreç için gereken süre belge boyutu, istek sayısı, uygulanan stiller, kullanıcı cihazı vb. gibi birçok faktöre göre değişir.

En ideali Google’ın önerisi olan kullanıcıya sayfanın görünen ilk bölümü ATF‘yi mümkün olduğunca hızlı bir şekilde render edilmesinin sağlanmasıdır. Takip edilmesi gereken iki ana kural sunar:

  • ATF’nin önce yüklenmesi için HTML’i yapılandırın.
  • HTML, CSS ve JS kaynakları tarafından kullanılan veri miktarını azaltın.

Google’ın PageSpeed rehberinde açıklandığı gibi, ATF’yi oluşturmak için gereken veri miktarı, baştaki tıkanıklık aralığından (14.6 kb) fazla olursa, sunucunuzla kullanıcının tarayıcısısı arasında ek gidiş gelişler gerekecektir. Bu durum mobil ağlar gibi yüksek gecikmeye sahip ağlardaki kullanıcılarda sayfa yüklerken önemli gecikmelere neden olabilir.

Tarayıcı DOM’u katlamalı olarak inşa etmektedir. Bu, bize HTML’yi sayfanın üst kısmını ilk önce yüklemek ve sayfanın geri kalan kısmını ertelemek için yapılandırarak ATF’nin oluşturulması için gereken süreyi kısaltma olanağı sunmaktadır.

sayfanın görünen ilk kısmı ATF
Sayfanın Görünen İlk Bölümü (ATF) kullanıcı cihazına bağlı olarak değişir

Fakat optimizasyon, etkili bir DOM yapısı oluşturulması ile bitmez. Aksine, bu, Kritik Oluşturma Yolunun tamamını içeren geliştirme ve  iyileştirmeleri ölçe sürecidir.

Neler yapabiliriz ona bakalım!

Kaynak Boyutlarının Minimize Edilmesi

HTML, CSS ve JavaScript kaynaklarını küçültme, sıkıştırma ve ön belleğe alma işlemleri ile tarayıcının indireceği veri miktarını azaltabiliriz:

  • Küçültme, kaynak kodundan yorumlar veya boşluk gibi gereksiz karakterleri kaldırma işlemidir. Bu karakterler kod geliştirirken son derece yararlıdır, ancak tarayıcı için sayfayı oluşturmakta gerekli olmazlar.
  • Sıkıştırma, hız ve bant genişliği kullanımını artırmak için Web sunucularının ve istemcilerin ilettiği dosyaların boyutunu azaltma işlemidir
  • Önbellekleme: her tarayıcı bir HTTP önbellek uygulaması ile birlikte gelir. Yapmanız gereken, sunucudan tarayıcıya her yanıt geldiğinde istenilen kaynakların ne zaman ve ne kadar süreyle ön-belleğe alınması gerektiğinin bildirilmesini sağlamaktadır.

Artık, tarayıcının sayfayı oluşturmadan önce CSS kodunu alıp işleyene kadar beklemesi gerektiğini biliyoruz (CSS render engelleme). Ancak tüm CSS kaynakları renderı engellemez.

CSS belirli koşullar ile sınırlandırılabilir, medya tipleri ve medya sorguları kullanarak optimize edebiliriz. Mesela medya tipi: baskı için tarayıcı bir istek gönderebilir ancak bu talep sonuçlanana kadar beklemeden web sayfasını ekranda görüntüleyebilir.
Aşağıdaki bağlantı link etiketine bakarsak

<link rel= "stylesheet" href= "print.css" media= "print"/>

Tarayıcı print.css stil sayfasını indiriyor ama bu sırada render işlemini engellemiyor. Dahası CSS’yi bir den çok dosyaya bölebilir ve koşullu olarak yükleyebiliriz böylece hızlandırma sağlanabilir.

<link rel= "stylesheet" href= "style.css" media= "screen"/>
<link rel= "stylesheet" href= "portrait.css" media= "orientation:portrait"/>
<link rel= "stylesheet" href= "widescreen.css" media= "(min-width: 42rem)"/>

Medya türleri ve sorguları sayfa oluşturma sürecini hızlandırmamıza yardımcı olabilir, ancak daha fazlasını yapabiliriz.

  • CSS Küçülteme: Stil sayfasından yorum ve boşlukları kaldırarak bir CSS dosyasının bayt sayısını önemli ölçüde azaltabiliriz.
  • Birden fazla CSS dosyasını birleştirme: Bu, HTTP isteklerinin sayısını azaltacaktır. Bu eylem, performansın yüksek gecikme süresinden etkilenen mobil bağlantılarda özellikle önemlidir.
  • Inline (satır içi) CSS: Bazı stiller, sayfanın üst kısmında (ATF) görüntülenmesi gerektiği için kritiktir. Bu stiller ek HTTP isteklerini engellemek için direk HTML markup içerisine doğrudan eklenebilir. Ancak, büyük CSS dosyalardan kaçının bu ATF yi oluşturmak için ek turlar atılmasını sağlayabilir bunun sonucunda  “Sayfa Hızı” uyarısı alırsınız.

Sayfa düzeninin ve Boya işleminin düzenlenmesi

Tarayıcı tarafından sayfanın şablonunu oluşturmak için harcanan süre, düzenlenecek DOM öğelerinin sayısına ve bu şablonun karmaşıklığına bağladır.

  • Çok sayıda DOM öğeniz varsa, bunların konumunu ve boyutlarının tarayıcı tarafından hesaplanması uzun zaman alabilir: mümkün olduğunca şablon yapısından kaçınmak gerekir.
  • Yeni Flexbox modeli tercih edilmelidir.
  • javaScript ile senkronize  şekilde çalışmaya zorlanmamalıdır.

Öğenin boyutunu ve konumunu hesaplamak zaman alır ve performansı düşürür. DOM’u olabildiğince basit hale getirmek, sayfa düzenini tahmin etmek için JavaScript’in kullanılmasını önlemek, tarayıcının sayfa oluşturma işlemini hızlandırmasına yardımcı olur.

“Kritik Oluşturma Yolu” sırasında en çok zaman harcayan aşama olan muhtemelen boyama işlemidir ve bu işlem sayfa düzenine bağlıdır; çünkü bir öğenin düzenini veya herhangi bir geometrik olmayan bir özelliği değiştirdiğinizde tarayıcı bir boyama işlemini tetiklemektedir. Bu aşamada her şeyi en basit hale getirmek, tarayıcının boyama sürecini hızlandırmasına yardımcı olabilir, Örneğin, bir çeşit hesaplama gerektiren bir “box-shadow” CSS özelliğini ele alalım. Bu box-shadow özelliği kutu-gölge yaratır ve diyelim ki düz bir kenarlık rengi yaratılmasından daha uzun süre boyama işlemi gerçekleşecektir.

paint işlemi
Chrome DevTools, sayfanın boyanmakta olan bölümlerini tanımlamanıza izin verir

Boyama işlemini optimize etmek o kadar kolay olmayabilir, tarayıcının her bir boyama işlemini tetiklemesi için geçen süreleri ölçmekte kullanılan tarayıcınızın geliştirici araçlarını deneyin. Bu konu ile ilgili daha fazla bilgi: Google’ın Render Performansı rehberinde anlatılmaktadır.

Tarayıcı bir script etiketi ile karşılaştığında,HTML kodunu ayrıştırma işlemini durdurmak zorundadır. satır içi JavaScript komut dosyaları dokümanın neresinde ise tam o noktada çalışmaya başlar ve JS motoru çalışması tamamlanıncaya kadar DOM inşasını durdurur. Başka bir deyişle, satır içi JavaScript komutları  sayfanın render edilmesini önemli ölçüde geciktirebilir. Ancak JavaScript, CSS özelliklerini yönete bilmektedir böylece CSSOM’u indirip inşası tamamlanana kadar tarayıcı bu komut dosyaların yürütülmesini duraklatabilir. Bunun anlamı JavaSript ayrıştırı engelleme özelliği bulunduğudur.

Harici JS dosyalarının olması durumunda, ayrıştırıcı, kaynakların önbellekten veya uzak sunucudan alınana kadar bekler, buda sayfanın ilk oluşturulması için gereken süreyi önemli ölçüde yavaşlatır.

Peki tarayıcı, JavaScript’i yüklemek ve çalıştırmak için harcadığı süreyi en aza indirmek için ne yapabiliriz?

  • JavaScript’in asenkron olarak yüklenmesi: script etiketinin boolean async özelliği, tarayıcıya komut dosyasını mümkün olduğunca DOM yapılandırmasını engellemeden asenkron olarak yürütmesini bildirir. Tarayıcı, komut dosyası için HTTP isteğini gönderir ve DOM’u ayrıştırmaya devam eder. Ayrıca, komut dosyası CSSOM yapısını engeller böylece “kritik oluşturma yolu” engellenmez (Script etiketi nitelikleri hakkında daha fazla bilgi için MDN dökümanlarına bakın.
  • JavaScript’i ertele: script etiketinin defer özelliği tarayıcıya doküman ayrıştırıldıktan sonra fakat DOMContentLoaded olayı tetiklenmeden önce script komut dosyasını yürütmesini söyler. Eğer src özelliği yoksa bu özellik kullanılmalıdır. ( Mozilla Hacks‘de daha fazla bilgi bulabilirsiniz)
  • Satır içi JavaScript’i erteleyin: Birçok komut dizisi DOM’u veya CSSOM’u yönetmez, bu nedenle ayrıştırmayı durdurmak için bir nedende yoktur. Ne yazık ki, satır içi komut dosyaları için asyncveya defer özelliklerini kullanamıyoruz; bu nedenle belge yüklendikten sonra yüklenmelerini sağlamanın tek yolu bunları dokümanın el altına taşımaktır. Bunun avantajı satır içi komut dosyaları ek olarak HTTP isteklerinde bulunmaz, bununla birlikte birçok sayfada bu şekilde kullanılması gereksiz kod oluşturulmasına neden olacaktır.

Optimizasyon Kuralları Özeti:

Birçok şey yazdık ettik, Şimdiye kadar açıklanan optimizasyon işlemlerinin bir özetini çıkarırsak:

  • HTML, CSS ve JavaScript kaynaklarını küçült, sıkıştır ve önbelleğe al.
  • İşleme engelleme kaynaklarının kullanımını en aza indirin (özellikle CSS)
    • link etiketindeki medya sorgularını kullanın
    • Stil sayfalarını ve satır içi kritik CSS’i bölümlere ayırın
    • Birden fazla CSS dosyasını birleştirin
  • Ayrıştırıcı engelleme kaynaklarının kullanımını en aza indirin (JavaScript)
    • Script komut etiketleri üzerinde defer özelliğini kullanın
    • Script komut etiketleri üzerinde async özelliğini kullanın
    • Satır içi JavaScript ve script komut dosyası etiketlerini dokümanın el altına taşıyın

Kritik Oluşturma Yolu Optimizasyon’un temel kavramları bildiğimize göre, WordPress popüler optimizasyon eklentilerine artık göz atabiliriz.

WordPress Kritik Oluşturma Yolu Optimizasyonu

WordPress kullanıcıları, optimizasyon işleminin tüm yönlerini kapsayan bir dizi eklentiden yararlanabilir. Tam özellikli bir eklenti kurabilir veya her biri belirli bir optimizasyon özelliği sağlayan birçok eklenti kurabilirsiniz.

W3 Total Cache

Bu tek eklenti “Kritik Oluşturma Yolu Optimizasyonu” sürecinin hemen hemen her aşamasını kapsar. İlk bakışta eklenti ayarları karmaşık gelebilir, ancak aşina olmaya başladığınızda güçlü bir performans aracından faydalanabilirsiniz.

w3 total cache wordpress eklentisi
W3 Total Cache WordPress Eklentisi

Eklentinin bazı özelliklerinin listesi:

  • HTML (yayınlar ve sayfalar), CSS ve JavaScript’in bellekte, diskte veya CDN üzerinde önbelleğe alınması
  • Arama sonuçlarının,veritabanı nesnelerinin, geri bildirimlerin, WordPress nesnelerinin önbelleğe alınması
  • HTML (yayınlar ve sayfalar) küçültme işlemi
  • JavaScript ve CSS küçültme işlemi
  • async and defer etiketleri ile JavaScript optimizasyonu
  • Önbellek denetimi eve etiketler kullanarak tarayıcı önbelleği oluşturma
  • HTTP (gzip) sıkıştırma işlemi
  • WordPress panelinde Google PageSpeed test sonuçları

Bunlar, W3TC’nin birçok özelliğinden sadece birkaçı. WordPress.org’un eklentiler sayfasında daha fazla bilgi bulabilirsiniz.

w3 total cache javascript minify küçültme işlemi
W3 Total Cache JavaScript Minify Küçültme İşlemi

WP Super Cache

WP Super Cache, site performansı için başka bir popüler eklentidir.

wp super cache wordpress eklentisi
WP Super Cache WordPress Eklentisi

Çok sayıda optimizasyon özellikleri ile birlikte gelmektedir. Daha önce bahsettiğimiz W3 Total Cache’e nazaran daha az kapsamlıdır, acemi ve orta seviye kullanıcılara daha uygun olabilir.

wp super cache test yapisi
WP Super Cache Tester Özelliği

Temel olarak, önbellekleme özellikleri ve HTTP sıkıştırma sunmaktadır.  Async ve defer etiket özellikleri ile kaynak küçültme ve JavaScript optimizasyonundan yoksundur.Bununla birlikte, bir milyondan fazla aktif kurulum ile denemeye değer bir eklenti olduğunu ispat etmiştir.

wp super cache gzip sıkıştırma opsiyonu
WP Super Cache GZIP Özelliği

Autoptimize

400.000’den fazla aktif yüklemeyle Autoptimize, küçültme için en popüler ücretsiz eklentilerden biridir.

autoptimize wordpress eklentisi
Autoptimize WordPress Eklentisi

HTML, CSS ve JavaScript’in farklı bölümlerde optimizasyonunun yapıldığı bir yapıda gelir.

autoptimize html optimizasyonu bölümü
Autoptimize Html Seçenekleri

Bağımsız Script komut etiketleri veya stil sayfalarını bir araya getirebilir ve belirli kaynaklar için istisnaları belirleyebilirsiniz. Dahası, Autoptimize, küçültülmüş kaynakları diskte veya CDN üzerinde önbelleğe almaya ve optimize edilmiş varlıkları statik dosyalar olarak kaydetmeye olanak tanır.

Above the Fold Optimization

Bu eklenti sayfanın ilk görüntülenen kısmı ATF için kapsamlı bir araç setidir. Bu, Google PageSpeed testinde 100/100 puan almayı hedefleyen profesyoneller ve ileri düzey kullanıcılar için bir araçtır.

sayfanin görünen ilk kısmı ATF wordpress eklentisi
Sayfanın görüntülen ilk bölümü ATF WordPress Eklentisi

En ilginç özelliklerden bazıları:

Kritik CSS Araçları:

  • Koşullu CSS yükleme
  • Metin editörü ile kritik CSS yönetimi
  • Gulp.js kritik CSS yaratıcısı
  • Kritik CSS kalite testi

CSS yükleme optimizasyonu:

  • Asinkron CSS yükleme
  • HTML’den CSS’i çıkarma işlemi
  • Harici stil sayfası önbelleği

JS load optimization:

  • Asinkron JS yükleme
  • localStorageönbelliği
  • Koşullu JavaScript yüklemesi
  • Harici stil sayfası önbelleği

Ayrıca, bu eklenti Google’ın Aşamalı Web Uygulaması ve Google Web Yazı Tipi optimizasyonu için destek sağlamaktadır. Denemek isteyebileceğiniz başka optimizasyon eklentiler şunlardır:

Swift Performance

Swift Performance, denemek isteyeceğiniz başka bir eklenti. Bu performans puanlarınızı arttırmanıza yardımcı olan ve 100/100 Google PageSpeed Insights puanları elde etmenize yardımcı olmak için özel olarak geliştirilmiş ücretli bir eklentidir.

swift performance wordpress eklentisi
Swift Performance WordPress Eklentisi

Ana özelliklerinden bazıları şunlardır:

  • CSS ve javascript dosyalarını yalnızca küçültmek ve birleştirmekle kalmaz, aynı zamanda sayfalarınız için anında kritik CSS oluşturabilir.
  • Akıllı önbelleğe alma, aynı zamanda AJAX ve dinamik istek desteği.
  • Dahili kayıpsız resim sıkıştırma.
  • CDN desteği.

Özet

Kritik Oluşturma Yolu Optimizasyonu, kodun ekranda piksele dönüştürülmesi ve böylece ekranda bir sayfanın oluşturulması için tarayıcının yaptığı her bir görevin geliştirilmesi ve performansın ölçülmesi işlemidir. Bunla ilgili en güzel kaynak Google’ın optimizasyon rehberi

Web sitelerini optimize etmek ne kadar sürüyor? Ve size göre optimizasyon sürecinin hangi yönleri en zorlu adımlar? Aşağıda yorumlarınızı bekliyoruz.

En İyi 11 WordPress İletişim Formu Eklentileri

WordPress sitenizi nihayet bitirdiniz. Her şey yerinde: logo, hakkımızda sayfası, belkide küçük bir e-ticaret mağazası açtınız, menü ve özelleştirilmiş blog koydunuz. Artık siteyi yayınlamanın zamanı geldi, değil mi? Bir web sitesinin en temel bölümlerinden birini unuttunuz mu kontrol edin. İletişim formu.

Müşterileriniz çok fazla zaman harcamadan size bir e-posta gönderebilir. Aynı zamanda hem spami önler, hemde müşterileriniz ile iletişim biçiminizi genişletme olanağı size tanır.

WordPress iletişim formu eklentileri birçok şekilde vardır, sizin için hangisinin doğru olduğunu görmek için karşılaştırmalara göz atın. Sonuçta bazı web siteleri pahalı ve güçlü bir WordPress iletişim formuna ihtiyaç duyarken, bazıları için sadece temel bir form yeterli olabiliyor.

Biz son 2 sene içerisinde farklı ihtiyaçlar için farklı formlar denedik ve iyi bir iletişim formu ile iyi bir e-posta pazarlama aracı entegrasyonu kurarak e-posta listeleri oluşturmanın (e-posta pazarlama araçları önerileri) size çok yarar getireceğine inanıyoruz.

Bu önemli konuyu tek bir yerde toparlamak istedik ve bu makaleyi yazdık.

WordPress İletişim Formu Eklentileri Özellikleri

En temel şekilde, bir WordPress iletişim formu eklentisi: doldurulacak bazı alanlar ve minimal tasarım imkanı sağlar. Bu, müşterilerinizin sizinle iletişim kurmasını sağlamak içindir. Öte yandan, daha gelişmiş iletişim formu eklentileri : koşullu mantık, tasarım araçları, dosya gönderme seçenekleri sunar. İnceleyebileceğimiz bazı özellikler şunlardır:

  • Özel formlar – Birden fazla alan, seçenek ve marka araçları
  • Görsel tasarlayıcılar – Sürükle-bırak editörleri harikadır ancak tamamen gerekli değildir.
  • Koşullu mantık– kullanıcıların formda ne seçtiğine bağlı olarak belirli ögelerin (düğmeler, alanlar veya bölümler gibi) gösterilmesi veya gizlenmesi. Bu özellik ayrıca müşterileri farklı departmanlara veya ilgili alanlara gönderebilmeyi sağlar.
  • İletişim – Formun ilgili olduğu kişisine mesaj geldiğini bildiren bir takım e-posta iletişim sistemi.
  • Önyüzden dosya gönderme – Müşterilerin fikirlerini belge formunda gönderebilmelerini sağlar. Bu kullanıcıların sorunların ekran görüntüsünü aldığı ve gönderdiği müşteri desteği verilen siteler için de mükemmeldir.
  • Mobil uyumluluk – Formun büyük veya küçük boyut ne olursa olsun tüm cihazlarda düzgün gösterilebilmesidir.
  • Spam koruması – Formlar, ilk etapta bazı spam’leri önlemek için tasarlanır. Ancak, WordPress iletişim formu eklentinizden daha fazla koruma bekleyebilirsiniz.

En İyi WordPress İletişim Formu Eklentileri

WordPress iletişim formu listesi aşağıdadır. Eklentilerin fiyatlandırma, inceleme ve karşılaştırmaları inceleyebilirsiniz. Not: Belirli bir sıraya göre sıralamadık.

  1. Gravity Forms
  2. Ninja Forms
  3. Contact Form 7
  4. WPForms
  5. weForms
  6. Caldera Forms
  7. Jetpack Contact Form
  8. PirateForms
  9. FormCraft
  10. QuForm
  11. Ninja Kick

Gravity Forms, sade temiz bir arayüz ve kullanıcı dostu araçlar ile gelişmiş bir programdır. Formlar, girişler, ve koşullu mantık formları sınırsızdır. Dosya yüklemeleri ve çok sayfalı formları desteklemektedir.

gravity forms kullanimi
Gravity Forms WordPress Eklentisi

Canlı online sohbet ve telefon desteği yok, ancak birçok iletişim formu eklentisinde göreceğiniz gibi, bunlar çokta gerekli değildir.

Bu WordPress İletişim Formu Eklentisini Düşünmenin Ana Sebepleri

  • Başlangıç kılavuzu ve birçok yardımcı dokümantasyon, eklentileri hakkında bilgi, popüler özellikler ve geliştirici dokümanları sunmaktadır.
  • Gravity Forms geniş bir eklenti yelpazesi ve harici entegrasyonları desteklemektedir. Listedeki düzinelerce entegrasyondan bazıları şunlardır : AWeber, Dropbox, Freshbooks, GetResponse, MailChimp, PayPal Pro ve Stripe
  • Elde ettiğinizin tam karşılığını fiyat anlamında alırsınız.
  • 30’dan fazla form alanına erişebilirsiniz.
  • Şartlı mantık tam yerinde ve doğru inşa edilmiştir.
  • Gravity Forms, e-posta bildirimlerini, dosya yükleme, kaydetme ve devam etme seçeneklerini destekler.
  • Kullanıcı gönderimlerine dayalı gelişmiş hesaplamalar yapabilirsiniz. (Bir finans veya gayrimenkul web sitesi için kullanılabilir).
  • Bir form içinden gönderimleri sınırlama seçeneği vardır. Ayrıca formları takvime göre zamanlama seçeneği bulunmaktadır.
  • Gravity Forms, Kullanıcıların WordPress blog’ta yayınlanması için ön yüzden içerik gönderebilmesini sağlar.

Ninja Forms‘un WordPress kütüphanesinde ücretsiz bir sürümü bulunmaktadır. Ücretli sürümü kendi sitesinde bulabilirsiniz. Bu eklenti, kendi iletişim formalarınızı oluşturmak için güzel bir kullanıcı ara-birimi sağlar. Formlar, alanlar veya gelen e-postalar için herhangi bir sınırlama yoktur. Ayrıca sonrası kullanım için yarattığınız formları kaydedebilirsiniz.

Ücretsiz sürümdeki alanların ve özelliklerin çoğu temel şeyler ancak bu formların düzenlenmesi ve web sitenizde güzel gözükmesini sağlamak kolaydır. Bu eklenti Contact Form 7 eklentisi ile yarışmaktadır. (aşağıda belirtilmiştir)

ninja forms wordpress eklentisi
Ninja Forms WordPress Eklentisi

Üyelik için kayıt olduğunuzda düzinelerce eklentiye, müşteri desteğine, güncellemelere, şablonlara, çok parçalı formlara, koşullu mantık araçlarına ve daha fazlasına erişirsiniz. Ayrıca Ninja Forms, bir veya iki eklenti satın almak yerine bir paket veya üyelik satın almaya karar verirseniz maliyetleri düşük tutmada iyi iş çıkarmaktadır.

Bu WordPress İletişim Formu Eklentisini Düşünmenin Ana Sebepleri

  • Ninja Forms, şartlı mantık araçları, çok parçalı formlar, ön-yüzden içerik gönderme, dosya yüklemeleri, şablonlar ve stiller gibi 40’dan fazla eklentiye sahiptir.
  • Formlarınızı MailChimp, Campaign Monitor ve AWeber gibi hizmetlere bağlayabilirsiniz.
  • Formlarınız aracılıyla PayPal Express veya diğer ödeme işlemcileri vasıtası ile ödemelerinizi doğrudan toplayabilirsiniz.
  • Entegrasyonlar ve otomasyon bakımından bir çok kısıtlamayı kaldırmak için Zapier ile bağlantı kurun.
  • SalesForce gibi favori CRM’inize bağlayın.
  • Fiyatlandırma gayet makuldür.

3# Contact Form 7 – Ücretsiz

Contact Form 7 belkide en popüler eklenti, en güzel yanıda senelerden beri ücretsiz olması. Bu minimalist tasarımlı eklenti, çoğu blogun ve küçük işletmenin ihtiyaç duyduğu şeyleri sağlamaktadır: istikrarlı ve güvenilir bir temel iletişim formu.

Bu ücretsiz eklentinin detaylı dokümantasyon, SSS bölümü, destek forumu, ve bilgi içeren bir web sitesi bulunmaktadır. Birçok ücretli eklentiye göre daha fazlasını sunmaktadır.

contact form1 wordpress eklenti
Contact Form 7 WordPress Eklentisi

Özellik olarak: Sınırsız sayıda form yaratabilir, müşterilerinizden mesajları almak için tarih, URL, e-posta ve metin alanları oluşturabilir ve belirttiğiniz e-posta adresine gönderilmesini sağlayabilirsiniz.

Bu WordPress İletişim Formu Eklentisini Düşünmenin Ana Sebepleri

  • Herhangi bir ücret ödemeniz gerekmiyor.
  • Contact Form 7 oldukça sade ve kullanışlı bir yapıya sahip.
  • Captcha desteği, dosya gönderme, radyo düğmeleri, onay kutuları, açılan menüler, sınav soru sistemi tarzı alanlara destek vermektedir.
  • Dökümanlar, SSS ve destek bağlantılarının tamamı WordPress kontrol panelinde yer almaktadır.
  • Sitenizin istediğiniz yerine kod ekleyerek iletişim formunu yerleştirebilirsiniz.

4# WPForms – Ücretsiz (Premium yıllık $39 başlayan fiyat)

WPForms eklentisi acemi-dostu iletişim formu çözümlerinden biri olarak lanse edilmiştir. Sürükle & bırak düzenleyicisi ile oldukça kullanımı kolaydır. Ücretsiz sürüm, ufak web siteleri için gayet iyidir, ayrıca bir çok harika özellik içermesi ve düşük fiyatı nedeniyle ücretli versiyonda oldukça tercih edilmektedir.

Dediğimiz gibi, sürükle-bırak editörü kullanım kolaylığı ile kullanıcıları oldukça memnun etmektedir. Kullanıcılar hazır form şablonları, koşullu mantık araçları, ve giriş yönetimi gibi araçlara sahip olmaktadır.

wpforms wordpress eklentisi
WPForms WordPress Eklentisi

Bu WordPress İletişim Formu Eklentisini Düşünmenin Ana Sebepleri

  • Yıllık $39 dan başlayan fiyatlar
  • Formlarınızı MailChimp,GetResponse, Campaign Monitor ve AWeber ile entegre edebilirsiniz.
  • WPForms’un Zapier ile entegrasyonu bulunmaktadır.
  • Formlarınızı herhangi bir yere yerleştirebilirsiniz.
  • Daha fazla potansiyel müşteri için kısmı giriş araçlarını kullanabilirsiniz.
  • Coğrafi konum verilerini kullanarak kullanıcılarınız hakkında daha fazla bilgi edinebilirsiniz.
  • Uzun formları birden fazla sayfaya genişletebilirsiniz.
  • Tüm formlar responsive (mobil uyumlu) tasarımdır.
  • Formlar, kullanıcıların verdiği yanıtlara bağlı olarak koşullu mantık kullanabilir.
  • Giriş yönetimi, tüm gönderimlerin tek bir alanda görüntülenmesini sağlar.
  • WP Forms, kullanıcıların ön yüzden dosya göndermelerine olanak tanır.

5# WeForms – Ücretsiz (Premium yıllık $39 başlayan fiyat)

weForms piyasadaki yeni bir iletişim formu eklentisidir. WP Project Manager Pro, WP User Frontend Pro ve WP ERP gibi eklentiler ile bilinen weDevs ekibi tarafından yaratılmıştır. Ücretsiz sürümü şaşırtıcı derecede, Formlardan gönderilen verinin direk WordPress paneli içerisinde gösterilmesi gibi özellikler içerir.

weForms wordpress eklentisi
weForms WordPress Eklentisi

Main Reasons to Consider This WordPress Contact Form Plugin

  • Yıllık $39 fiyatı ile diğer ücretli eklentilere benzer fiyata sahiptir.
  • MailChimp,AWeber,MailPoet,MailPoet,Constant Contact, Campaign Monitor,Get Response ve Convert Kit ile entegrasyon imkanı vermektedir.
  • weForms ayrıca Zapier, Trello, Google Sheets ve Slack ile entegrasyona sahiptir.
  • Web sitesininin istenilen yerine kod yerleştirilerek iletişim formu eklenebilir.
  • İçerisinde spam koruması olarak Google’ın reCaptcha koruması bulundurmaktadır.
  • Ajax sürükle-bırak editörü ile canlı olarak önizlemeye sahiptir. Muhtemelen en hızlı çalışan editörlerden biri.
  • Geri dönüşüm oranlarını arttırdığı bilinen çok adımlı formları desteklemektedir.
  • Formları bir URL adresine yönlendirebilir.

6# Caldera Forms – Ücretsiz (Premium aylık $13,74 başlayan fiyat)

Caldera Forms (Caldera Labs tarafından üretilen), ücretsiz bir iletişim formu arayanlar için bir başka favori eklentidir. Ücretli versiyonu ucuz değil, bu yüzden ücretsiz versiyonunun işimize yetecek kadar iyi olup olmadığını denemekte fayda var. Caldera’nın ücretsiz sürümü, hem yeni başlayanlar hemde tecrübeleri web geliştiricileri için birçok ek özellik içeren sürükle-bırak editörü sunmaktadır.

caldera forms wordpress eklentisi
Caldera Forms WordPress Eklentisi

Bütün mesele, işleri olabildiğince kolaylaştırabilmek ve bunların çoğunu editör aracılığıyla yapmaktadır. Caldera birçok mükemmel alan tipi içermektedir ve müşterilerinizin formlarda verdikleri yanıtlara göre bazı belli seçeneklerin gösterilmesi gibi koşullu mantık seçeneklerini kullanabilirsiniz.

Bu WordPress İletişim Formu Eklentisini Düşünmenin Ana Sebepleri

  • Güçlü bir ücretsiz versiyonu bulunmaktadır.
  • Bazı alan tipleri hesaplamalar, açılır-kapanır seçim bölümleri ve radyo düğmeleri içermektedir.
  • Kullanıcılara kendi dosyalarını forma yükleme imkanı sunmaktadır.
  • Kullanıcılar form aracılıyla kendi yayınlarını gönderebilirler.
  • Sınırsız sayıda otomatik yanıtlayıcı, alan ve gönderim bulunmaktadır.
  • Giriş içeriklerini CSV dosyasına aktarabilirsiniz.
  • Anti-spam aracı spamleri otomatik olarak silmektedir, spam temizleme ile vakit harcamazsınız.
  • Tüm Caldere formaları responsive (mobil uyumlu) tasarımdır.

7# Jetpack İletişim Formu – Ücretsiz

Web sitenize yüklenecek tek bir WordPress eklentisi seçilse, Jetpack muhtemelen bu listenin başında olacaktır. Bunun sebebi, anti-spam korumasından önbellekleme desteğine (caching diye adlandırılır) ve sosyal medya araçlarından Jetpack iletişim formuna kadar her şeyi içeriyor olmasıdır. Daha önce JetPack’i yüklediyseniz, iletişim formu bölümüde incelemeye değer.

Aşağıdaki ekran görüntüsünde görebileceğiniz gibi, “İletişim Formu Ekle” düğmesi her sayfa oluşturma alanının üzerine yerleştirilmektedir. Bu istediğiniz yere form eklemeyi kolaylaştırır.

jetpack wordpress eklentisi
Jetpack WordPress Eklentisi

İletişim Formu düğmesini seçip formunuzu tasarladıktan sonra, profesyonel oldukça fonksiyonel bir iletişim formunuz olacak.

jetpack iletişim formu
Jetpack İletişim Formu

Bu WordPress İletişim Formu Eklentisini Düşünmenin Ana Sebepleri

  • Jetpack ücretsizdir ve birçok WordPress kullanıcısı halihazırda bu eklentiyi web sitelerine yüklemiştir. Jetpack, site hızını etkileme ve eklenti çakışması gibi herhangi bir sorun yaşayamayacağınız eklentilerden biridir.
  • Tek tuşla form ekleme düğmesi süreci hızlandırmaktadır.
  • E-posta bildirimleri, belirttiğiniz e-posta adresine gönderilir.
  • Tüm form ayarları doğrudan sayfa düzenleyicisinden yapılabilir. Bunlar başlık alanları, form alanları, e-posta adresleri, ve daha fazlasını kapsamaktadır.
  • Jetpack eklentisi, her gönderimde istenmeyen spamleri temizlemek için Akismet ile entegrasyonu vardır.
  • Size herhangi bir sorun yaşatmayacak temel iletişim forumlarından biridir. Kısacası, basit bir forma gereksinim duyan küçük işletmeler ve bloglar için idealdir.

8# PirateForms tarafından WordPress için İletişim Formu ve SMTP Eklentisi – Ücretsiz (Premium $29 başlayan fiyat)

Eklentinin adı uzun olduğundan kısaca PirateForms olarak adlandıracağız. Aşağıdaki özellikler için ThemeIsle tarafından satılan ücretli sürüme yükseltmeyi düşünebilirsiniz:

  • Çoklu form oluşturabilme.
  • MailChimp ile tam entegrasyon.
  • Düzenlenebilir özel alanlar.
  • Geliştirme için destek.
  • 12 ay boyunca müşteri desteği ve güncellemeler.
  • 30 günlük para iadesi garantisi.
pirate form wordpress eklenti
Pirate Forms WordPress Eklenti

Ücretsiz eklenti olarak, CAPTCHA desteği olan kullanıcı-dostu bir iletişim formu. İletişim formları temel bir editör tarafından oluşturularak websitesinde istenilen yere kod ile yerleştirilmektedir. Genel olarak PirateForms’un ücretsiz sürümü Contact Form 7’ye benzemektedir, belki daha iyi bir arayüze bile sahiptir.

Ücretli sürüme geçerek tüm özelliklerinden yararlanmak isterseniz; fiyatlandırma $29 dan başlamaktadır.

Bu WordPress İletişim Formunu Düşünmenin Ana Sebepleri

  • Ücretli sürüm tek seferlik olarak $29 dan başlamaktadır ve bu fiyat rakipsizdir.
  • Contact Form 7 gibi temel bir iletişim formu için ücretsiz versiyonu bulunmaktadır.
  • PirateForms, MailChimp ile entegrasyona sahiptir.
  • İstediğiniz şekilde özelleştirebilmeniz için geliştirici-dostu bir eklentidir.
  • PirateForms, çoklu form ve özel alanlar sağlar. Ücretli sürümü, AWeber ve SenInBlue gibi bazı entegrasyonlara sahiptir.

9# FormCraft – $39

FormCraft satın almadan önce denemek için ücretsiz bir sürümü maalesef yok. Bununla birlikte, şu ana kadar bahsettiğimiz eklentilerden çok daha güzel tasarımlar içeren güçlü bir WordPress iletişim formu eklentisidir. Bu WordPress iletişim formu eklentisi, harika tasarımlara sahip şablonlar ve formlar ile çalışmanızı genişleten düzinelerce ek araçlar içermektedir.

form craft wordpress eklentisi
Form Craft WordPress Eklenti

Dahası, bu araç pop-up formlar ve matematik formülleri gibi özel özellikleri bütünleşik olarak sunmaktadır. Ödemeleri PayPal Standard ve Stripe ile alabilirsiniz ve Zapier entegrasyonu ile bazı işlemlerinizi otomatikleştirir.

Genel olarak, FormCraft eklentisiyle daha yaratıcı, özelleştirilebilir şablonlar ve tasarımlar elde ediyorsunuz. Size bu yüksek bir maliyete de mal olmuyor.

Bu WordPress İletişim Formu Eklentisini Düşünmenin Ana Sebepleri

  • Tek seferlik $39 fiyatı vardır.
  • Sürükle-bırak editörü bu listenin en güçlülerinden biri.
  • Tasarımları oldukça mükemmel.
  • FormCraft, içerisine çok sayıda form şablonları eklenmiştir.
  • Ücretsiz ekler ile Mailster,MailChimp,MailPoet,reCAPTCHA ve Campaign Monitor entegrasyonları sağlanmaktadır.
  • Ücretli eklerin bazıları, çoklu sayfa formları, Stripe,Paypal Standard ve çoklu site desteği içermektedir.
  • FormCraft, tasarımlarınızda daha yaratıcı olabilmenizi sağlayan ve iletişim formundan markanızı daha iyi yansıta bildiğiniz mevut en iyi eklentilerden biridir.

10# QuForm – $29

Bu listedeki WordPress iletişim formu eklentilerinin çoğu yalnızca iletişim amacıyla üretilmiştir. QuForm bunlardan farklıdır, son derece gelişmiş özelliklere ve farklı alan tiplerine sahip her türlü formu oluşturabilmek için tasarlanmıştır.

quforms wordpress eklentisi
Form Craft WordPress Eklenti

Sürükle-bırak editörü parasının karşılığını vermektedir, ve tonlarca seçenek sunmaktadır, 19 adet element tipi ve kolay tema uygulanabilir sistemi vardır. Mobil cihazlara uyumlu web formlarına sahiptir.

Tüm şirketlere bütçelerini zorlamadan tasarımın nasıl çalıştığını göstermesi açısından iyi bir seçenektir.

Bu WordPress İletişim Formu Eklentisini Düşünmenin Ana Sebepleri

  • QuForm sitenizi yavaşlatmaz ve performansa dayalı şekilde optimize edilmiştir.
  • Sadece tek seferlik ödeme ile ücreti makuldür.
  • QuForm eklentisi 9 adet doğrulayıcı ve 6 adet filtreye sahiptir.
  • Gelişmiş dosya yükleme aracı, müşteri desteği sunmak için idealdir.
  • Formda belirli bir yanı geldiğinde otomatik olarak belirli öğeleri göstermesi için koşullu kullanım şekli mevcuttur.
  • ReCAPTCHA sizi spam’den korur.
  • Bu WordPress iletişim formu 19 öğe türü içermektedir.
  • Birkaç form teması eklenti ile birlikte sunulmaktadır.

11# Ninja Kick – $19

Ninja Kick eklentisini, yukarıda bahsettiğimiz FormCraft eklentisiyle karşılaştırmak doğru olur. Her ikisi de sağlam form tasarımlarına sahiptirler ve geleneksel “düz” formatların ötesinde ekstra fark yarattıkları söylenebilir.

Ninja Kick, zengin bir özelleştirme seçenekleri sunar. Örneğin, animasyonları, etiket stillerini, renk şemalarını ve daha pek çok şeyi kolaylıkla özelleştirebilirsiniz. Ninja Kick eklentisi ile birlikte 3 tane tema sunulmaktadır. Diğer eklentiler kadar çok olmasada, bu temalar harika gözükmektedir.

ninja kick wordpress eklentisi
Ninja Kick WordPress Eklenti

Arayüzüne bakarsak, Ninja Kick oldukça anlaşılması kolay ve basittir. Eklenti çakışması gibi sorunları yoktur. Son derece hafif ve hızlı bir iletişim formu eklenti-sidir.

Bu WordPress İletişim Formu Eklentisini Düşünmenin Ana Sebepleri

  • Şablonlar ve genel olarak tasarım, diğer eklentilerde bulacağınızdan daha benzersiz.
  • $19 lık bir defalık ücret karşılığında 1 yıllık destek alınmaktadır. Daha uzun süre desteğe ihtiyacınız varsa ufak bir ek ödeme gerekmektedir.
  • Özelleştirme seçenekleri oldukça güçlüdür.
  • Müşterinin dikkatini çekmek ve kişilerin sizinle iletişim kurmasını sağlamak için animasyon ve slayt içerikler seçilebilir.
  • Ninja Kick eklentis aslında Contact Form 7 ile entegre olabilir. Böylece Contact Form 7’nin kısa kodları daha gelişmiş bir tarzda stil oluşturmanızı sağlar.
  • Oluşturduğunuz tüm formlar mobil cihaz uyumlu responsive tasarımdır.
  • Bu eklenti, Fransızca, İngilizce, Almanca, İtalyanca ve İspanyolca gibi çeşitli diller ile ülkeye göre yerelleştirilmesini destekler.
  • İletişim formu üzerinden spam gönderilmesini önlemek için “insan test aracı” dahil edilmiştir.
  • İletişim formunu geliştirirken test moduna alarak kişilerin görmesini engelleyebilirsiniz.

Bir WordPress İletişim Formu Eklentisi Seçme

  • Para ödemek istemiyorsanız -Contact Form 7, Caldera Forms veya Jetpack iletişim formunu tercih edin.
  • Harika form şablonları isterseniz – Ninja Kick, FormCraft, WeForms veya Gravity Forms tercih edebilirsiniz.
  • Sürükle-bırak editorlere ilgi duyuyorsanız – WP Forms veya weForms tercih edilebilir.
  • Fiyat/Performans değerine bakıyorsanız – Gravity Forms, FormCraft, Ninja Kick, PirateForms tercih edilebilir.
  • En temel WordPress iletişim formu eklentisine ihtiyacınız varsa – Contact Form 7 tercih edin.

WordPress iletişim formu eklentileri hakkında düşünceleriniz varsa, aşağıdaki yorum bölümünde bize bildirin.

Siz olsanız hangi iletişim formunu neden tercih ederdiniz?

e-posta pazarlama araçları önerileri

Web sitenizi barındırdığınız “Sunucular” çoğunlukla temel giden e-postalara izin verir. Bu web siteniz ile ilgili e-posta ihtiyaçlarınızı belli ölçüde karşılar. Bunlar müşterilere mail göndermek, şifre sıfırlama işlemleri gibi temel işlemlerdir. Bununla birlikte artık üçüncü parti eklentiler sayesinde WordPress’i binlerce e-postayı düzenli olarak gönderen, kapsamlı bir e-posta pazarlama araçları haline getirmektedir.

Bir web sitesi sunucusu aynı zamanda e-posta sunucusu olarak da tasarlanmamıştır. Dolayısıyla haber bültenleri veya toplu e-postalar gönderiyorsanız, en iyi sonuçları elde etmek için daima aşağıdaki alternatifleri öneririm:

  • WordPress’in bir parçası olmayan üçüncü parti profesyonel e-posta pazarlama aracı kullanın.
  • WordPress haber bülteni eklentiniz ile birlikte işlemsel bir e-posta hizmeti sağlayıcısı (HTTP API veya SMTP) kullanın.

Aşağıda e-posta pazarlama araçları önerilerine ve neden tercih ettiğimizi inceleyeceğiz.

Web Sitenizin Bulunduğu Sunucuyu E-posta Gönderimi için Kullanmayın.

E-posta, iş akışımızda çok önemli bir rol oynar; çünkü site ve işinizle ilgili olarak müşterilerinizi bilgilendirmek için kullanılan birinci araçtır. Bu yüzden güvenebileceğiniz bir sisteminiz olması çok önemlidir! İşte, bir sitenin günlük olarak gönderebileceği e-postalara birkaç örnek:

  • Yeni WordPress kullanıcılarına giriş bilgileri için hesap ve lokasyon bildirimlerinde bulunma
  • Şifre sıfırlama ve değiştirme bildirimleri
  • Blogunuzda yeni yorum bildirimleri
  • Pingback’ler ve trackback’ler etkinleştirilmişse gelen bildirimler
  • “WoCommerce”de yeni bir e-ticaret satış bildirimi veya “Easy Digital Downloads” eklentisinde indirme bildirimleri
  • “Gravity Forms” veya “WPForms” gibi eklentilerden iletişim formu gönderimleri
  • “WP Security Audit log” veya “WordFence” gibi eklentilerden gelen güvenlik bildirimleri
  • WordPress içinde haber bülteni eklentisi kullanıyorsanız gelen bildirimler
  • Yeni özellik duyuruları
  • Affilate (ortak kazanç firmaları) ile iletişim mailleri

Düşünürseniz, aslında e-posta ile çok şey olmaktadır! Özellikle büyük sitelerde her iki saniyede bir e-posta gönderildiğini düşünürsek. Profesyonel bir e-posta pazarlama aracı veya işlemsel e-posta hizmeti sağlayıcısı kullanmazsanız, sitenizin ve kampanyalarınızın başarısına zarar verebilecek aşağıdaki sorunlar ile karşılaşabilirsiniz:

1# Paylaşımlı Sunucularda Ortak Ip Kullanımı

E-postalar aynı tipik WordPress sitelerinin bulunduğu paylaşımlı hosting (sunucu) lar gibi çalışır. Ana makinenizin giden e-postalar için yapılandırdığı ip adresine bağlısınız. Aniden bir şey ters giderse. İp adresinin istenmeyen postalar için kara listeye alınma ihtimali var. Ardından sunucunuzun veya İnternet servis sağlayıcınızın sorunu çözmesini beklemekten başka çare kalmaz.

paylaşımlı sunucu kullanımı

2# E-Posta Teslimat Sorunları

Web sunucusuna e-posta gönderimleri için güvenilmemesinin en büyük nedenlerinden biri teslimat sorunları. ReturnPath’in Email Deliverability Benchmark Raporuna göre opt-in e-postaların %21’i asla gelen kutusuna gitmiyor. Bunun nedenleri; İSS(internet servis sağlayacı) lar, bounce rate (hemen çıkma oranları) vb. gibi birçok faktöre dayanır. Üçüncü taraf e-posta pazarlama platformları öyle bir şekilde yapılandırılır ki, müşterilerinizin gelen kutusuna ulaşma şansınızı büyük oranda artırabilirler. Ayrıca e-postaların hedeflenen noktalara ulaşmasını sağlamak için sürekli çalışan ekipleri bulunmaktadır. Ve bunların ip adresleri de kara listeye alınmamıştır.

e-posta gönderimi

Yaptıkları şeylerle ilgili birkaç örnek:

  • Beyaz listelerde olduklarından emin olmanızı sağlarlar
  • Yüzlerce IP adresi ve farklı veri merkezlerinden yararlanırsınız
  • Listeleri temiz tutmak için hemen çıkma oranları (bounce rate) analiz edilir
  • Ip itibar yönetimi ve kötüye kullanımı sürekli izleme
  • Size özel bir IP sağlama imkanı

3# E-posta Kimlik Doğrulaması Kurulumu Her Zaman mümkün değildir (DMARC)

Alan adı (domain) doğrulaması (DMARC) olarak da adlandırılan e-posta kimlik doğrulaması, İSS (internet servis sağlayıcı) ların e-postalarınızı daha iyi yönlendirilebilmesi için domain’i ve kaynağı daha iyi tanımlama işlemleridir. Bu e-posta mesajının bir domain’den geliyor gibi gözükmesine rağmen başka bir taneden gönderilmesi gibi durumlarda sahtekarlık ve kimlik dolandırıcılığını önlemeye yardımcı olan harika bir tekniktir.

e-posta kimlik doğrulama dmarc güvenliği

Alan adınızın kimlik doğrulamasını yapmak için DNS’nize bir kayıt eklemeniz gerekir. E-postalarınız için WordPress sunucunuza güveniyorsanız, genellikle DNS’niz üzerinde kontrolünüz olmadığından bunu ekleyemezsiniz. E-posta kimlik doğrulaması sizi ne kadar etkileyebilir? diye sorarsanız kısaca siz farkına varmadan gönderdiğiniz e-postalar spam klasörüne gider ve maillerin tıklanma oranları azalır.

4# Sunucu Kaynakları Sorunları

WorPress sunucusu aracılıyla e-posta gönderirken diğer bir konuda sunucu kaynaklarının yetersiz kalmasıdır. Özellikle paylaşımlı sunucularda e-posta gönderimleri askıya alınabilir, çünkü e-posta göndermek sunucu kaynaklarına ihtiyaç duyar. Toplu e-postalar göndermeye çalışıyorsunuz muhtemelen sorun yaşarsınız. Bu yüzden üçüncü parti e-posta sağlayıcıları var, ve bir çok Web sunucusu artık standart portlar üzerinden e-posta dağıtımını sistem kaynaklarını tüketmemek adına engellemektedir.

E-posta Pazarlama Araçları Önerileri

Aşağıda, önerdiğimiz bazı e-posta pazarlama araçları bulunmaktadır. Bu tür araçlar genellikle aşağıdaki e-posta türleri için kullanılır:

  • Haber bültenleri
  • Yeni ürün veya özellik duyuruları
  • Bir ürün veya hizmet için satış veya promosyon
  • Etkinlik davetiyeleri
  • Kullanıcı etkileşimi ve hatırlatıcılar
  • Ortak kazanç firmaları (affilate) ile olan iletişimler

E-postaları toplamak için genellikle bir eklenti kullanırız ve daha sonra e-postalar yapılandırılır ve araç içinden gönderilir. Örneğin, e-postaları toplamak için gravity forms vb. gibi bir  eklenti kullanıyoruz ve otomatik olarak e-postaları MailChimp tarzı e-posta servis sağlayıcısına gönderiyor. Diğer bir yaygı örnekte sitelerde gördüğünüz, bloğunuzun kenar çubuğunda veya altında bir haber bülteni widget’ı bulunmasıdır.

1. MailChimp

MailChimp 12 milyondan fazla işletme ve birey tarafından e-posta gönderme ve haber bültenleri için kullanılmaktadır. Yüksek kaliteli bir e-posta listesi oluşturmak, bir şirketin daha fazla satış yapması ve mevcut müşterilerine bilgi vermesi için harika bir yoldur. MailChimp en çok tercih edilen araçların başında gelmekte.

MailChimp E-Posta Pazarlama Aracı

MailChimp’in ücretsiz planı, e-posta listenizi oluşturup, başlamak için mükemmek bir çözüm. MailChimp’de hoşumuza giden birkaç özellik:

  • MailChimp kolaylıkla; başlıklar, içerik blokları, gönderim zamanları üzerinde listenizi bölerek üzerinde A/B testleri uygulayabilir ve size hangisinin öne çıktığını gösterecektir.
  • E-posta otomasyon kuralları oldukça güçlüdür.
  • Timewarp özelliği: farklı zaman dilimlerindeki müşterilerin gelen kutularına aynı saatte e-postanızın gönderildiğinden emin olmanızı sağlar.
  • Düz ve basit şekilde her zaman çalışır ve herhangi bir destek sorunu yaşamazsınız.

2. MailerLite

MailerLite, önerebileceğimiz diğer bir e-posta aracı. Dünya genelinde 300.000’in üzerinde işletme, yeni başlayan veya serbest çalışan kişiler tarafından tercih edilmektedir. MailerLite 2010’dan beri varlığını sürdürmektedir.

MailerLite E-Posta Pazarlama Aracı

E-posta pazarlamasına yeni başlıyorsanız, MailerLite’ın MailChimp’e göre birkaç avantajı, aylık 1000 aboneye kadar olan ücretsiz planlarında tüm araçlarına erişim vermesidir. MailChip ücretsiz planda birçok gelişmiş uygulamasını kısıtlamaktadır. 2500 üyelik olan planda MailChimp aylık olarak 30$ tutarken MailerLite 10$ dolar tutmaktadır.

MailerLite’da gerçekten hoşumuza giden birkaç özellik:

  • Açıkçası fiyat! Kısıtlı bir bütçeniz varsa, MailerLite ile başlamak isteyebilirsiniz.
  • Bir açılış sayfası ve otomatik yeniden gönderim gibi benzersiz özellikler barındırır.
  • Abonelikten çıkma sayfası oluşturabilirsiniz. Bazı kişilerin aboneliğini iptal etmesini engellemek için biraz yaratıcı olabilirsiniz.
  • Her hafta bir kampanyada otomatik olarak yeni blog yayınlarınızı göndermek için e-posta özellikli RSS kullanımı oldukça kullanışlıdır.

Önerebileceğimiz diğer e-posta pazarlama araçları:

  • Drip (Son zamanlardaki en popüler e-posta aracı – yalnız ben e-mail listem hariç; tek bir kişiye mail göndermek istediğimde bu yazılımda sorun yaşadım. Belirli koşullar yaratıp o koşullara göre e-mail göndermek istediğinizde Drip oldukça kullanışlı.)
  • ActiveCampaign
  • AWeber
  • GetResponse

İşlemsel E-posta Hizmeti Önerileri (SMTP)

Aşağıda, önerdiğimiz bazı işlemsel e-posta servis sağlayıcıları bulunmaktadır. İşlemsel e-postalar genellikle bir eylem tarafından tetiklenen e-postalardır. İşte bazı yaygın örnekler:

  • WoCommerce veya Easy Digital Downloads eklentilerinde satın alma makbuz gönderimleri
  • Hesap oluşturma uyarıları
  • Kargo gönderim bildirimleri
  • Yasal uyarılar
  • Uygulama hata iletileri
  • Şifre sıfırlama bildirimleri

Bununla birlikte, işlemsel e-posta hizmetleri, WordPress sitenizden haber bültenleri mailleri göndermenizi sağlayan 3.taraf eklentileri ile birlikte de kullanılabilinir. “Haber Bülteni Eklentisi” ve “Mailster” (aşağıda görüldüğü gibi), WordPress gösterge tablosunu tamamen işlevsel haber bülteni otomasyon aracına dönüştüren araçlardır.

mailester ve haber bülteni eklentileri wordpress gösterge panosu
Mailester & HaberBülteni Eklentileri WordPress Gösterge Panosu

1. SendGrid

SendGrid 2009’dan beri bulunmaktadır ve işlemsel e-posta hizmeti konusunda muhtemelen en tanınmış markalardan biridir. Müşterilerinden bazıları Uber, Spotify, Airbnb ve Yelp’dir. Yeni başlayanlar, yüksek sayıda gönderim yapanlar, ajanslar ve e-ticaret için mükemmeldir.

sendgrid işlemsel e-posta servisi
SendGrid İşlemsel E-Posta Servisi

SendGrid muhtemelen kurulum ve yapılandırma için başlarda biraz karmaşık gelebilir, ancak bunun nedeni oldukça eksiksiz olmasıdır! Kesinlikle kurumsal düzeyde bir çözüm sunmaktadır. Aynı zamanda oldukça uygun maliyetli olabilir. Ayda en çok 9.95 dolara 40.000 e-posta gönderebilirsiniz.

SendGrid’in sunduğu birkaç avantaja bakarsak:

  • SendGrin’in kendi API ve SMTP sini kullanarak e-mail gönderebilme. HTTP API’leri daha güvenilir ve hızlı olabilirler.
  • Geliştirilmiş teslimat oranları.
  • Yazılım geliştiriciler için harika bir belge/içerik sunmaktadır.
  • Ölçeklendirme akılda tutularak oluşturulmuştur.
  • Pro planları dedicated (sabit) IP’ler içerir
  • Gelişmiş teslimat/dağıtım için Otomatik IP

2. Mailgun

Mailgun, esas olarak geliştiriciler için tasarlanmış bir işlemsel e-posta API hizmetidir. Bununla birlikte, geliştirici olmayanlar bile hizmetlerini kolayca uygulayabilir. Mailgun’un sağladığı büyük avantahlardan biri, aylık 10.000’e kadar ücretsiz e-posta göndermenize izin vermesidir. Sonraki 500.000, kullanıma göre oldukça düşük fiyata faturalandırılır. Birçok küçük işletme veya WordPress geliştirici için 10 bin e-posta gönderimi yeterlidir.

mailgun işlemsel e-posta servisi
Mailgun İşlemsel E-Posta Servisi

Mailgun’ün birkaç ek faydası şunları içerir:

  • E-postaları iletmek için HTTP API veya SMTP kullanabilme özelliği, HTTP API daha güvenilir ve hızlı olabilmektedir.
  • Ücretsiz olarak diğer posta kutularına e-posta yönlendirme. merhaba@domain.com adresini kişisel Gmail’inize yönlendirme yapabilirsiniz. İşlemsel e-posta hizmetlerinin çoğu bu özelliği içermez ve sadece kendi API leri içinde yönlendirme işlemlerini yapmanıza izin verir. Mailgun kendi arayüzü içerisinde gerekli konfigürasyonları yapmanızı yapmanızı sağlar.
  • Geliştirilmiş teslimat oranları.
  • Kaç adet e-posta gönderdiğinizi anlamanız için kolaylıkla oluşturulan raporlama
  • Canlı ve arama özelliği bulunan kayıt işlemleri

3. SparkPost

SparkPost, 2014 yılından bu yana geliştiriciler ve işletmeler için tasarlanmıştır. Öncelik olarak aplikasyon tarafından yaratılan işlemsel e-postalara odaklanır. Müşterilerinden bazıları Zillow, PayPal, Pinterest, Groupon, Twitter, Intercom ve Oracle’dır.

sparkpost işlemsel e-posta servisi
Sparkpost İşlemsel E-Posta Servisi

SparkPost, 50.000’e kadar e-posta göndermek için ayda sadece 9 dolara uygun bir fiyat sunar. Hatta ayda 15.000’e kadar e-posta göndermenizi sağlayan ücretsiz bir hesabınız (zaman sınırlaması olmadan) bulunmaktadır.

SparkPost’un birkaç diğer ek faydaları şunlardır:

  • REST API’sı veya SMTP’yi kullanarak e-postalar gönderme olanağı.
  • Önceden oluşturulmuş istemci kitaplıkları (Node.js, PHP, Python ve daha fazlası).
  • Gerçek zamanlı olarak verilere erişim ve entegrasyon
  • Daha yüksek planlarda  dedicated (sabit) IP sunmaktadır.

Düşünmek isteyebileceğiniz birkaç ek sağlayıcı:

Özet

Bir müşteri bize yukarıda belirtilen e-posta sağlayıcılarından birini kullanıp kullanmaması gerektiğini sorduğunda, cevabımız her zaman evet! Kampanyalarınızdan daha iyi sonuçlar alırsınız ve daha fazla müşterinin gelen kutusuna ulaşabilirsiniz.

Görüş ve önerileriniz için yorumda bulunmayı unutmayın.

HTTP den HTTPS ye geçiş adımları

Bu yazımızda HTTP den HTTPS’ye geçişi derinlemesine inceleyerek yapılması gerekenler ile ilgili ipuçlarını paylaşacağız.

Web sitesi yayınlanmadan önce yapılması gereken 28 kontrol

Web sitenizi yayınlanmadan önce yapılması gereken 28 kontrol!

Web sitesi açılmadan önce kontrol edilmesi gerekenleri metin yazarları, tasarımcılar, yazılım geliştiriciler, SEO uzmanları ve network ağ uzmanlarının yapması gerekenler olarak sıraladık.

Editor ve Yazarların dikkat etmesi gereken hususlar : 

1- Yazım hataları, dilbilgisi ve noktalama

Yazım hatalarını, noktalama ve dilbigisini site boyunca kontrol ediniz. Sadece metinlerde ve yazı başlıklarında değil, aynı zamanda site navigasyonu boyunca, düğmelerde, formlarda ve bannerlarda kontrol edilmesi gerekmektedir.

2- Formlar

Sitedeki formu doldurun ve kendinize şu soruları sorun

  • Form doldurma adımlarının işleyişi düzgünmü?
  • Form doldurma adımlarında herhangi bir yerinde takılma oluyormu?
  • Form üzerinde belirtilen yönlendirmeler doğrumu?
  • Doldurulan form doğru kişilere gönderiliyormu?

 

3-Resimlerin Kontrolu

Web sitesine koyduğunuz resimlerin web için optimize edilmesi gerekmektedir. Fazla yer kaplamadıklarından ve site hızını düşürmediklerinden emin olun.

Resimlerin başlığı, tanım yazısı, alt tanım yazısını gibi alanları açıklayıcı bilgiler ile doldurun, Google bir resmin neyi gösterdiğini anlamak için resmin bilgilerine bakar.

 

4-İçerik

Sitedeki sayfalarınızı incelerken sormanız gereken sorular :

Bu sayfayı neden ziyaret edeyim?

Sayfa içeriği hedeflenen ziyaretçi kitlesine uygunmu?

Sayfanın adresi hedeflenen ziyaretçiye hitap ediyormu?

Web tasarımcıların dikkat etmesi gereken hususlar: 

5- Site Hızı

Sayfaların boyutlarını ve yüklenme hızlarını kontrol ediniz. Google Hız Testi ni uygulayabilirsiniz. Sitenin yüklenme hızı Google sıralamasında belirleyici faktördür.

Google’ın hız test sonuçlarında önerdiklerini yapmanız web sitenizin hızını belirleyici şekilde arttıracaktır.

6- Mobil Uyumluluk

Web siteniz mobil uyumlumu?  Web siteniz mobil uyumlu değilse Google testi aşağıdaki resimde belirtildiği gibi uyarı mesajı verecektir.

Sitenin uyumlu olup olmadığını bu linkten kontrol ediniz.

not-mobile

 

7- Uygunluk

Web sitesinin birçok browser (web tarayıcısında) düzgün göründüğünden emin olunuz. Bu linkte güncel tarayıcı kullanım istatistiklerini görebilirsiniz.

browser-kullanimi

 

8- Fontlar

Bazen yazı içerisinde bir rakam ya da harf uygunsuz gözükür (özellikle kullanılan font türkçe karakterlerden bazılarını desteklemiyorsa), biçimlendirmenin tutarlı olduğunu kontrol edin.

Örnek olarak sitemizde kullandığımız “UniversLTStd” fontu “Ş” harfini fazla büyük göstermektedir, fontu beğendiğimizden dolayı Ş gereken yerlerde S olarak kullanıyoruz,

Türkçe karakterleri sorunsuz destekleyen fontların kullanılması önerilir.

9- Navigasyon

Bitiş noktasına kadar site navigasyonunu kontrol edin, Site içerisinde her olası yolculukta kırık bağlantılar yada yanlış sayfalara yönlendirme olmadığından emin olun.

Site bünyesinde arama özelliğinin düzgün çalıştığından ve doğru sonuçlar getirdiğini kontrol ediniz. Eğer arama sonuçlarında sıfır  sonuç getiriyorsa benzer sayfalara yönlendirilmesi yapılmalıdır.

WEB TASARIMCILARIN DİKKAT ETMESİ GEREKEN HUSUSLAR:

10- Yayındaki URL linkleri

Sıklıkla web sitelerini kendi yerel bilgisayarımızda tasarlarız. Site sunuculara yüklenip yayına alındığında tasarım aşamasından yayın aşamasına geçilmiş olur, Tüm URL adresleri bu noktada değişir ve test edilmeleri gerekmektedir.

Ufak çaplı sitelerde herhangi bir araç kullanmadan her sayfayı ziyaret ederek hepsini kontrol edebilirsiniz. 500 URL adresinden az siteler için bu linkteki ücretsiz program ile kontrol edebilirsiniz. Daha büyük site taramaları ücretli versiyonunda mevcuttur.

screamingfrogbozuklinkler

 

11- Google Search Console’a üye olun.

Google Search Console (eski adı Webmaster tools) bütün web tasarımcıları için vazgeçilmez bir araçtır. Site performansını ölçmek, sorunların bulunması, indexlenmesini istemediğiniz sayfaların belirlenmesi, sitenize gelen ziyaretçilerin hangi sorguları kullandıkları, backlinklerin görülmesi vs gibi özellikler bulunmaktadır.

Ayrıca Bing Webmaster Tools’ada üye olmanızda da fayda vardır.

12- Minify

Bu teknik ile sayfa kodları sıkıştırılarak daha ufak boyutlu kod bloklarına dönüştürülür böylece sitenin yüklenme hızında ciddi artış sağlanır.

WordPress için minify kod sıkıştırma eklentileri mevcuttur. Minify çalışması Google hız testlerinde iyi not almanız için gereklidir. Bu çalışmaya başlamadan önce mutlaka sitenin yedeğini alınız, Javascript gibi bazı kodlar minify sonrası çalışmaya bilir bunları minify dışında tutmak gerekir.

13- 404 Sayfalar

404 sayfa bulunmadı hatası için ziyaretçilerinize özel bir sayfa hazırlayın ve onlara alternatif seçenek sunun. Site içi arama özelliğinde 404 sayfa bulunamadı hatası alıyor musunuz kontrol edin.

14- Favicon

Favicon’lar adres çubuğunda ve browser tab lerinde firmanızı tanıtan ufak ikonlardır. Bu ikonu site açılmadan önce eklemeyi unutmayın.

SEO TAKIMININ DİKKAT EDECEĞİ UNSURLAR :

15- 301 Yönlendirmeler

Bazen site içeriği yeniden düzenlenir veya site navigasyonu içerisinde başka bir yere taşınır. Eğer sitenizi yenilerken URL yapısını değiştiriyorsanız eski url adreslerinin yeni url adreslerine doğru işaret ettiğinden emin olunuz.

Daha önceden belirtildiği gibi Screaming Frog Spider programınını hem eski hem yeni  site üzerinde çalıştırın. Excel dokümanı bu çalışmada çok faydalıdır. Kolan A ya eski URL leri Kolon B ye yeni URL adreslerini yapıştırın. Excel’de her bir satır eskiden yeniye olan yönlendirmeyi göstersin.

16- Başlık Tag leri / Meta Data

Bu bazılarına eski bir haber gibi gelebilir ama bu başınıza gelebilecek kolay düzeltilebilir hatalardır. Her sayfanın bir başlık tag (etiketi) olduğundan emin olun ve bu başlık benzersiz; başka yerde kullanmadığınız bir başlık olsun. Her sayfanın “Meta Tanım”ı olsun. Bu özellikler arama motorları tarafından sıralama göstergesi olmadığını Google açıklamıştır yalnız ziyaretçilerin sayfayı tıklayıp tıklamama kararını etkiler.

17- XML sitemaps /HTML sitemap

Web sitenizin hem XML hem Html formatında  “Sitemap” (siteharitası) olduğundan emin olun. Kendi “Sitemap” dosyasını Google’ın Search Console’una yükleyebilirsiniz. (Google sitemap dosyası hazırlamada öğretici videolar sunmaktadır.) Aynı zamanda WordPress gibi platformlar otomatik olarak sitemap i sizin için yaratır. (eklenti kurulması gerekir)

18- Analytics (Analiz araçları)

Google Analytics ya da analiz paketlerinden birini sitenin açıldığı ilk günden itibaren kullanmaya başlayın böylece site trafiğini ölçebilirsiniz.

19- Structured markup

Eğer schema markup (şema işaretleme) veya herhangi bir yapısal veri kullanıyorsanız. SERP (arama motoru sonuç sayfası) da düzgün görüntülendiğinden emin olunuz.

Google Search Console içerisinde hataları kontrol edebilir ve düzeltebilirsiniz.

20- Hızlandırılmış Mobil Sayfalar

Eğer Google’ın AMP (mobil ziyaretçilerin web sayfalarını daha hızlı görünlemesi) projesini kullanıyorsanız.  Sayfaları düzgün render ettiğinden emin olun.

21- Sosyal medya entegrasyonu

Sitenizdeki sosyal medya ikonları doğru sayfalara gidiyormu? Sosyal medya amaçlarınız doğrultusunda  sosyal medya ikon düğmeleri ve sosyal medya eklentileri kurulumu?

Ziyaretçilerinizin ne yapmasını istiyorsunuz? Örnek olarak : bir makelenin paylaşım düğmesi veya facebookta sayfanızının beğeni düğmesi ile beğenilmesi.

22- SERP (arama motoru sonuç sayfası)

Arama motorları arama sonuçlarında sayfanızı doğru gösteriyormu? düzgün meta tanımlamaları (meta descriptions) yazdınız fakat bunları Google SERP’te kullanılıyormu kontrol eddin. Google Search Console içerisinde ilgili bölümde bunları araştırın.

23- PPC Düzenleme 

Eğer PPC (tıklama başına ödeme)  kampanyası düzenliyorsanız. Site açılışı ile birlikte bunları başlatın. Eğer Google PPC kullanıyorsanız bu kampanyaları şimdiden düzenleyebilir ve site açılışına kadar bekletebilirsiniz.

AĞ YÖNETİCİLERİN DİKKAT ETMESİ GEREKEN HUSUSLAR:

24- Monitoring (izleme)

“Site monitor” sayfaları ziyaretçiler için kullanılabilir olduğunu düzenli olarak takip eder. “Basic Monitor” dediğimiz temel izleyiciler sayfanın çalışıp çalışmadığını izler.

Site içerisindeki önemli sayfaların gelişmiş izleyiciler ile taranması gerekir, doldurulan formlar olması gerektiği gibi hareket ediyormu?. Gelişmiş izleyicilerin kurulması ve çalıştırılması pahalı işlemlerdir bu yüzden hangi sayfanın gelişmiş izleyiciler ile taratılacağına karar vermek gerekir.

25- Yedekleme sistemi

Eğer sunucu (Server) kapanırsa ne yapmanız gerektiğini düşündünüzmü? Yedekleme sisteminin düzgün kurulduğundan emin olunuz ve yedekleme testleri yapınız.

Yedekten siteyi yeniden kurma testleri yapın, sitenin yeniden düzgün çalıştığını kontrol edin.

26- Trafik Yükleri

Eğer siteniz yüksek trafik alırsa; ne sonuçları olacağını hesaplayın. Yüksek trafik test araçları vardır. Bunlar sitenize yük bindirerek test eder. Eğer büyük bir ziyaretçi kitlesi bekliyorsanız bu testler şarttır.

27- Korumalı Sayfalar

Siteniz sayfaları göstermek için eğer ziyaretçi bilgilerini istiyorsa: kayıt işlemlerinin düzgün çalıştığından emin olun diğer bir açıdan bakarsak hangi yetkilendirmeler ile hangi sayfaları görebiliyorlar bunları kontrol edin.  Güvenlik düzeyini kontrol edin.

28- Güvenlik Sertifikası

Eğer siteniz e-ticaret sitesi ise, https güvenli kilitli sayfalar kurun ve sertifikanızı kontrol edin.

https kilit ikonu

Bunun için sitenizin https bölümlerine gidin adres çubuğunda yeşil kilit belirdiğinde üstüne sağ tuş ile tıklayın. Burada adınız yazmalı ve geçerlidir diye ibare bulunmalıdır. Eğer yeşil kilit gözükmüyorsa sayfa güvenli değildir. Sertifika sağlayıcısı ile irtibata geçiniz.

 

Web Site Tasarlama Adımları

Müşterilerimize hangi web site tasarlama adımları nı uyguluyoruz ve geliştirme süreci nasıl ilerliyor?

Burada belirtilen bilgiler site tasarlanırken uyulması gereken temel nitelikleri belirttiğinden siz de web sitenizi yaptırırken bu bilgilerden faydalanabilirsiniz.

Web site tasarımı ve geliştirme süreci

Site tasarlamanı birçok adımı vardır, ilk bilgi toplamaktan, sitenin yaratılmasına ve sitenin güncel  tutulması için düzenli olarak bakım yapılmasına kadar.

İşleyiş her tasarımcıdan tasarımcıya farklılık göstersede temel adımlar aynıdır.

1-  Bilgi toplama

2- Planlama

3- Tasarım

4- Geliştirme

5- Test etme ve yayınlama

6- Bakım

Adım 1 : Bilgi Toplama

Başarılı bir web sitesi tasarlamanın ilk adımı bilgi toplamaktır.web sitesi tasarımı planlama

Görünüş ve hissettirdiği etkiyi tasarlarken birçok faktörü dikkate almak gerekir, En önemlisi firmanın temel amaçlarının net bir şekilde anlaşılması gerekmektedir, iş hedefleri nelerdir, neleri amaçlanıyor ve web sitesi bu hedefleri gerçekleştirmede nasıl yardımcı olur.

Web tasarımcısının işinizi ve ihtiyaçlarınızı anlaması açısından birçok soru sorması önemlidir.

Dikkat edilmesi gereken hususlar

  • Amaç : Sitenin amacı nedir? Eğer bilgi vermek, bir hizmet sunmak veya bir ürünmü satmak istiyorsunuz?
  • Hedef : Bu web sitesini kurarak neyi gerçekleştirmek istiyorsunuz? İki ana hedef genelde ya para kazanmak veya bilgi paylaşmaktır.
  • Hedef Kitle : Sizin ulaşmayı hedeflediğiniz belirli bir kitle var mı? Sitenizi ziyaret etmesini istediğiniz kişinin özelliklerini belirlemek önemlidir. Yaş, cinsiyet ya da ilgi alanları – bu bize en iyi tasarımı belirlemekte yardımcı olacaktır.
  • İçerik : Hedeflenen kitle sitenizde nelere bakıyor? belirli bir bilgi, ürün veya hizmetmi sunuluyor.

Adım 2 : Planlama

Adım 1 deki bilgiler doğrultusunda, sizin web siteniz için bir plan oluştururuz.

Burada bir site haritası çıkarılır – ana başlıkların bir listesi, aynı zamanda alt kategoriler belirlenir, bu bize site içeriğinin nasıl olacağına dair rehber oluşturur.

Site içerisinde ziyaretçi en kolay nasıl dolaşım sağlar ve ziyaretçi sitede aradığı bilgi veya servise rahatlıkla nasıl ulaşır tasarlarız,

Aynı zamanda hangi teknolojilerin entegre edilmesi gerektiği belirlenir. CMS (içerik yönetim sistemi) WordPress gibi kullanıcak platformlar belirlenir, İletişim formaları gerekiyormu gibi unsurlar planlanır.

Adım 3 : Tasarım

web sitesi tasarım aşamalarıSitenin görüntüsü ve kullanıcıya verdiği his belirlenir, burada hedeflenen ziyaretçi kitlesi ana faktördür. Örnek olarak gençler için tasarlanan bir web sitesi ekonomi sitesiden farklı özelliklere sahip olacaktır.

Firma logosu veya renkler firmanın kimliğini ortaya çıkarmaya yardımcı olacaktır.

Prototip çıkarıldıktan sonra, siteye ERİŞİM veririz, bu tasarım ve geliştirme süreci boyunca değişiklikleri görmenizi sağlar.

En önemlisi tasarımda beğendiniz yada beğenmediniz kısımları belirtmenizi sağlar.

Sizin ihtiyaç ve zevkinize göre sitenin son şeklini almasında karşılıklı İLETİŞİM en önemli faktördür, Fikir alışverişi ile tasarımın son aşaması tamamlanmış olur ve geliştirme sürecine geçilir.

Adım 4: Geliştirme

Bu bölüm sitenin yaratıldığı aşamadır. Prototip içerisinden her bir grafik elementini alarak kullanışlı bir web sitesi yaratmak için kullanırız.

İlk olarak ana sayfadan başlayarak diğer sayfalarıda içeren sitede gezinme taslağı belirlenir. Bu taslak sitede dolaşımı sağlayan ana iskelettir. Şema yaratıldıktan sonra tasarımcı sizden aldığımız tüm içerik (yazılar,dökümanlar,resimleri) sitede gerekli sayfa ve bölgelere yerleştirir.

İletişim formaları, e-ticaret alışveriş sepeti vs gibi sistem elementleri eklenerek kullanılır vaziyete getirilir.

Bütün bu süreç boyunca değişikleri izleyebilir ve istediğiniz gerekli düzeltmeleri yaptırabilirsiniz.

Teknik olarak başarılı bir web sitesi; “Önyüz geliştirme bilgisi” gerektirir. Bu günümüz stardartlarına uygun HTML ile kodlama mümkündür. İşlevsellik ve geniş ziyaretçi kitlesine ulaşabilmenizi sağlar.

Adım 5: Test etme ve yayınlama

web sitesi yayınlamaBu noktada son detaylar ve testler uygulanır. Formlar düzgün çalışıyormu? Kodlamada eksiklik varmı?

Farklı browserlarda uygunluk TESLERİ yapılır ve tüm güncel browserlarda düzgün görünmesi sağlanır.

İyi bir tasarımcı günümüz standartlarında web sitesi tasarlarken güncel HTML ve CSS teknolojilerini kullanan ve farklı browserla göre geçerli kodlama yaparak bunları test etmelidir.

Onay alındıktan sonra sitenin yayınlama aşamasına geçilir. Site belirlenen hosting sunucusuna FTP (dosya transferi protocolu) programı kullanılarak sunucuya yüklenir.

Hosting sunucu seçimi ve domain name (alan adı)’na karar verilerek satın alınır sunucu ayarları yapılarak, site altyapısı kurulumu yapılır ve herşey düzgünmü kontrol edilir.

Siteye belirlenen eklentiler (pluginler) eklenir. Örnek olarak çoklu dil desteği plugini veya sitenizin google arama motorunda daha yüksek sıralarda gözükmesi için SEO (arama motoru optimizasyonu) plugini gibi eklentiler yüklenir. WordPressin hazır gelen özelliklerinin yanısıra ihtiyaca uygun eklentiler ile sistem geliştirilir.

Not : Web sitesini SEO (arama motorlarına optimizyonu) ya göre düzenlemenin birçok detayı vardır ve diğer makalelerde bu konu kapsamlı olarak ele alınmaktadır. Özellikle site içi SEO ya dikkat etmeniz gerekmektedir.

Adım 6: Bakım

Sitenize ziyaretçilerinizin tekrar gelmesi sağlamak için düzenli aralıklarla sitenin güncellenmesi veya e-ticaret sitelerinde yeni ürünlerin eklenerek güncel tutulması önemlidir.

Birçok tasarımcı güncelleme paketleri sunmaktadır.

Eğer elinizin site içeriği üzerinde olmasını ve kendiniz güncelleme yapmak istiyorsunuz CMS (içerik yönetim sistemi) WordPress ile bunu yapabilirsiniz. Buna planlama aşamasında karar verilir ve tasarımcı size ait online database içerikli yönetim paneli oluşturur.

CMS ile web sitesindeki alanlardaki içeriği  sağlanan text editor ile (Microsoft Word’un ufak versiyonu benzeri) ile kendiniz değiştirebilirsiniz. Hatta yeni sayfalar ekleyebilirsiniz.

Sitenizi güncelleme tercihi tamamen sizin seçiminize bağlıdır. Bazıları vakit ayırarak güncelleme işlemlerini kendileri yapmak isterken bazıları web tasarımcıların yapmasını isteyerek hizmet alırlar.

Diğer bakım unsurları düzenli olarak sitenin yedeklenmesi, WordPress Sistem güncellemeleri, Eklentilerin güncellenmesi vs gibi sistem bakımıdır.

E-Ticaret Sitesinde Satısları Arttırmanın Yolu.

E-ticaret sitesinde satışları arttırmanın birçok yolu vardır. Online satışlarınızı başarıya götüren ana faktörlerden bazıları

1- Ziyaretçilerinizin ilgisini çekecek tasarım

Websitenizin dünya çapında standartlarda olması, sayfa ziyaretlerinin arttırılması ve satın almaya teşvik edilmesi için yüksek kaliteli ve net fotoğraflar kullanarak ürünler sayfasını mümkün olan en iyi hale getirin.

2- E-Ticaret sitesinin “Responsive” (tüm cihazlara uyumlu) olduğundan emin olun.

Websitenizin “Responsive” tasarım olması çok önemlidir. Bunun anlamı mobil, masaüstü ve tablet için websitesinin optimize edilmesidir.
Eğer web siteniz mobil uyumlu değilse potensiyel müşterileriniz rakip web sitelerine yönelecektir.
Google “Responsive” olmayan web sitelerini arama sıralamalarında daha aşağılarda göstereceğini duyurmuştur.

3- Kullanması kolay arama özelliği ekleyin

E-ticaret sitesinde dolaşırken aradığınız ürünü bulamamaktan daha kötü şey yoktur. Müşterilerinizin aradıkları ürünü kolayca bulabileceklerinden emin olun, ve arama araçını sitenizde uygun yere koyun.

Müşteri deneyimini daha da arttırmanın yolu otomatik arama kelimesi tamamlayacı özelliği eklemektir, bunun anlamı müşteri arama kısmına birkaç harf girmesi yeterlidir.
Örn: Eğer kamp ürünleri satıyorsanız arama kısmına term yazdığınzda termos çıkması gibi.

4- Mükemmel müşteri deneyimi sunun

Web sitesinin tasarımı ve yazılımının potensiyel müşteriler için olabildiğince zahmetsiz olması gerekmektedir. Bunun anlamı müşteri ana menu de veya arama motorunda ürünleri veya ürün kategorilerini kolaylıkla görebilmelidir.
Kolaylıkla ürün detay sayfasına tıklayabilmeli, sepete atma ve sipariş onay işlemlerini sadece birkaç tıklama ile yapabilmelidir.

5- Ürün sayfalarının büyüleyici olduğundan emin olun.

Ürünlerin gösterilmesi kadar , ürün sayfası daha fazlasını yapabilmelidir.

Eklenmesi gereken bazı yararlı özellikler:

  • Temiz ve yüksek kalite resimler – dönebilen / zoom özelliği ile müşterilere daha fazla detay gösterebilmek.
  • Özgün ve temiz ürün tanıtım yazısı
  • Harekete geçilmesini sağlayan tuş. Bu ya şimdi satın al veya sepete ekle tuşu olabilir böylece kullanıcının satın almasına yönelik bir sonraki adımı atmış olur.
  • Stok göstergesi – Bir ürün stoklarda az kaldığında müşterileri daha hızlı hareket etmeye yönlendirebilir.
  • Yorumlar – Sattığınız ürün ile ilgili yorumlar olması müşteriye güven vermenin en iyi yollarından biridir. Ziyaretçilerin 63% ü müşteri yorumları olan web siteslerinden alışveriş yaptığı gözlenmiştir. (kaynak : İperceptions Study)
  • Sosyal medya platformlarında paylaşma özelliği bulunmalıdır. Bedava olarak ürünüzün adını ve Pazar payını yaygınlaştırmış olursunuz.
  • Kargo ve İade poliçesi – Temiz ve dürüst kargo ve iade poliçeniz olması müşterilerin servisinize güven duymasını sağlar.
  • Yükleme hızı – Web sayfalarının ışık hızında yüklendiğinden emin olun. Bunun anlamı yavaş yüklenen özelliklerin minimumda tutulması ve sayfanın temiz, düzgün, ilgi çekici ve satın almaya teşvik edici şekilde hızlı olması gerektiğidir.

6- Websitenizi Google için optimize edin

Bu arama motoru optimizasyonu yada kısaca SEO olarak bilinir.
Bu websitenizin aratılan kelimeye göre Google Arama Motorunda birinci sayfada üst sıralarda çıkması için yapılan düzenlemelerdir.
Örnek olarak, spor malzemeleri satıyorsanız, bu kelimeyi SEO kampanyalarınız için hedef kelime olarak belirleyebilirsiniz.

Web sitenizi Google’a göre optimize etmeniz için yapabileceğiz birkaç şey:

– Sattığınız ürünü hedef alan blog yaratın, hedeflediğiniz kelimeleri içeren makaleler yazın, bu makaleler hem yararlı olmasının ötesinde izleyicilerinizle olan iletişimide arttıracaktır.

– Websiteniz için hedeflediğiniz kelimeleri içeren orjinal içerik yaratın yalnız bu içeriğin anlamlı olduğundan ve sayfaların çok fazla text içerikli olmamasına dikkat edin.

-Sosyal medya sayfaları yaratın (Facebook,Twitter, Google+ vs) ve düzenli olarak heyecan uyandıran ve işiniz ile ilgili içerikle güncel tutun.

Egezon Ekibi

Conversion Rate Optimizasyon nedir?

Conversion Rate Optimizasyon nedir ve neden ihtiyaç duyulur?

Conversion Rate (dönüşüm oranı) bir web sayfasına ulaşan ve yapmasını istediğiniz eylemleri gerçekleştiren kullanıcıların yüzdesidir. Read more

Mobil uyumlu sitelere ihtiyacın 10 nedeni.

İşinizin web sitesi var mı? Eğer cevabınız evet ise, ilk emin olmanız gereken web sitenizin responsive (mobil cihazlara uyumlu) olduğundan emin olmaktır.

Eskiden masaüstü ve mobil cihazlar için ayrı iki site olması yaygındı. Bunun dezavantajı her iki siteyi birden güncel tutmak pahalı ve zaman alan bir işlemdi. Ayrıca mobil siteler akıllı telefonlara göre düzenleniyordu ve tablet ve daha küçük ekranlı cihazlarda düzgün çalışmıyordu.

Google’ın tavsiyesi tek bir responsive web sitesine sahip olmakdır. Bunun anlamı bütün ana cihazlarda sorunsuzca çalışması ör: mobil, masaüstü ve tablet gibi.

Resposive tasarım nedir?

Responsive site web browserın ekran boyutuna ve cihaza göre içerisindeki elementleri ve yapısını değiştirir.
Responsive tasarım web sitenizin en iyi deneyimi sunmak için görüntülendiği cihaza göre adapte olmasıdır. Ekran boyutuna göre menüler kapanır veya genişler ve sayfa yapıları yeniden düzenlenir.

Responsive tasarımın avantajlarına bakarsak:

1- Google tarafından tavsiye edilmektedir.

Google’ın algoritması Nisan 2015 yılında yenilendiğinden beri, responsive tasarım web sitelerini mobil için hazırlanan ayrı web sitelerine veya mobil uyumlu olmayan web sitelerine nazaran ön plana çıkarmaktadır.

2- Mobil kullanımın yüksek olması
Mobil uyumlu web sitesine sahip olmayarak, geniş oranda potansiyel müşteriler den mahrum kalınması.

İstatistikleri incelersek:
• 25% kullanıcı interneti sadece mobil cihazlardan kullanmaktadır.
• Her 5 müşteriden 4 ü alışverişlerini akıllı cihazlardan yapmaktadır.
• 40% kullanıcı arama sonuçlarında eğer web sitesi responsive değilse diğer bir arama sonucunu seçecektir.
• 2012 de yerel aramaların yarısından fazlası mobil cihazlardan yapılmıştır.

3- Gelişmiş kullanıcı deneyimi
Eğer kullanıcılar mobil cihazlarda kolaylıkla web sitenizde dolaşabiliyorsa daha uzun süre vakit geçirmeyi ve daha çok sayfaları ziyaret etmeyi seçerler. Eğer kullanıcılar sürekli zoom yaparak veya sağa sola doğru giderek sayfayı görmeye çalışıyorsa büyük olasılıkla sitenizi birkaç saniye içinde terk edeceklerdir.

4- Yüklenme hızlarının geliştirilmesi
Google PageSpeed yazılımcıları mobil cihazlarda ekranda görünen bölümün 1 saniyeden az zamanda tüm sayfanın 2 saniyenin altında yüklenmesi gerektiğini tavsiye etmişlerdir.
Bu tip bir hız mobil uyumlu olmayan web sitesinde çok nadirdir. Eğer müşteri sayfanın yüklenmesi için belirtilen süreden daha fazla beklemek zorunda kalıyorsa muhtemelen rakip bir web sitesine yönelecektir.

5- Yüksek bounce (tek sayfa etkileşimi) oranları
Eğer web siteniz mobil, tablet ve masaüstünde iyi çalışmıyorsa yüksek bounce oranları işiniz için sorun olacaktır.

Mobil için ayrı bir web sitesine sahip olan yüksek bounce oranlarına neden olur çünkü büyük olasılıkla masaüstü sürümü ile farkı içeriğe sahiptir ve tutarlı değildir.

Responsive tasarıma masaüstü sürümü ile aynı içeriği gösterebildiği gibi yapısal olarak çok daha fonksiyoneldir. Bunun anlamı mobil cihazlara uyumlu olsun diye bazı özellikleri ya da içerikleri çıkartmanız gerekmez. Böylece müşterilerinize aradıkları bilginin eksiksiz sunulduğundan emin oluruz.

6- Harcamaların azaltılması
Sadece mobil için hazırlanan siteler masaüstü sürümlerine göre kapsamlı menü navigasyonu sunmazlar. Bunun anlamı hem mobil hem masaüstü sitelerini sürekli yönetmeniz gerekir.
Sadece tek bir responsive website olması sizi büyük oranda tasarım maliyetlerinden, geliştirme ve düzenleme masraflarını azaltacaktır.

7- Daha iyi SEO
Web sitenizin arama motorlarında üst sıralarda olması için responsive tasarım olması büyük önem taşır, sadece tek bir siteye yatırım yapmış olursunuz, web sitenizin sayfa url (sayfa adresleri) her cihazda aynı olur. Arama motorlarında sıralamanız ve görünürlüğünüzü arttırır.

8- Satış ve dönüşüm işlemlerin geliştirilmesi
Yukarıda belirtilen faydaların yanı sıra responsive web sitesi online satışların arttırılması ve hedeflenen işlemlerin (conversion) gerçekleştirilmesini sağlar.

Eğer siteniz mobil cihazlarda uyumlu değilse ister bir formu doldurmaya veya bir ürünü satın almaya kısaca müşteri olmaya istekli olmayacaklardır.

Eğer potansiyel bir müşteri mobil cihazlarda sorunlu bir web sitesine gelirse onu kaybedersiniz.

9- Kolay analiz raporlama
Bütün analiz ve takip araçlarınız işlemeye başlar ve tek bir raporda gösterilebilir böylece kolaylıkla izleme ve Pazar planlaması yapabilirsiniz.
10- Uzun vadeli sonuçlar
Bugünün dünyasında teknoloji sürekli gelişmekte ve ilerlemektedir, mobil cihazlara uyumlu responsive bir web sitesi gelecekteki akıllı cihazlara göre de hareket edecek ve optimize olacaktır böylece uzun vadede işinizi en iyi şekilde yıllarca sunabilme imkânı verecektir.

Sonuç

Mobil izleme yaygınken, responsive websiteleri tek seçenektir bu işinizde zamandan, geliştirme ve yönetme masraflarından, SEO sonuçlarınızdan ve satışlarınızın arttırılması gibi birçok fayda sağlamaktadır.

Teşekkürlerimizle
Egezon Ekibi