Web Sitesi Başlatma Kontrol Listesi: Canlı Yayına Geçmeden Önce Yapılması Gereken En İyi 7 Şey

Kontrol listelerini SEVİYORUZ. Ve yeni bir web sitesi açmanın heyecan verici olabileceğini bildiğimiz halde, deneyimli olsun ya da olmasın herkes için stresli bir çaba olabilir. Sitenizi başlatırken çok yanlış gidebilecek birkaç şey hakkında endişelenmek yerine, canlı yayına geçmeden önce başvurmak için kullanışlı bir kontrol listesine sahip olmak güzel olmaz mıydı? Şanslısın!

Çoğu finansal danışmanın, kendi sitenizi oluşturmayı çok korkutucu bir fikir haline getirebilecek web sitesi tasarımı konusunda çok az deneyime sahip olduğunu veya hiç deneyime sahip olmadığını anlıyoruz. Web'in nasıl çalıştığına dair temel bir fikriniz olsa bile, kendi başınıza bir web sitesi oluşturmak genellikle pahalı ve zaman alıcı olabilir.

Bu nedenle, Twenty Over Ten platformunu yalnızca son kullanıcıyı değil aynı zamanda yapıcıyı da, yani sizi düşünerek geliştirdik! Sezgisel CMS'miz (İçerik Yönetim Sistemi), web sitenizi bir profesyonel gibi özerk bir şekilde yönetmeniz için araçlar sunar. Kullanımı kolay, kullanıcı dostu ve hem yeni başlayanlar hem de uzmanlar için güçlü özelliklerle dolu!

Lansman Öncesi Kontrol Listesi

1. Öğe Bir Site Başlığı Ekle

Web sitenizin ana sayfası, web sitenizin tamamında açık ara en ağır ağırlıklı sayfadır. Bu nedenle, yeni web siteniz için göze çarpan bir başlık seçmeniz çok önemlidir. Web sitenizin başlığı arama sonuçlarında, tarayıcı çubuklarında ve form bildirimlerinde görünecektir. Anlıyoruz - bir web sitesi başlığı bulmak korkutucu bir şey olabilir. Bu, potansiyel müşterilerin web sitenize geldiklerinde göreceği ilk şeydir.

Web sitenizin başlığı markanızdır. Web sitenizin amacı konusunda net olun ve finansal planlama firmanızın rekabette öne çıkmasına yardımcı olmak için iyi hazırlanmış bir site başlığı geliştirmek için zaman ayırın. İyi bir site başlığı seçmek, ziyaretçilere sitenizin ne hakkında olduğunu ve sitenize geldiklerinde ne bulmayı bekleyebileceklerini söylemeye yardımcı olur.

SİTE BAŞLIĞI EKLEME:

Adım 1: Kenar çubuğunuzun altından "site ayarlarınıza" erişin.

Adım 2 (bir logo dosyası yükleme): Bir dosyayı içe aktarmak için "logo yükle" düğmesini kullanın. .svg, .png veya .jpeg dosya türleri tercih edilir.

Adım 3 (Logotype ekleme): Belirli bir logonuz yoksa, “site başlığı” aracını kullanın ve istediğiniz adı yazın (bunun web sitenizdeki sayfalarda logonuz olarak görüneceğini unutmayın).

Adım 4: “Site başlığı” aracını kullanıyorsanız, logo yazı tipini istediğiniz markaya uyacak şekilde değiştirmek için “logo yazı tipi” aracını kullanın.

Öğe #2 Sayfa Başlıkları Ekle

Başlık etiketleri, kullandığınız tarayıcının üst kısmında görünür ve hem kullanıcı deneyimi hem de SEO için önemlidir. Sayfa başlıklarınızı eklemek ve özelleştirmek yalnızca site ziyaretçilerine daha fazla bilgi vermekle kalmaz, aynı zamanda Google gibi arama motorlarının sitenizdeki sayfalar ve içerdikleri bilgiler hakkında daha fazla bilgi vermesine de yardımcı olabilir.

Bir web sayfasının başlık etiketi, bir sayfanın içeriğinin doğru ve özlü bir açıklaması anlamına gelir. Aşağıdaki örnekte, “Cleveland, OH | Kadın Mali Müşavir | Glass Financial başlık etiketidir. SEO açısından bakıldığında, başlık etiketleri şu şekilde biçimlendirilmelidir: Birincil Anahtar Kelime – İkincil Anahtar Kelime | Marka Adı . Firmanın nerede olduğunu, danışmanı veya firmayı tanımlayan bir anahtar kelimeyi ve işletmenin adını görebilirsiniz.

BİR SAYFA BAŞLIĞINI ÖZELLEŞTİRME:

Öğe #3 Tüm Sayfalara ve Blog Gönderilerine Meta Veri Ekleme

Meta açıklamalar, arama motorlarına ve arama yapanlara sitenizin ne hakkında olduğunu açıklar. Sitenize ilgi çekici meta açıklamalar eklemek, özellikle arama yapan kişinin aradığı anahtar kelimeleri ekliyorsanız, çoğu zaman birisinin sitenizi SERP'den (arama motoru sonuç sayfası) tıklayıp tıklamadığını belirleyen faktör olabilir.

Twenty Over Ten müşterisi, Forward Thinking Wealth Management, yalnızca ana başlık etiketlerinin altına değil, aynı zamanda alt başlıkların altına da bir meta-veri açıklaması eklemek konusunda harika bir iş çıkardı.

İşte yakalama ve çoğu danışmanın yanlış olduğunu gördüğümüz yer. Web sitenizin her sayfasına meta verilerin eklenmesi gerekir. Buna ana sayfalar, açılış sayfaları ve blog gönderileri de dahildir!

WEB SAYFALARINIZA META VERİ EKLEME:

BLOG YAYINLARINIZA META VERİ EKLEME:

Adım 1: Kenar çubuğunuzdan (A simgesi) “gönderilerinizi yönetin” kısmına erişin.

Adım 2: Meta veri eklemek istediğiniz blog gönderisini seçin.

Adım 3: SEO açıklama kutusuna ulaşana kadar aşağı kaydırın ve içeriğinizi ekleyin.

Adım 4: Meta verileriniz, söz konusu blog gönderisinde görünen içeriğin 1-2 cümlelik kısa bir açıklaması (anahtar kelimeler açısından zengin) olmalıdır. Seçtiğiniz içeriği ekledikten sonra kaydet düğmesine tıklayın.

Madde #4 Bağlantı Formları

İletişim sayfanızda bir form var mı? Formdaki her alanın düzgün çalıştığından emin olmak için her birini doldurmak önemlidir. Gönder veya gönder'i tıkladığınızda, doğru onay veya teşekkür sayfasının geldiğini de doğrulamanız gerekir. Son olarak, isteğinizin başarıyla gönderildiğinden emin olmak için kaydolduğunuz e-postanızı kontrol edin. Site ziyaretçileriniz için çalışmayan bir form doldurmaktan daha çıldırtıcı bir şey yoktur ve bir işletme sahibi olarak bu potansiyel müşterileri de yakaladığınızdan emin olmak istersiniz!

CONNECT FORM VERİLERİNİN EKLENMESİ:

1) Varsayılan Alanları Yeniden Adlandır

Adım 1: Formunuz için varsayılan alan adlarını düzenlemek için önce oturum açmanız ve DÜZENLE ekranında olmanız gerekir. Buradan formunuzun bulunduğu sayfalara gidin ve düzenleyici araç kutusunu etkinleştirmek için sayfa içeriğinize tıklayın:

2. Adım: Buradan, düzenleme araç kutusundan </> simgesini seçin:

Adım 3: Bu, sayfanızın içeriğinin “Kod Görünümü” olarak adlandırdığımız şeye geçiş yapar. Bakmakta olduğunuz şey, bu sayfanın gerçek web sitesi kodudur. Bu kod içinde formunuzun nerede olduğunu bulun, şöyle görünmelidir:

Adım 4: Her Alan için, varsayılan alanlarınızı özelleştirmek üzere değiştirebileceğiniz iki alan vardır. Bu, alanın Etiket Metni ve Alan Adı olacaktır.

Diyelim ki “Telefon” alanını “Telefon Numaranız” olarak değiştirmek istediniz:

 < div class = " form-item " > < label > Phone </ label > < input class = " form-control " name = " contact[phone] " type = " text " /> </ div >

 < label > Phone </ label >

Hangisi değiştirilebilir:

 < label > Your Phone Number </ label >

Ardından, Alan Adını değiştirmek isteyeceksiniz, aşağıdakine benzer bir şey arayın:

 < input class = " form-control " name = " contact[phone] " type = " text " />

Alan kodunda aşağıdakileri göreceksiniz:

 name="contact[phone]"

Alanın adı [] parantezleri içindedir. Yani bunu şu şekilde değiştirirsiniz:

 name="contact[your-phone-number]"

Adım 5: İşiniz bittiğinde, görsel düzenleyiciye geri dönmek ve güncel formunuzu görmek için kod görünümünün sağ üst köşesindeki </> simgesine tıklayın!

2) Tek Satır Metin Ekle

Tek satırlık bir metin alanı, 2-5 kelimelik kısa cevaplar (ör. şirket adı, yaş, posta kodu vb.) için kullanıcı tarafından girilen metni toplamak için kullanışlıdır.

Adım 1: Bunu eklemek için önce oturum açmanız ve DÜZENLE ekranında olmanız gerekir. Buradan, formunuzun bulunduğu sayfalara gidin ve düzenleyici araç kutusunu etkinleştirmek için sayfa içeriğinize tıklayın ve “Kod Görünümü”nü etkinleştirmek için </> simgesine tıklayın.

Adım 2: Bu kod içinde formunuzun nerede olduğunu bulun, şöyle görünmelidir:

Adım 3: Her alan şu kodda bulunur: <div class="form-item"> ... </div> , bu nedenle yukarıda kopyaladığınız kodunuzu, diğer alanın kodundan önce veya sonra gelecek şekilde yapıştırdığınızdan emin olun. .

Adım 4: Bu alanın Etiket Metni ve Alan Adını yukarıdaki ilk bölümde anlatıldığı gibi değiştirmek isteyeceksiniz.

3) Çok Satırlı Metin Ekle

Çok Satırlı metin alanları, uzun biçimli sorular için mükemmeldir.

Adım 1: Bunu eklemek için önce oturum açmanız ve DÜZENLE ekranında olmanız gerekir. Buradan, formunuzun bulunduğu sayfalara gidin ve düzenleyici araç kutusunu etkinleştirmek için sayfa içeriğinize tıklayın ve “Kod Görünümü”nü etkinleştirmek için </> simgesine tıklayın.

Adım 2: Bu kod içinde formunuzun nerede olduğunu bulun, şöyle görünmelidir:

Adım 3: Her alan şu kodda bulunur: <div class="form-item"> ... </div> , bu nedenle yukarıda kopyaladığınız kodunuzu, diğer alanın kodundan önce veya sonra gelecek şekilde yapıştırdığınızdan emin olun. .

Adım 4: Bu alanın Etiket Metni ve Alan Adını yukarıdaki ilk bölümde anlatıldığı gibi değiştirmek isteyeceksiniz.

4) Seçme Açılır Listesini Ekle

Select Dropdown alanları, uzun, önceden tanımlanmış seçenekler için harikadır.

Adım 1: Bunu eklemek için önce oturum açmanız ve DÜZENLE ekranında olmanız gerekir. Buradan, formunuzun bulunduğu sayfalara gidin ve düzenleyici araç kutusunu etkinleştirmek için sayfa içeriğinize tıklayın ve “Kod Görünümü”nü etkinleştirmek için </> simgesine tıklayın.

Adım 2: Bu kod içinde formunuzun nerede olduğunu bulun, şöyle görünmelidir:

Adım 3: Her alan şu kodda bulunur: <div class="form-item"> ... </div> , bu nedenle yukarıda kopyaladığınız kodunuzu, diğer alanın kodundan önce veya sonra gelecek şekilde yapıştırdığınızdan emin olun. .

Adım 4: Yukarıdaki ilk bölümde belirtildiği gibi bu alanın Etiket Metni ve Alan Adını değiştirmek isteyeceksiniz, ancak aynı zamanda kullanıcılarınız için mevcut olan açılır menü seçeneklerini de özelleştirmek isteyeceksiniz. Bunu yapmak için, kopyalayıp yapıştırdığınız koda aşağıdakileri eklemeniz/kaldırmanız yeterlidir: <option>Option 1</option>

İlk <option> öğesinin biraz farklı ayarlandığını fark edeceksiniz. Bu, disabled="disabled" ve selected="selected" kodunda belirtildiği gibi, kullanıcılara ne yapmaları gerektiğini söylemek için isteğe bağlı bir varsayılan seçenektir. Bu seçeneğin metnini de düzenlemekten çekinmeyin veya seçeneği tamamen kaldırın.

5) Radyo Düğmeleri Ekle

Radyo Düğmesi alanları, tek yanıt seçeneklerini sergilemenin başka bir harika yoludur.

Adım 1: Bunu eklemek için önce oturum açmanız ve DÜZENLE ekranında olmanız gerekir. Buradan, formunuzun bulunduğu sayfalara gidin ve düzenleyici araç kutusunu etkinleştirmek için sayfa içeriğinize tıklayın ve “Kod Görünümü”nü etkinleştirmek için </> simgesine tıklayın.

Adım 2: Bu kod içinde formunuzun nerede olduğunu bulun, şöyle görünmelidir:

Adım 3: Her alan şu kodda bulunur: <div class="form-item"> ... </div> , bu nedenle yukarıda kopyaladığınız kodunuzu, diğer alanın kodundan önce veya sonra gelecek şekilde yapıştırdığınızdan emin olun. :

Adım 4 : Yukarıdaki ilk bölümde belirtildiği gibi bu alanın Etiket Metni ve Alan Adını değiştirmek isteyeceksiniz, ancak aynı zamanda radyo düğmesi seçeneklerinizi Değer ve Ekran Metni'ni özelleştirmeniz gerekecek.

Buradaki Değer olarak gördüğünüz değerdir: value="1" , 1 e-posta bildirimlerinizde görünmesini istediğiniz metinle değiştirmeniz yeterlidir. Görüntü Metni , şu şekilde gördüğünüz şeydir: Kapatma </label> etiketinden hemen önce gösterilen Option 1 . Bu, kullanıcının bu seçenek için göreceği metindir, bunu istediğiniz şekilde değiştirin.

6) Onay Kutuları Ekle

Onay kutuları, çoktan seçmeli sorular için idealdir.

Adım 1: Bunu eklemek için önce oturum açmanız ve DÜZENLE ekranında olmanız gerekir. Buradan, formunuzun bulunduğu sayfalara gidin ve düzenleyici araç kutusunu etkinleştirmek için sayfa içeriğinize tıklayın ve “Kod Görünümü”nü etkinleştirmek için </> simgesine tıklayın.

Adım 2: Bu kod içinde formunuzun nerede olduğunu bulun, şöyle görünmelidir:

Adım 4: Her alan şu kodun içinde bulunur: <div class="form-item"> ... </div> , bu yüzden yukarıda kopyaladığınız kodunuzu, diğer alanın kodundan önce veya sonra gelecek şekilde yapıştırdığınızdan emin olun. .

Adım 4: Yukarıdaki ilk bölümde belirtildiği gibi bu alanın Etiket Metni ve Alan Adını değiştirmek isteyeceksiniz, ancak aynı zamanda Değer ve Metni Görüntüle onay kutusu seçeneklerinizi de özelleştirmeniz gerekecektir. Bunu yapmak için, kopyalayıp yapıştırdığınız kodun içinde aşağıdakileri bulmanız yeterlidir:

Buradaki Değer olarak gördüğünüz değerdir: value="1" , 1 e-posta bildirimlerinizde görünmesini istediğiniz metinle değiştirmeniz yeterlidir. Görüntü Metni , şu şekilde gördüğünüz şeydir: Kapatma </label> etiketinden hemen önce gösterilen Option 1 . Bu, kullanıcının bu seçenek için göreceği metindir, bunu istediğiniz şekilde değiştirin.

Öğe #5 Bir Favicon Ekle

Favicon (favori simgesinin kısaltması) aslında belirli bir web sitesiyle ilişkilendirilmiş küçük bir simgedir. Sık kullanılan simgeleri destekleyen tarayıcılar, simgeyi genellikle tarayıcının adres çubuğunda, yer imlerinde ve geçmişte de görüntüler. İyi tasarlanmış Favicon'lar genellikle firmanızın logosuna veya web sitenizin temasına uygun olacaktır. Web sitenize sık kullanılan simgesi eklemek, ziyaretçilere web sitenizi tek bir bakışta tanımaları için hızlı bir yol sağlar.

Twenty Over Ten müşterisi, Fit Wealth Advisors, adlarını arama motoruna yazarken solda açılan “Sığdır” simgesine sahiptir.

FAVICON EKLEME:

En az 16x16 piksel boyutunda bir site simgesi oluşturmanızı öneririz. Twenty Over Ten platformunda kendi favicon'unuzu eklemek kolaydır. Favicon'unuzu yüklerken lütfen PNG veya ICO dosya türlerinin tercih edildiğini unutmayın.

Öğe #6 Analiz Ekle

Web sitesi analizlerinizi izlemek ve izlemek çok önemlidir ve performans odaklı bir web sitesinin temelidir. Google Analytics, kullanıcılara büyük miktarda veri sunar ve Twenty Over Ten web sitenize kolayca entegre edilebilir. Bir Google Analytics hesap kurulumunuz yoksa buradan bir tane oluşturabilirsiniz.

GOOGLE ANALYTICS'İ WEB SİTENİZE EKLEME:

Google Analytics hesabınızı Twenty Over Ten web sitenize entegre etmek için Google Analytics hesap numaranıza ihtiyacınız olacak. Google Analytics tarafından sağlanan izleme kimliği, UA-000000-2 gibi bir harf ve sayı dizisidir. Analytics'e hangi hesaba ve mülke veri gönderileceğini bildirmek için bu, izleme kodunuza dahil edilmelidir. İlk sayı grubu (yukarıdaki örnekte -000000) hesap numaranızı ve ikinci sayı grubu (-2) hesapla ilişkili belirli mülk numarasını belirtir. Google Analytics hesabınızda izleme kimliğinizi nerede bulacağınıza ilişkin temel talimatları burada bulabilirsiniz.

Madde #7 TESTİ TESTİ TESTİ

Yeterince söyleyemeyiz - test edin, test edin ve tekrar test edin! Web siteniz iyi performans gösterdiğinde, işinizi katlanarak büyütmenize yardımcı olacaktır. Ancak, analiz ve test kullanmadan web sitenizin nasıl performans gösterdiğini ve sitenizin performansını nasıl iyileştireceğinizi asla bilemezsiniz. Web sitenizi başlatmadan önce test etmek, herhangi bir sorunu bulmak ve kullanıcı deneyimine zarar verebilecek hataları düzeltmek için inanılmaz derecede önemlidir.

Ekibimizin her zaman test ettiğinden, hataları ezdiğinden ve platformumuzu geliştirdiğinden emin olabilirsiniz, ancak yeni web sitenizi başlatmadan önce kullanıcılarımıza kalite güvencesi için incelemelerini önerdiğimiz bazı ek sayfa içi öğeler vardır, örneğin:

• Bağlantılar: Hiçbir yere gitmeyen veya sizi tamamen alakasız bir sayfaya götüren bir bağlantıya tıklamaktan daha kötü bir şey olduğunu düşünmüyoruz. Test etmek ve gitmek istediğiniz yere gittiklerinden emin olmak için sitenizdeki her bir bağlantıya tıklayın.
• Dil bilgisi ve yazım: Web siteniz için sağlam içerik geliştirmek için çok zaman harcadınız. Aptalca hataları kaçırarak boşa gitmesine izin vermeyin. Sitenize saatlerce (hatta haftalarca) baktıktan sonra hataları gözden kaçırmak kolay olabilir. Yazım ve dilbilgisi hatalarını yakalamak için başlatmadan önce bir meslektaşınızdan veya ortağınızdan test sitenize bakmasını isteyin.
• Bakın ve hissedin: Geri çekilin ve resimlerinize ve içerik bloklarına bir göz atın. Yeterli beyaz alan var mı yoksa her şey düzgün mü görünüyor? Aralığınızın yeterli olduğundan, renk paletinizin marka kimliğinizi yansıttığından ve genel stilin eşit olduğundan emin olun. Ek olarak, web sitenizin iyi aktığından emin olun. Çoğu danışmanlık firmasının web sitelerinin ortalama ziyaret süresi bir dakikanın biraz üzerindedir. Basit ve gezinmesi kolay tutun. Mesajınızı beşten fazla sayfa ile anlatmanıza gerek yok.