WPBeginner V6 – Yeni Site Tasarımımızın Arkasında
Son birkaç hafta içinde WPBeginner’ı ziyaret ederseniz, yeni bir web sitesi tasarımı aldığımızı fark edebilirsiniz. Son zamanla birçok benzerliği olmasına rağmen, perde arkasında değişen birçok kişi var. Bültende söz verdiğim gibi, yeniden tasarımımızın, öğrendiklerimizin, sitede yeni olanların ve en önemlisi web sitenizi geliştirmek için bazı öğrenmemizi nasıl kullanabileceğiniz düşünce sürecini paylaşmak istiyorum.
Küçük bir arka plan WPBeginner’a 2009’da başladım ve çoğu yeni içerik üreticisi gibi, ilk 3 yılda web sitesi temasının tasarımını dört kez değiştirdim.İş büyümem olarak, web sitesini yeniden tasarlamanın temel görevimizi karşılamak için daha iyi kullanılabilecek çok fazla zaman ve kaynak harcadığını anlıyorum: küçük işletmelerin araçlarımız, ekiplerimiz ve eğitimimizle büyük şirketlerle büyümesine ve rekabet etmesine yardımcı olun. Bu yüzden tüm odak noktamı temel görevimize ayırmaya karar verdim ve işimiz hızla büyüdü. Son WPBeginner tasarımı 2016 yılında piyasaya sürüldü ve o zamandan beri uzun mesafelerde seyahat ediyoruz. Son 5 yılda olan buydu:
WPBeginner blogunda binden fazla ücretsiz WordPress öğreticisi yaptık ve YouTube kanalımıza yüzlerce yeni video eğitimi ekledik.
80.000’den fazla üye (katılmak için ücretsiz) ile şu anda en büyük WordPress Facebook grubu olan Facebook’ta WPBeginner Entertage topluluğumuzu başlattık.
Üyeler, Pretty Links, Müthiş Formlar, Uncanny Automator ve 6 diğerleri de dahil olmak üzere en sevdiğimiz WordPress eklentisine yatırım yapmak için bir WPBeginner Büyüme Fonu başlattık. İki yeni WordPress eklentisi, TrustPulse, WordPress Social Plugins ve Rafflepress Strong yarışması başlattık.
Ünlü Aioseo (WordPress için bir SEO eklentisinde), SeedProd (WordPress sitesinin üreticisini sürükleyin ve yayınladı), Smash Balloon (Sosyal Medya Yem Eklentisi #1), PushAngage (Eklenti Push Web Sitesi Bildirimi ve AffiliateWP (WordPress için Bağlı Kuruluş Yönetim Eklentisi).
Ayrıca, ünlü WP Mail Mail eklentisi (e -posta sunumunu iyileştirmek için), SearchWP (güçlü WordPress arama eklentisi), kolay dijital indirmeler (dijital ürünler satmak için popüler e -ticaret eklentisi), WP Simple Pay (Easy Easy kredi kartı ödemeleri almak için) ve şeker takvimi (WordPress için basit olay takvimi eklentisi).
Toplu olarak, eklentilerimiz artık 19 milyondan fazla web sitesi tarafından kullanılmaktadır ve eklentilerimizin 4’ü tüm zamanların en iyi 20 WordPress eklentisinde.
Bunların hepsi olağanüstü bir başarı olsa da, ele alınması gereken bir dizi yeni zorluğumuz var, böylece görevimizi geliştirmeye ve hizmet etmeye devam edebiliriz. Bu beni WPBeginner V6’ya götürdü. Tasarım, WPBeginner içeriğini bulma yeteneğine odaklanıyor Basit bir blog öğreticisi olarak başlıyor, ancak WordPress için gerçekten Wikipedia oldu. Kullanıcılarımız tekrar tekrar WordPress sorunlarına cevap bulmak istediklerinde, en iyi çözümü bulmak için sadece Google anahtar kelime ve sonunda wpBeginner eklediklerini söylüyorlar. Ana yeni ana sayfamıza odaklanıyor.
İster içerik kitaplığımızı izlemeye gelen ziyaretçiler veya WordPress’e yeni başlayan yeni okuyucular olsun, WPBeginner ana sayfası şimdi aradığınızı bulmanızı kolaylaştırıyor. Ayrıca, arama simgesine tıkladığınızda tüm tek yayın sayfalarında ve web sitesi başlığında benzer bir arama widget’ı göreceksiniz.
WPBeginner’ın teknik olmayan kullanıcılar için en büyük WordPress kaynak sitesi olmasının nedenlerinden biri, karmaşık WordPress konularını basit İngilizce, adım adım açıklamamızdır. Yeni tasarımda, WordPress Sözlüğü bölümümüze doğrudan bir arama özelliği ekledik, böylece genel terim WordPress’i kolayca aşina olabilirsiniz. Bu temelde WordPress terimi için bir sözlük gibidir. Bir WPBeginner kullanıcısı olarak, popüler eklentiler, premium temalar, barındırma ve diğer pazarlama araçları için en iyi WordPress indirimlerine özel erişim elde edersiniz. Ekibimiz sizin için en iyi teklifleri müzakere etmek için gerçekten olağanüstü bir iş çıkardı ve bu bölüm 100’den fazla kupon ve teklife sahip olmak için hızla büyüdü. Popüler kullanıcı isteği nedeniyle, teklif bölümümüze doğrudan bir arama ekledik, böylece en sevdiğiniz WordPress ürünleri için en iyi teklifi hızlı bir şekilde bulabilirsiniz. 2022’ye girerken, en büyük önceliğimiz içeriğin bulunma yeteneğidir. Bu, en iyi kullanıcı deneyimini sunmamıza, sitedeki zamanı artırmamıza, sayfaların görünümünü artırmamıza ve genel oranımızı azaltmamıza yardımcı olur. 2022’de kullanıcı deneyiminin (UXO) optimizasyonunun SEO’da önemli bir rol oynayacağına inanıyorum. Rakiplerinizi yenmek ve rekabet avantajı elde etmek istiyorsanız, UXO’ya dikkat etmenizi tavsiye ederim. Bu makalede, yeni temamızda yaptığımız gibi sitenizde benzer özellikleri nasıl uygulayabileceğinizle ilgili ipuçlarını paylaşacağım. SearchPress araması nasıl geliştirilir Varsayılan WordPress arama özelliği çok güçlü değildir, bu nedenle sıralama algoritmasını ayarlamak ve her arama için görünenleri kontrol etmek istiyorsanız, SearchWP eklentisini kullanmanızı öneririm. Veya Google’ın algoritmasını kullanan bir Google özel site araması da kullanabilirsiniz, ancak zayıflık Google’ın arama sayfanızda iyi görünmeyen reklamları görüntülemesidir. Sitenize terimlerin teklifinde veya listesinde yaptığımız gibi doğrudan bir arama eklemek istiyorsanız, WordPress’e doğrudan arama ajax ekleneceğine dair bu öğreticiyi izleyin. Sizin için yararlı olabilecek WordPress araması nasıl oluşturulur WordPress özel arama formu ve WordPress menüsüne bir arama çubuğu nasıl eklenir. Yeni Mega WordPress menüsü, içerik bulma yeteneğinin temasını takip ediyor, eski WordPress açılır menümüzü yeni çok sütunlu mega menüye güncelliyoruz. Bu, yeni kullanıcılarımızın en iyi içeriğimizi hızlı ve kolay bir şekilde bulmalarını sağlar. Bu aynı zamanda yeni ürünlerimizi, yaptığımız ücretsiz iş araçlarını ve daha fazlasını daha fazla vurgulamamızı sağlar. WordPress’te Mega Menü Nasıl Eklenir WPBeginner için özel bir çözüm yapmış olsak da, en iyi sayfalarınızı daha iyi vurgulamak için WordPress’te bir mega menü ekleyeceğinizle ilgili bu öğreticiyi takip edebilirsiniz.
WordPress Block Editor (nihayet) 2019’da WordPress, içerik oluşturmak için çok güçlü bir blok editörü (aka Gutenberg) tanıttı. Hemen kişisel blogumda kullanmaya başladım, ancak WPBeginner eski temayı birçok özel kod özelliğiyle kullandığından, geçiş o kadar kolay değildi. Son iki yıldır, WPBeginner sitesinde klasik bir editör kullanılarak sıkışıp kaldık, tüm yeni web sitelerimiz WordPress blok düzenleyicisinden en son ve en iyi özellikleri aldı. Son olarak, yeni temamızla, artık WordPress Block Editor’un tüm olağanüstü özelliklerini kullanabiliriz. Örneğin, artık herhangi bir kod yazmadan çok havalı olan “Biliyor muydunuz?”
WPBeginner – Eğlenceli Gerçek: Ekibimiz artık 39 farklı ülkede 200’den fazla insan olarak gelişti. Tam zamanlı bir mesafe pozisyonu için işe alıyoruz. İlgileniyorsanız, kariyer sayfamıza bakın.
Ayrıca WordPress Block Düzenleyicisini kullanarak birkaç sayfayı yönlendiriyoruz. Örneğin, yeni ücretsiz WordPress blog hazırlama sayfamıza bakın. Ayrıca, yaptığımız en son ücretsiz araçlardan bazılarını vurgulamak için ücretsiz iş araçlarımızı bir blok düzenleyici kullanarak yeniden tasarlıyoruz.
Gerektiğinde gerçekten özel bir yön sayfası oluşturmak için SeedProd’u kullanacağız çünkü bu doğru WordPress sürükleme ve damla sayfası yapıcıdır. Özel bir yön sayfası oluşturmak için Gutenberg’in nasıl kullanılacağını öğrenmek eğlenceli olsa da, pazarlama ekibi özel bir yön sayfası oluşturabilmeden önce hazırlık için yapılması gereken çok fazla kodlama gerektirir. Bu arada, sayfa üreticisinin eklentisini kullandığınızda, pazarlama ekibi geliştirme ekibinden yardım almadan hızlı bir şekilde özel bir yön sayfası, kanal düzeni vb. Yapabilir. WordPress Core ekibi, Site Düzenleme özelliğinde çok çalışır, ancak SeedProd, Divi veya Beaver Builder gibi sayfa yapımcılarıyla elde ettiğiniz gelişmiş özelliklerle rekabet edemeden önce çok fazla iş gerektirir. Bu nedenle, Block Düzenleyicisi şaşırtıcı ve içeriğinizi geliştirmek için harika tasarım öğeleri oluşturmak için kullanabileceğiniz birçok WordPress blok eklentisi var. Bu, üstün eklentiyi vurgulamak için yeni temamıza ait başka bir harika blok: SeedProd, WordPress için en samimi yeni başlayanlar olan Drag & Loose sayfasının üreticisidir. Daha önce yapılan 150’den fazla şablonla görünür ve tema üreticisi özellikleri (herhangi bir kod olmadan) tamamen özel bir WordPress teması oluşturmanızı sağlar. Bugün SeedProd’u deneyin »
Yaklaşan blog gönderisinde, içeriğimizin okunabilirliğini daha da geliştirmemiz gereken içerik tasarım bloklarından daha fazlasını göreceksiniz.Yoast’tan aioso’ya uzun süre geçiş yapan WPBeginner sitesi çok uzun ve ayarlanmış bir Yoast SEO eklenti sürümü kullanır (v 2.3.5).Bir illüstrasyon olarak, şimdi 17 sürümdeler.Yoast’ı güncellemek istemiyorum çünkü takımları SEO için önemli olduğunu düşündüğüm bazı önemli özellikleri sildi.Ayrıca tüm SEO WordPress odasının yenilik yapmayı bıraktığını hissediyorum.2020’nin başlarında, orijinal hepsi bir arada SEO eklentisi olan Aioseo’yu satın aldık ve ekibimden tamamen değiştirmesini istedim.
Ekibimizin yaptığı işten çok gurur duyuyorum ve rekabet avantajı elde etmek için ihtiyacınız olan tüm SEO özelliklerine sahip. Block editörü gibi, en yeni web sitemiz AIOSO’ya geçmeye ve artış sıralamalarını görmeye başladı, bu yüzden WPBeginner’da kullanmaya başlamak istiyorum. Şimdi, bir SEO’daki en son ve en iyi SEO özelliklerini kullanıyoruz. Artık video ile içerik sıralamamızı artırmaya yardımcı olmak için video sitesi haritaları, içerik dizine eklenmiş, gelişmiş SEO modüllerimizin site SEO’umuz üzerinde daha iyi kontrol sahibi olmasına yardımcı olmak için RSS site haritaları ve daha fazlası gibi özelliklere sahibiz. Gerçekten piyasadaki en iyi SEO eklentisi olduğuna inanıyorum ve en önemlisi fiyat küçük işletmeler ve ajanslar için yeterli. Önümüzdeki haftalarda neden ayrıntılı özelliklerin ayrıntılarına geçtiğimizi tamamen yazmayı planlıyorum, ancak bu arada, bir SEO’da All’ın ücretsiz sürümünü deneyebilir veya güçlü olan Pro sürümünü kontrol edebilirsiniz. WPBeginner’da kullandığım özellikler. Artan WordPress Hızları Bir dizi çalışma, daha hızlı kullanıcı deneyimini geliştiren, sitedeki zamanı artıran ve genel dönüşümü daha hızlı gösteren web sitelerinin gösterilmiştir. Bu nedenle Google, web sitesini SEO sıralama faktörü olarak hızlandırıyor. Şimdi siteyi bir süredir takip ettiyseniz, performans optimizasyonuna takıntılı olduğumu biliyorsunuz. WPBeginner sitesi, olağanüstü WordPress barındırma ortaklarımız Site Alanı sayesinde yeterince hızlı. Google’ın bulut platformunda oluşturulmuş son derece optimize edilmiş bir WordPress barındırma çözümü sunarlar.
Ve elbette WordPress hızının en iyi uygulamasını takip ediyoruz, ancak yeni tema tasarımımızla bazı çarpıcı hız artışları sağlıyoruz. Google sayfa hızımızın sonuçları: GTMetrix ve Pingdom’dan ana sayfanın sonuçları: Ve bu sonucu, verandaya, daha geniş görüntülere vb. Yeni bir parça, daha fazla içerik eklemesine rağmen alıyoruz. Ve sormadan önce, WPBeginner sitesinde şu anda 68 aktif eklenti var. Yani, sayfa boyutunu azaltırken ve her şeyi daha hızlı hale getirirken siteye nasıl daha fazla içerik eklediğimi merak ediyor olabilirsiniz? Artık gerekli olduğunu düşünmediğim şeyleri kaldırıyorum ve bu gerçekten daha fazla site sahibinin bunu yapmayı düşünmesini istediğim bir şey. Bu sadece SEO sıralamalarına yardımcı olan sitenizi hızlandırmaya yardımcı olmakla kalmaz, aynı zamanda genel bant genişliği tüketiminizi azaltacak, maliyetleri azaltacak ve web sitenizin karbon izini artıracaktır. WordPress WordPress yorumlarından Gravatar’ı devre dışı bırakmak, küresel olarak tanınan avatarlar için Gravatar Short adlı 3. varsayılan bir parti hizmetiyle birlikte gelir. Bu, WordPress sitenize yorum bıraktıklarında kullanıcının profilini veya avatar fotoğrafını görmenizi sağlar. Zorluk, web sitenize ziyaretçilerin çoğu kullanıcının bunu yapmadığı bir gravatar hesabı hazırlamasını istemektir. Yani, web siteniz yerine sadece iyi görünmeyen gri bir gizemli adamın avatarını yükler. Şimdi, kullanıcıların sadece% 10’unun Gravatar görüntülerine sahip olduğu ve% 90’ı olmadığı 50 yorum içeren popüler bir blog yayınınız olduğunu söylüyor. Bu, sayfanız tarafından yüklenen ve içeriğe gerçekten önemli bir değer katmayan 50 ek resim. Bu yüzden birçok popüler blog Gravatar’ı devre dışı bırakmaya başladı ve aynı şeyi WPBeginner’da yaptık. Bu basit değişiklik, sayfa açma süresini ve site hız puanımızı büyük ölçüde artırdı. Üçüncü bir -Party özel yazı tipini kaldırarak dürüst olacağım, geçmişte özel yazı tipleri hakkında iki kez düşünmedim. Bu normal hisseden ve en azından hızlı bir internete sahip olacak kadar şanslıysanız siteyi tipografik bakış açısından iyi gösteren bir şeydir. Eski WPBeginner temasında, Fontawesome adlı popüler bir simge yazı tipi olan Proxima Nova adlı özel bir Adobe yazı tipi kullanıyoruz ve OptinMonster pop -up’ımız Google’dan Sans Sans Pro Font’u kullanıyor. Kötü İnternet kalitesine sahip uzak bir yerden bir siteyi ziyaret ettiğimde, bu yazı tipinin performansının etkisinin kullanıcı deneyimi üzerinde ne kadar harika olduğunu gerçekten fark ettim. Yeni tasarımımızda, bu sorunu çözmek istiyorum, böylece gelişmekte olan ülkelerdeki öğrencilerin ve işletme sahiplerinin WPBeginner’a erişmesini, WordPress’i incelemelerini ve çevrimiçi varlıklarını geliştirmelerini kolaylaştırabiliriz. Yeni WPBeginner V6 teması, hızla gelişen varsayılan sistem yazı tiplerini kullanır. Tüm cihazlarda harika görünüyorlar ve elbette çok hızlı. Metinsiz metin (Fout) flaşları yoktur, kümülatif düzen (CLS) kayması yoktur ve engelleme süresini önemli ölçüde azaltır.
WordPress kontrol panelinde oturum açarsanız veya GitHub’ı kullanırsanız, bu iki platform önceki sistem yazı tipine geçtiği için yazı tiplerimizin benzer olduğunu görürsünüz.Her ne kadar özel bir yazı tipini kaldırmak tüm iş web siteleri için doğru çözüm olmasa da, hem tasarımcıların hem de geliştiricilerin hız açısından dikkate alınması gerektiğine inandığım bir şey olmalı.Yardımcı olabilecek en iyi uygulamalardan bazıları: İçeriğe ve içerik için iki ayrı yazı tipi kullanmak yerine, her ikisi için de aynı yazı tipini kullanmayı düşünün.
İnce, normal, semibold, kalın, ekstra kalın, siyah ve daha sonra tüm bunların eğimli versiyonu gibi birkaç farklı ağırlık ve yazı tipi stilini kullanmak yerine, yazı tipinin ağırlığını sadece ikiye indirmeyi düşünün: normal ve kalın.
Tüm FontAwesomes veya diğer yazı tipi simgesi kitaplıklarını yüklemek yerine, doğrudan ihtiyacınız olan simgeden SVG eklemeyi düşünün.
Optinmonster’daki özel yazı tiplerini devre dışı bırakır Tema tasarlandıktan ve kodlandıktan sonra, yine de yazı tipiyle ilgili bir problemi daha çözmem gerekiyor. OptinMonster kullanarak web siteme ve e -posta abonelik formuna koyun ve yine de Google yazı tiplerini yüklüyorlar. Şimdi OptinMonster’ı devre dışı bırakmak bir seçenek değil çünkü daha fazla e -posta müşterisi almama ve web sitesi dönüşümümüzü artırmama yardımcı oluyor. Neyse ki, bu benim şirketlerimden biriydi, bu yüzden çözüm geliştirme ekibinden Google yazı tipini devre dışı bırakmasını istedim. Görünüşe göre, bu özelliği soran ilk kişi değilim ve OptinMonster’ın zaten Google yazı tiplerini devre dışı bırakmaya değil, aynı zamanda istediğiniz özel web yazı tipini de içeren bir ateş çözümü var. Yeterince teknolojiyi anlıyorum ve ekip tarafından paylaşılan küçük bir görüntüleri belgelerde uygulayabilirim, ancak müşterilerimizin çoğunun olmadığını biliyorum. Şimdi ekibimiz bu özelliği gerçekten kampanya yapımcısında oluşturdu (kodlamaya gerek yok). Ancak kodla rahat hissediyorsanız ve her kampanya için bu ayarı manuel olarak devre dışı bırakmak istemiyorsanız, kullandığım saldırıları takip edebilirsiniz. Önce Sitenize herhangi bir web yazı tipini yüklememek için OptinMonster’ı devre dışı bırakmak için aşağıdaki JS görüntülerini ekleyin:
});
Ardından, Style.css dosyasına aşağıdaki CSS’yi ekleyin:
Html. Kampanya * {font-family: “proxima nova”, helvetica, “helvetica neue”, arial, sans-serif! Önemli; }
Tabii ki yazı tipini web sitenize uygun olacak şekilde değiştirmeyi unutmayın. Bu temel olarak Yukarıdaki yazı tipi ailesini sitenizde yayınlanan tüm Optinmonster kampanyalarına uyguluyor. W3 toplam önbellekten WP roketine uzun süre geçiş yaparak, WPBeginner’da yüksek oranda ayarlanmış toplam W3 eklenti önbelleğinin yapılandırmasını yaptım. Bu arada işi tamamlarken, tüm ürün sitelerimizde kullandığımız WP roketi için uygun değildir. Bu yeniden tasarımla, nihayet birçok olağanüstü web sitesi hızı özelliğiyle gelen WP Rocket’e geçtim, özellikle önbellek önbellek ve güvenilir dosya minifies. Web sitenizin hızını artırmak istiyorsanız bu eklenti çok önemlidir. Kısa bir not, bağlı kuruluş bağlantınızı yönetmek için susuzluk veya güzel bağlantılar kullanıyorsanız, önbellek olmayacak şekilde dışladığınızdan emin olun. Gelişmiş Kurallar sekmesini açın ve bağlı kuruluş salyangozlarınızı Never Cache URL ayarlarının altına ekleyin.
