Bir WordPress web sitesi nasıl yeniden tasarlanır: nihai kontrol listesi

Aaah, bir WordPress web sitesinin yeniden tasarımı…

Bu görevin içerdiği farklı konuları düşündüğünüzde, genellikle biraz strese girersiniz.

Bu önemli anda, sunucusunda basit bir Command + Option + Escape veya Ctlr + Alt + Del yapıp kolayca baştan başlamayı kim hayal etmez?

Ne yazık ki, web sitenizi yeniden tasarlamak her zaman bundan biraz daha karmaşıktır . Ve bir gözden kaçırma, bir hata, bir gaf o kadar çabuk olur ki…

WPMarmite, bu büyük projeye gönül rahatlığıyla yaklaşmak için en iyi uygulamalarını sizinle paylaşmak istedi.

Hazır mısın? Bu yazıda, yukarı akış stratejisinden çevrimiçi lansmana kadar WordPress web sitenizi yeniden tasarlamak için düşünmeniz gereken tüm unsurları detaylandırıyorum.

En iyi WordPress projelerinizin en iyi ana bilgisayara ihtiyacı var!

WPMarmite, Bluehost'u önerir: harika performans, harika destek. Harika bir başlangıç ​​için ihtiyacınız olan her şey.

Bluehost'u deneyin

Sıfırdan bir WordPress web sitesi oluşturmayı öğrenmek için eksiksiz kılavuzumuza göz atın .

WordPress web sitenizi yeniden tasarlamadan önceki 4 adım

Web sitenizi yeniden tasarlamak için WordPress'i kullanmadan önce, çeşitli yapısal öğeler üzerinde çalışmanız gerekir.

Doğru: Neye bulaştığınızı bilmeden başlayacağınızı düşünmediniz mi?

1. Yeniden tasarımınızın hedeflerini belirleyin

Herhangi bir proje gibi, bir WordPress web sitesini yeniden tasarlamak için, tam olarak tanımlamanız gereken (ister serbest çalışan, ister web ajansı veya profesyonel olmayan bir web yöneticisi olun) hedefleriniz olması gerekir.
Sonraki adımlarınıza rehberlik edecek olan bu açık ve özlü hedeflerdir .

Kendinize şu soruyu sormanız gerekiyor: Web sitenizi neden yeniden tasarlamak istiyorsunuz? Bunun birçok nedeni olabilir:

• Yeni bir tema seçerek veya bir sayfa oluşturucu seçerek sitenizin tasarımını değiştirin .
• Sitenizin yönetimini güncelleyin . Eklentileriniz veya WordPress CMS sürümünüz hiç güncellenmemişse, farklı eklentiler arasında çakışmalar varsa veya temanız hatalı bir şekilde değiştirilmişse bu durum söz konusu olabilir. Bunların hepsi web sitenizin performansını ve günlük yönetimini etkileyebilecek endişelerdir.
• SEO'nuzu optimize edin . Kendinize, özellikle trafiğinizin azaldığını veya artmadığını, kullanıcı deneyiminizin şu anda titrek olup olmadığını veya HTML kodunuz Google'ın robotları için optimize edilip edilmediğini sormanız gereken bir hedef.
• Mevcut tasarımınızın karşılayamayacağı yeni özellikleri sitenize ekleyin. Ayrıca, ziyaretçileriniz için daha sezgisel ve kullanımı daha kolay hale getirmek isteyebilirsiniz.
• Güvenliğini güçlendirmek, yükleme hızını iyileştirmek ve ağaç yapısını değiştirmek için web sitenizin (veya e-ticaretin) teknik yapısını iyileştirin.
• Sitenizi başka bir web barındırma sunucusuna taşıyın .
• Özellikle bir WooCommerce mağazanız varsa daha fazla satış yapın .
• Daha güncel web siteleri sunan rekabet ile sitenizi güncel tutun . Marka imajınızı ve itibarınızı geliştirmek için bundan yararlanacaksınız.

Bu farklı hedefleri iyi yapılandırılmış bir belgeye yazın. Web sitenizin yeniden tasarımını organize etmek için yapılandırma öğeleri oluşturacaklarını göreceksiniz.

2. Yeniden tasarım projenizi yapılandırın

Artık yeniden tasarımınızın amacı hakkında net bir fikriniz olduğuna göre, projenizin ana hatlarını belirleyen farklı adımlardan bahsedelim.

Tel çerçevelerinizi oluşturun

Tel çerçeveler terimi bir zil çalıyor mu?

Bu adım çok önemli olduğu için konunun hızlı bir şekilde gözden geçirilmesi gereklidir.

Tel çerçeveler, web sayfalarınızın farklı öğelerini tek bir belge üzerinde düzenlemenize yardımcı olan yapısal maketlerdir.

Buradaki fikir, sitenizin farklı sayfalarının çerçevesini gerçekten oluşturmak, oluşturacağınız kullanıcı deneyimi hakkında net bir fikre sahip olmaktır.

Size bu makalede bir örnek verdim ve işte yine amacımı açıklamak için:

Hafif bir yeniden tasarım için milenyum kağıt + kalem yöntemi yeterliyse, yine de tel kafeslerinizi tasarlamak için dijital bir araç kullanmanızı öneririm.

Bu, yalnızca gerektiğinde bunları kolayca değiştirmenize değil, aynı zamanda bu tel çerçeveleri ekibinizle (veya web pazarlamasında çalışan kuzeninizle) paylaşmanıza da olanak tanır.

Bunu yapmak için yalnızca birkaç araç önerebilirim:

• Balsamiq Tel Çerçeveler : Ücretli bir yazılımdır, ancak 30 günlük ücretsiz deneme sürümü size iyi hazırlanmış tel çerçeveler tasarlamanız için bolca zaman verir.
• MockFlow : Bu kullanışlı bir ücretsiz çevrimiçi araçtır. Ücretsiz sürümü, başlamak için 3 sayfaya kadar oluşturmanıza olanak tanır.
• Sketch : Nasıl doğru kullanılacağını bilmeniz koşuluyla, çok güçlü bir ortak web tasarım platformu. 30 günlük ücretsiz deneme sürümü, ardından ayda 9 ABD dolarından başlayan ücretli bir teklif sunar.
• Canva : Tel çerçevelemeye özel bir araç değildir, ancak sayısız özelliği sayesinde ona yaklaşmanıza olanak tanır. Ve hepsinden önemlisi, birçok özelliğe sahip ücretsiz bir sürümü var.

Ve bu noktada, WordPress web sitenizi yeniden tasarlamak için ne bekleyeceğiniz konusunda daha net bir fikriniz var.

Maketlerinizi tasarlama

Tel kafeslerin size yeniden tasarlanan sayfalarınızın yapısı hakkında bir vizyon vereceği yerde, maketler tasarımın kendisini bütünleştirecektir .

Bir sayfa düzeni yazılımı (InDesign gibi) aracılığıyla oluşturulan web sayfalarınızın düzeni, belirli bir teknik ayrıntı gerektirebilir ve oldukça zaman alan bir adımdır.

Öyleyse soru şu: Yeniden tasarımınız için gerçekten grafik maketler oluşturmanız gerekiyor mu? Cevap basit:

• Evet, kendi temanızı oluşturmak istiyorsanız . Bu durumda, yeniden tasarlanan web sitenizi sıfırdan tasarlamanız gerekecek ve böylece tüm grafik öğelerini kolayca görselleştirebileceksiniz.
• Hayır, sadece mevcut bir temayı kullanmak ve yeniden tasarlamak istiyorsanız. Daha basit bir çözüm. Ancak bu durumda mutlaka yeni temanızı hedeflerinize göre seçin.
  Size yardımcı olmak için WPMarmite ihtiyacınız olan kaynağa sahiptir: en iyi ücretsiz temaların listesi. Zevk almak!
  

WPMarmite abonelerine katılın

Son WPMarmite gönderilerini (ve ayrıca özel kaynakları) alın.

ŞİMDİ ABONE OL

Yeni ağaç yapınızı düşünün

Evet, sizi temin ederim, hala bahçecilikten değil, web sitesinin yeniden tasarımından bahsediyoruz!

Ağaç yapınızı tasarlamak, farklı sayfalar arasında var olacak bağlantıları hayal etmek ve bir ziyaretçinin sitede yolunu bulabileceği tüm yolları düşünmek anlamına gelir.

Kısacası, ağaç yapınızı oluşturarak, kullanıcılarınızın farklı gezinme yollarını düşünürsünüz.

Peki nasıl yapılır?

Bir ağaç yapısı tasarlayın ve şunları eklemeyi unutmayın:

• Ana gezinme menünüz ve potansiyel ikincil menüleriniz.
• Altbilginiz ve içerebileceği bağlantılar.
• Olası kenar çubuklarınız, özellikle blogunuzda.
• Blogunuzun farklı kategorileri vb.

Böyle bir diyagramla, farklı sayfalarınız arasında sorunsuz bir kullanıcı deneyimi sağlayacak iyi hazırlanmış bir ağ oluşturmayı unutmanız mümkün değildir.

Tıpkı tel çerçeveler gibi, bu diyagramı bir kağıt üzerinde oluşturabilir veya GlooMaps veya Ahtapot gibi çevrimiçi bir araç kullanabilirsiniz.

Spesifikasyonunuzu tasarlama

Eh, bu aşamada, yapılandırma elemanları ile iyi bir şekilde donatıldınız. Şimdi tüm bunları önemli bir belgede toplamanın zamanı geldi: bir spesifikasyon.

Web sitenizin yeniden tasarımının özellikleri, web sitenizi yeniden tasarlamak için sahip olduğunuz farklı beklentileri hedeflemenize olanak tanıyan çok kapsamlı bir belgedir.

Web'de birçok özellik şablonu bulacaksınız. Ancak, sizinki zorunlu olarak şunları içermelidir:

• Web projenizin ve şirketinizin açıklaması ve web sitenizin bu projede oynadığı rol.
• Yeni web sitenizin hedef kitlesi, mümkünse kesin olarak tanımlanmıştır.
• Yeniden tasarımınızın hedefleri, mümkün olduğunca rakamlarla gösterilmiştir. Hedeflerinizden biri örneğin trafiğinizi artırmak ise mevcut web sitenizin trafiğini belirtmeyi unutmayın.
• Mevcut web sitenizden kurtarılacak öğeler : sayfalarınızın içeriği, olası resimler vb.
• İzlemek istediğiniz grafik yolları . Bunu yapmak için, tel çerçevelerinizi ve maketlerinizi, teknik özelliklerinizin yanı sıra stil kılavuzunuza (görsel kimliğinizi tanımlayan) entegre edin.
• Yeniden tasarlanan web sitenizin, bir e-ticaret mağazası, bir blog, bir katılım modülü, yeni bir yönetim (arka ofis) vb. eklenmesi gibi yeni işlevsel öğeleri .
• Yeniden tasarım projenizin önemli kilometre taşları : Web sitenizin önizlemesini ne zaman görmek istiyorsunuz? Ne zaman canlı olmasını istiyorsun?

Şimdi çok daha net, değil mi?

3. Elinizdeki kaynakları düşünün

Şimdi işe başlama zamanı.

Kabul ederseniz, karşı karşıya kaldığınız zorluk, şimdi emrinizde olan kaynakları şu şekilde listelemektir:

• Bütçe : Yeniden tasarımınıza ne kadar yatırım yapmak istiyorsunuz?
• Zaman : WordPress web sitenizi yeniden tasarlamak için ne kadar zamanınız var?
• Beceriler : Tüm hedeflerinize kendi başınıza ulaşma yeteneğiniz var mı?
• Araçlar : eklentiler, temalar, sayfa oluşturucular… Bu tür araçlar, sınırlı teknik web becerileriniz olsa bile hedeflerinize ulaşmanıza yardımcı olabilir mi?

Bu liste, harici bir sağlayıcıyı aramanız gerekip gerekmediğini veya ekip üyelerinizle veya kendi imkanlarınızla bağımsız olarak çalışabileceğinizi düşünüyorsanız, bilmenizi sağlar.

En iyi WordPress uzmanlarını bulun

Codeable, sizi WordPress tema tasarımı veya kurulumundan özel eklenti geliştirmeye kadar her konuda size yardımcı olabilecek uzmanlarla eşleştirmeye kendini adamıştır.

Codeable'ı deneyin

4. Yeniden yönlendirme planı oluşturun

"Tamam, başlıyoruz, işte bu!"

Kolay! Web sitenizin yeniden tasarımı sırasında sıklıkla ihmal edilen son bir adım vardır: yeniden yönlendirme planınızın oluşturulması .

Açıklamama izin ver.

Çoğu zaman, bir web sitesinin yeniden tasarımında URL değişiklikleri olacaktır. Bu, özellikle yeni sayfalar oluşturursanız geçerli olacaktır.

Ancak, yeniden yönlendirmelerinizi yapmayı düşünmeden yeni web sitenizi çevrimiçi duruma getirirseniz ne olur? SEO'nuzu ve ziyaretçilerinizin navigasyonunu etkileyecek çok sayıda 404 hata.

Yönlendirme planınızı tasarlamak için hiçbir şey daha kolay olamazdı. Excel veya Google E-Tablolar'ı açın ve aşağıdaki gibi bir tablo oluşturun:

Web siteniz çevrimiçi olduğunda, Yönlendirme eklentisini kurabilir ve bu tabloyu doğrudan içe aktarabilirsiniz.

Zeki, değil mi?

Pekala: derin bir nefes alın ve yeniden tasarımın kendisinden bahsedelim.

WP Rocket ile web sitenizi hızlandırın

WordPress uzmanları tarafından tanınan en güçlü önbelleğe alma eklentisiyle sitenizi bir rokete dönüştürün.

WP Rocket'i deneyin

Yeniden tasarımınızı başlatmak için 3 adım

Peki, şimdi projeniz iyi yapılandırılmış ve organize edilmiş olduğuna göre bunu nasıl yapacaksınız? Bu 3 temel adım size rehberlik edecek.

1. Yerel olarak veya doğrudan mevcut sitenizde çalışmayı seçin

Teknik konuya girmeden önce, çalışmayı seçerek başlayın:

• Ya doğrudan mevcut sitenizde ve değişiklikleri "canlı" olarak entegre edin.
• Veya yeni sitenizi hedef kitlenize vermeden önce test etmek için geliştirme ve üretim öncesi sunucularda .

Bu iki seçenek ne anlama geliyor?

Doğrudan sitenizde çevrimiçi çalışmak barbarcadır.

Bu durumda, tüm ziyaretçileriniz değişiklikleri canlı olarak görür ve yeni özelliklerinizin “kobayları” olarak hareket eder… bunun neden olabileceği tüm hatalarla.

Ayrıca, değişiklikler sırasında bir hata oluşursa, siz sorunu tespit edip çözene kadar bunun web sitesini etkileyeceğini unutmayın. Site kullanılamıyor, işlevsellik çalışmıyor…

Tüm bu sorunlardan kaçınmak için web sitenizi yerel olarak yeniden tasarlayabilirsiniz.

Yerel olarak çalışmanın avantajları çoktur:

• Değişikliklerinizi güvenli bir şekilde yapın.
• Eklentilerinizi risk almadan test edin.
• Çevrimiçi olmadan önce son işlemenin bir ön izlemesini yapın.

WP'nin yönetimini şu anda yapılandırdığınız gibi tutmak istiyorsanız da ideal çözümdür. Başka bir deyişle, mevcut olanı silmeden bir WordPress web sitesini değiştirebileceksiniz.

Ancak, tamamen yeni bir yönetimde sıfırdan başlamak istiyorsanız, WordPress'i yerel olarak kurmak için nasıl ilerlemeniz gerektiğine bir göz atın.

WPMarmite'ın ipucu : “Elbette, UpdraftPlus veya Duplicator gibi bir eklenti sayesinde eski web sitenizden öğeler alabilirsiniz. Bu eklentiler, yöneticinize istediğinizi geri aktarmanıza izin verir: içeriğiniz, temalarınız, eklentileriniz, medyanız vb.

2. Yeniden tasarım için ihtiyacınız olan araçları edinin

Şimdi WordPress web sitenizin yeniden tasarımını üstlenmek için ihtiyacınız olan her şeyi listeleme ve alma zamanı.

Unutmayın: bunları özelliklerinizde listelediniz.

Bu şunları içerebilir :

• Yeni bir tema , resmi dizinde bulunan birçok temadan biri gözünüze çarparsa (çok popüler Astra gibi).
• Kodu elinize almaktan kaçınmak istiyorsanız, Elementor veya Beaver Builder gibi bir sayfa oluşturucu .
• Şaşırtıcı özellikleri entegre etmek için yeni eklentiler .

Hangi eklentileri kullanacağınızdan emin değil misiniz? Belki de olmazsa olmazlar listemizde aradığınızı bulacaksınız.

Araç kutunuz hazır mı? Her şeyi hazırlayalım ve yeniden tasarımınızın son önemli adımına geçelim: içerik.

3. Yeni web sitenizin içeriğini hazırlayın

Öncelikle unutulmaması gereken çok önemli bir nokta.

Bir web sitesi yeniden tasarımı sırasında, kaçınılmaz olarak önceki web sitesinin kurtarılabilecek içeriği vardır.

Resimler, metinler, eklenti yapılandırması: bir düşünün!

Bu nedenle, mevcut WordPress web sitenizin bir yedeğini alın ve yeniden tasarımınıza eklemek istediklerinizi gizli tutun.

Ancak, yeniden tasarım yaparsanız, bunun aynı zamanda web sitenizin içeriğini değiştirmek, onu daha alakalı, hedefleriniz için daha çekici hale getirmek için olduğunu hayal ediyorum… ve elbette arama motorları için!

Bu nedenle, yeni (harika) web sitenizi iyi sıralamak için çok önemli olan SEO stratejinizi düşünün.

İzlenecek adımları özetlemek karmaşıksa, size burada ana hatları verebilirim:

• Bir yandan, sıralamak istediğiniz anahtar kelimeleri tanımlayın . Hedeflerinizin aradıkları bilgiyi bulmak için Google'da spontane olarak girdiği ifadelerdir.
• Öte yandan, bunları her sayfada nereye entegre etmeniz gerektiğini belirleyin . Başlık etiketleriniz (hn) , veya resimlerin alternatif metni, örneğin SEO için optimize edilmelidir: Google bunlara bayılır, sitenizi ilk önce burada anlamaya çalışacaktır!
• Bu yeni içerikler yeniden tasarlanan web sitesine entegre edildiğinde, her şeyin yerinde olup olmadığını kontrol edebilirsiniz. Özellikle, çok sık ihmal edilen sayfaların resim adlarını, başlıklarını ve meta açıklamalarını düşünün.

Web sitenizin sayfa içi SEO'sunda (içerik optimizasyonu) size yardımcı olmak için özel bir SEO eklentisine güvenin.

WPMarmite, bunların en ünlüsü olan Yoast SEO'yu kullanır, ancak piyasada etkili olan tek kişi o değildir. Bu makaledeki rakipleriyle ilgili ayrıntılı karşılaştırmamızı keşfedin.

Geliştirme sunucunuzda, yerel olarak ve gerekli tüm WordPress araçlarıyla bir şeyi diğerine götüren projenizin ilerlediğini görebilirsiniz… ve çevrimiçi lansmanınız yaklaşıyor.

Web sitenizin başarılı bir şekilde başlatılması için 3 adım

Yeni WordPress web sitenizi dünyaya tanıtmanın heyecanını hissedebiliyorum.

Bu 3 adıma bakmak için zaman ayırın ve dikkatlice izleyin: Yaptığınıza memnun olacaksınız, söz veriyorum.

1. Bir doğrudan üretim veya üretim öncesi sunucusu seçin

"Üretim öncesi sunucu" terimi sizin için hiçbir şey ifade etmiyor mu? Endişelenme, bir tanım için kısa bir ara verelim.

Bir üretim öncesi sunucu, web sitenizin yayına girdiğinde açık olacağı sunucuyla aynı sunucuyu paylaşır . WPMarmite onu yeniden tasarlayacak olsaydı, Alex örneğin ön prodüksiyonunu preprod.wpmarmite.com : bu, wpmarmite.com ile aynı ortam olacaktır.

Peki neden bu preprod sunucusunu kullanasınız?

• Bir WordPress geliştiricisiyseniz, yeniden tasarımınızı müşterinizle doğrulamak için.
• Site yayınlanmadan önce hataları test etmek için.
• SEO stratejinizi ayarlamak için, tüm anahtar kelimelerinizin her sayfada yer aldığından emin olun.

Tüm bunlar doğrulandıktan sonra, ancak o zaman canlı yayına geçebilir ve yeni web sitenizi kurabilirsiniz. Kendinize güveniyorsanız, elbette doğrudan üretime geçmeyi seçebilirsiniz.

2. Yeni web sitenizi olası sorunlar için test edin

Üretim öncesi sunucunuzdan (veya bir WordPress maceracısıysanız canlı), yeni web sitenizi test etmeniz gerekir.

Sorunları başarılı bir şekilde test etmenin anahtarı, kendinizi ortalama bir ziyaretçinin yerine koymak , tıklamak ve karşılaştığınız sorunları not etmektir…

Muhtemelen tasarım ve yapı problemlerini göreceksiniz. Ancak şunları da kontrol etmeyi unutmayın:

• Henüz yapılmamış ve ölü bağlantılar veya beyaz sayfalar oluşturan yönlendirmeler .
• Web sitesinin performansı GTMetrix, Pingdom veya Google'ın PageSpeed ​​Insights testinde test edilerek.
• Katılım noktaları , iyi çalışıp çalışmadıklarını kontrol ederek.
• İletişim formları , teklif formları…
• Ödeme , bir e-ticaret siteniz varsa (onay e-postaları dahil, üye sitesine erişim…).

Her şey güzel, işlevsel, iyi bağlanmış ve iyi bir araya getirilmiş mi? Tebrikler! Son adım, buradan yüzlerinizde gördüğüm büyük gülümsemeyi artıracak.

3. Tüm üçüncü taraf hizmetlerini yeniden etkinleştirin ve yeniden bağlayın

Hadi, neredeyse geldin!

Artık WordPress web sitenize bağlı tüm hizmetleri ve eklentileri yeniden etkinleştirebilirsiniz . Özellikle şunları düşünün:

• Önbellek eklentiniz.
• MonsterInsights gibi Google Analytics kullanan eklentiler.
• Facebook veya Instagram gibi sosyal ağları kullanan eklentiler.
• Eklentileriniz ve temanız için çeşitli lisans anahtarları.

Güvenlik herkesin (ve özellikle de sizin) işi olduğundan , web sitenizin güvenliğini sağlayan tüm öğeleri yeniden etkinleştirmeyi unutmayın.

Gitmeye hazır? Ardından yeni web sitenizi Google Arama Konsolunda dizine eklemeye başlayın. Bu manipülasyon, Google'ın robotlarını yeni bebeğinizi ziyaret etmeye ve böylece onu yeni sürümünde daha hızlı dizine eklemeye zorlar.

Adamım! Yeniden tasarlanan, daha iyi performans gösteren, daha çarpıcı, daha iyi yapılandırılmış yeni web siteniz hak ettiği trafiği almaya hazır. Zor bir işti, ama buna değdi, değil mi?

Peki ya siz, yakın zamanda bir WordPress web sitesinin yeniden tasarımını yaptınız mı?

Karşılaştığınız sorunlar veya bununla yaşadığınız gurur nedir?

Bize yorumlarda her şeyi anlatın: WPMarmite ekibi hepsini dikkatlice okur.