WordPress Sitenizi Nasıl Yeniden Tasarım Yapabilirsiniz (ve SEO'nuzu koruyun)

Web sitesi yeniden tasarımları işletmeler için hem heyecan verici hem de zorlayıcı olabilir. Yeniden tasarım için az miktarda yüksek umut yoktur, ancak bu anıtsal bir girişimdir. Bir yeniden tasarım size bir siteyi soyma ve tekrar inşa etme şansı vererek mevcut sorunlarınızı çözebilir.

Bol WordPress yeniden inşa eden birinden alın - buna değer ama kesinlikle biraz iş gerektirir.

Web sitenizi neden yeniden tasarlar?

Siteniz sıkışmış hissettiğinde bir yeniden tasarıma ihtiyaç vardır. Bu birçok farklı biçimde geliyor, ancak burada büyük bir değişiklik gerektiren birkaç tane var:

Eğer bunlardan herhangi birine başınızı başını sallıyorsanız , bir yeniden tasarım sizin en iyi yararına olabilir.

Bir WordPress sitesini yeniden tasarlama adımları

Herhangi bir web sitesi yeniden tasarımı için kusursuz bir süreç var. Ancak, şaşırtıcı olmayan bir şekilde, bir planla başlamanızı öneririz.

1. Yeniden tasarım ihtiyaçlarınızı planlayın

Hedef belirleme, bir web sitesi yeniden tasarımının önemli bir parçasıdır. Amaçsız bir şekilde yüzmek için çok büyük bir proje. Gerçekçi olarak neyi başarmak istediğinizi düşünün.

Bir web sitesi yeniden tasarımı için ortak hedefler genellikle şu şeyler içerir:

• Daha İyi Çekirdek Web Vitals Puanları (daha hızlı siteler herkes için daha iyidir)
• Geliştirilmiş dönüşüm oranları (form gönderimleri, ürün alımları veya sitenizdeki diğer önemli işlemler olsun)
• Geliştirilmiş kullanıcı katılımı, bekleme süresi ve sıçrama oranları gibi şeylerle ölçülen
• Gelecekteki içerik oluşturmayı basitleştiren ölçeklenebilir bir tasarım sistemi oluşturma
• Kullanıcı deneyimini geliştirmek için yeni işlevler eklemek (müşteri incelemeleri, daha hızlı ödeme, video göstermenin daha iyi yolu veya daha kolay gezinme gibi)

Çekirdek Web Vitals puanlarınız veya dönüşüm oranlarınız gibi bu hedeflerden bazıları, metrikleri izleyerek kolayca ölçülebilir. Diğerleri, daha iyi bir tasarım sistemi oluşturmak gibi, daha fazla belirli bir his veya verimlilik seviyesi elde etmekle ilgili olabilir. Önemli olan, hedeflerinizin başlamadan önce iyi tanımlandığından ve yazıldığından emin olmaktır.

2. Bir evreleme sitesi oluşturun

Asla canlı bir sitede çalışmayın. Bunun yerine bir evreleme sitesi ayarlayın. WordPress sitenizi klonlamak için barındırma araçlarınızı kullanın. Bunu yapmazsanız, ziyaretçiler hala erişmeye çalışırken web sitenizi kırma riskiyle karşı karşıya kalırsınız. Ayrıca, bir evreleme sitesi mevcut web sitenizi devam ettirerek baskıyı ortadan kaldırır. Ayrıca, orijinal site net negatif olmadığı sürece canlı bir sitede yapım altı sayfası kullanmanızı önermiyorum. Yeniden tasarlanan site hazır olana kadar bekleyin.

Siteground, mevcut web sitenizden bir evreleme sitesi oluşturmanın en kolay yollarından birini sunar.

Evreleme sitesi, web sitenizin geçici bir URL'de “yaşayan” bir klonudur. Canlı sitenizden tamamen ayrıdır, bu nedenle ikisi arasında parazit yoktur.

Evreleme sitenizde, Google'ın canlı siteniz olarak itene kadar fark etmemesi için geçici olarak endekslemek isteyeceksiniz. Bunu yapmak için “Ayarlar> Okuma ” adresine gidin, ardından “ Arama motorlarının bu siteyi dizine eklemesinden caydırın ” yazan kutuyu kontrol edin. Canlı sitenize ek olarak evreleme sitenizi dizine eklemesine izin verirseniz Google'ı karıştıracaksınız.

3. SEO ve teknik detayları koruyun

Bir yeniden tasarım SEO'nuzu etkileyebilir. Arama motorları dizinlerini mevcut site yapınıza göre oluşturur. Çok fazla değiştirmek, Google'ın dizininden sayfaları bırakmasına ve süreci tekrar başlatmasına neden olur. Bu yüzden mevcut sitenizin tam bir denetimi yapmanızı öneririm. Yüksek performans gösteren sayfaları, tarama hatalarını ve anahtar kelime sıralamalarını tanımlamak için Google Search Console'u kullanın. Bu verileri dışa aktarmak, yeniden tasarlanan sitenizi karşılaştırmak ve web sitenizin temellerini çok fazla değiştirmekten alıkoymak için kriterler oluşturmanıza yardımcı olacaktır.

Bunların her birini her yeniden tasarım için yaptığınızdan emin olun:

1. Mevcut URL'leri koruyun. CMS tarafından oluşturulmuş sayfalar da dahil olmak üzere her sayfayı takip edin ve web sitenizde yayınlayın (taksonomiler ve mağaza sayfaları için düşünün). Tüm bunların bir e -tablosuna sahip olmayı seviyorum. Sitenizin sayfalarının% 95'i için site haritalarınıza bakabilirsiniz.
2. URL değişikliğine sahip herhangi bir sayfa için 301 yönlendirme ayarlayın (çok önemli - bazıları eklentiler bunu otomatik olarak yapar).
3. 301'ler ile ilgili olarak, önceki yönlendirmelerinizi sağlam tutun. Ayrıca gerekli 301'leri de temizlemek isteyebilirsiniz (404'ler kötü değil, ancak bir sayfa hareket ederse 301 kullanın).
4. Başlık etiketlerinizi ve meta açıklamalarınızı taşıyın. Onları değiştirebilirsiniz, ama eğer yapmazsanız kesinlikle onları kaybetmek istemezsiniz.
5. Sayfalarınızda kullanılan ek şemaları saklayın (varsayılan olarak SEO eklentinizden oluşturulandan daha fazla). Sadece kaydetmeyi unuttuğunuzda şemayı yeniden yaratmak bir acıdır (bunun için elektronik tabloyu da kullanın).
6. Arama motorları bağlam için kullandığından, başlık yapınızı sağlam tutun. İçerik değişiklikleri yapmanıza izin verilir, ancak önceki SEO'nuzu etkileyebileceklerini bilin.

SEO genellikle yeniden tasarımlı bir düşüncedir. SEO (akılda) için yeni bir web sitesini optimize ettiğiniz son şeylerden biri olsa da, bir yeniden tasarımda düşündüğünüz ilk şeylerden biri olmalıdır. Mevcut web siteniz güncel trafik alırsa, bir adım (veya birkaç) geri dönmek istemezsiniz.

4. WordPress yeniden tasarımınız için divi kullanın

Bir temayı değiştirmek bir web sitesini büyük ölçüde değiştirebilirken, iyi haber, tüm medya ve CPT'leriniz sağlam kalır. Yüklenen resimler ve videolarınız, oluşturduğunuz özel yayın türleriyle aynı URL yoluna sahip olacaktır (sorgu döngüleri ve sayfa içi öğelerin yeniden inşa edilmesi gerekecek ve sayfalamanız değişebilir). Bu, sıfırdan başlamadığınız için bir yeniden tasarıma daha fazla güven vermelidir.

Şimdi, bir WordPress yeniden tasarımı için bir tema seçerken yüzlerce seçeneğiniz var. Ancak, aslında bir web sitesi tasarlamak için Divi'den daha iyi bir şey yoktur. WordPress için bir sayfa oluşturucu görmedim, kullanıcılara birçok tasarım seçeneği (yeni başlayanlar veya CSS'de çok yetkin biri olsun).

Divi bir tasarım makinesidir ve gerçekten bir yeniden tasarım yapmaya çalışıyorsanız, sizi başka bir tasarım darboğazına itecek bir araç seçmemenizi öneririm. Her şeyden önce, Divi bir tasarım aracıdır. Bu, yeni web sitenizi yeniden inşa etmek için ihtiyacınız olan her özelliğe ve işleve sahip olduğu anlamına gelir.

Biraz daha fazla yardıma ihtiyacınız varsa, Divi'nin profesyonel web tasarımcıları ekibimiz tarafından tasarlanan başlangıç ​​siteleri vardır. Denenmiş ve gerçek AI web sitesi oluşturucumuzu daha özel bir şey için de kullanabilirsiniz. Her iki seçeneğin en iyi yanı, her tasarımın divi uyumlu olmasıdır, yani Divi'nin editörü içinde her şeyin düzenlenebilir olmasıdır.

Sıkı bir bütçeyle? Divi aslında piyasadaki en uygun fiyatlı web tasarım araçları arasındadır. Tam teşekküllü bir tasarım aracı, bulut depolama, AI asistanı, VIP desteği (ve bu cümleye girmeye istekli olduğumdan daha fazlası) ayda 7,42 $ karşılığında alıyorsunuz.

Yeniden tasarımınız için divi alın

5. Sayfalarınızı ve şablonlarınızı tasarlayın

Global renklerinizi ve yazı tiplerinizi ayarlayarak başlayın. Birincil renk paletinizi ve yazı tipi eşleştirmelerinizi Divi tema seçenekleri veya WordPress tema özelleştiricisi içinde oluşturabilirsiniz.

Ardından, Divi'nin önceden ayarlanmış sistemi ile çalışmaya başlayın. Ön ayarlar, tüm ortak web sitesi öğeleriniz için yeniden kullanılabilir tasarım stilleri oluşturur. Düğmeler, başlıklar, farklı metin stilleri, form alanları vb. Gibi şeyleri düşünün. Ön ayarlar, sitenizde tasarım tutarlılığını sağlamak için çok önemlidir. Site boyunca kullanacağımı bildiğim öğeler içeren bir sayfa ile başlıyorum - bunun için ana sayfalarından başlamak gibi.

Ardından, Divi'nin tema oluşturucusunu kullanarak başlığınız ve altbilgi şablonlarınız üzerinde çalışın. Tüm web sitenizde (veya gerekirse belirli bölümlere) uygulanacak küresel başlık ve altbilgi şablonları oluşturun. Ayrıca, gerekli dinamik sayfa şablonlarını oluşturun. Dinamik sayfa şablonları, bir şablona otomatik olarak uygulanan içerik için kullanılır (blog yayınlarınız, kategori arşiv sayfaları ve ürün sayfaları gibi).

Bundan sonra, temel statik sayfalar tasarlayarak bitirmek en iyisini buluyorum. Ana sayfanız, Sayfa Hakkında, İletişim Sayfası, Hizmetler Sayfası vb. Her sayfada etkili eylem çağrısı ile net düzenler oluşturmaya odaklanın.

6. Sitenizi performans için optimize edin

Google sayfa hız puanınızı geliştirme ve hız optimizasyonu için hangi eklentileri kullanmanız gerektiği konusunda derinlemesine okuyabileceğiniz için bu noktaya girmeyeceğim. Ama işte kendi tamamlanmış yeniden tasarımlarımdan herhangi biri üzerinde sahip olacağım şeyler:

Divi

Divi 5 alfa'nın sayfa yükleme süresini dört kat azaltan daha önceki bir versiyonu

Divi'nin tasarım özgürlüğü ve kontrolü için hiçbir sınır yerleştirmeyen harika bir tema olduğunu zaten ele aldık. Ama aynı zamanda piyasadaki en hızlı ve en performanslı WordPress temaları arasında. Divi'yi bu yeniden tasarım sırasında ilk kez yüklüyorsanız, web sitesi oluşturucumuzun çok, çok daha hızlı ve zaten Divi'nin eski sürümünden daha yeni özelliğe sahip olan Web sitesi oluşturucumuzun tamamen yeniden inşa edilmiş bir sürümü olan Divi 5'e bakmanızı şiddetle tavsiye ederim. . Bir WooCommerce mağazasını yeniden tasarlıyorsanız, eski sürüm şu anda en iyi bahisinizdir, ancak diğer birçok durumda, Divi 5 kullanmak istediğiniz şey olacaktır.

Yeniden tasarımınız için divi alın

Cloudflare CDN

CloudFlare, web sitenizin statik varlıklarını dünya çapında sunucularda depolayan ve hizmet veren bir içerik dağıtım ağıdır (CDN), bu da kullanıcılarınıza olan mesafe verileri seyahatlerini azaltır (daha hızlı hale getirir). Daha küçük web siteleri için ücretsiz sürümü sık sık kullandım. Ancak, bir sonraki araç, işimin gelirine bağlı olduğum bir web sitesi için kullanacağım şeydir.

Cloudflare al

Nitopack

Nitropack, web sitelerini çok, çok hızlı yapmak için hepsi bir arada bir platformdur. WordPress web siteleri akıllı önbellekleme, kendi CDN aracılığıyla optimize edilmiş kaynak dağıtım ve etkileyici görüntü optimizasyonu sunar. Ayrıca tembel yükleme ve görüntüleri WebP'ye dönüştürür. WordPress ile genellikle bir dizi eklenti ve üçüncü taraf araçları bir araya getiriyorsunuz, ancak Nitropack gerçekten tek elden bir dükkan. Kendinizi bu muhteşem entegre araçlar paketine koyun - daha sonra bana teşekkür edersiniz.

Nitropack al

7. Bir başlatma öncesi kontrol listesini takip edin

Bir şeyi yanlışlıkla kaçırmamak için bir lansman öncesi kontrol listesi vardır. Kelimenin tam anlamıyla kontrol edebileceğiniz yüzlerce şey var, ancak burada kontrol edilecek altı ana şey kategorisi var:

• Tüm İçeriği Düzeltme : Yazım hatalarını, gramer hatalarını ve yakalamak için yakından göz gerektiren herhangi bir şeyi kontrol edin (burada bazı şeyleri yakalamak için AI kullanmayı seviyorum).
• Resim ve Medya İncelemesi : Tüm resimlerin ve videoların doğru ve optimize edildiğinden emin olun.
• Mobil Test : Duyarlı tasarımın beklendiği gibi çalışmasını sağlamak için her sayfayı mobil cihazlarda ve tabletlerde test edin. 21. yüzyılda iyi yaşıyoruz, bu yüzden ultra genişliğinde ekranları da test ettiğinizden emin olun.
• Çapraz tarayıcı testi : Uyumluluk sağlamak için sitenizi farklı tarayıcılarda (Chrome, Firefox, Safari, Edge) test edin.
• Bir site taraması yapın : Mümkünse, sitenizi taramak ve herhangi bir açık hatanın başlatılmaya yönelik olup olmadığını görmek için ScreamingFrog'un ücretsiz sürümünü kullanın.
• Analytics'i yükleyin : Bir lansmandan hemen önce analitik kurmak için harika bir zaman. Yeniden tasarlanan sitenizin nasıl yaptığını gerçekten görebilmeniz için dönüşüm olaylarını ayarladığınızdan emin olun.

8. Canlı Git

Gerçeğin anı geldi! Yeniden tasarlanan web sitenizi sahneleme ortamınızda titizlikle test ettikten ve istikrarı ve performansından emin olduğunuzda, canlı olma zamanı. Bu noktada, iyi işlev gören, son kullanıcılarınızı tatmin eden ve iş hedeflerinize ulaşacak bir şey oluşturdunuz.

Siteground kullanıyorsanız, evreleme sitenizi site araçlarını kullanarak canlı hale getirebilirsiniz. Siteground'ın evreleme ortamınızı tek bir tıklamayla oluşturduğu gibi, evreleme sitesini canlı ortama değiştirecek.

Bunun gerçekleşmesi sadece birkaç dakika sürüyor. Tüm site boyunca evreleme URL'sini özel alan adınıza değiştirmeyi seviyorum. Bu böyle bir acıydı, ama şimdi gerçekten zahmetsiz.

WordPress Yeniden Tasarım Doğru Yapıldı

Sık sık kullanıcıların, özellikle tipik bir WordPress temasının sunduğu şeyden daha fazla tasarım kontrolü isteyenler, divi yıllarına geçtiklerini istediklerini söylediklerini duyuyoruz. Divi bir WordPress yeniden tasarımını bir zevk yapar. Sürükle ve bırak üreticisi , küresel tasarım ayarları ve gelişmiş stil seçenekleri , web sitenizi markanızı ve hedeflerinizi yansıtacak şekilde yeniden tasarlamanızı sağlar. Herhangi bir köşeyi kesmeyin ve birkaç yıl içinde değiştireceğiniz bir WordPress teması almayın.

Divi'yi dene

Doğru temaya sahip olduğunuzda, web sitenize yeni özellikler eklemeye, SEO'sunu korumaya (ve geliştirmeye) ve başlangıçtan itibaren hız ve yanıt verebilirlik ile inşa etmeye odaklanın.

Gitmek

Yeniden tasarımlar çok iştir, ancak bu araçları kullanma şeklimiz onları çok daha kolay hale getirir. Sitenizin barındırma, tasarımı ve optimizasyonu için aşağıdaki bu araçlardan herhangi birini öneririz.