Site yapınızı Elementor ile nasıl doğru hale getirebilirsiniz?
İçindekiler
Elementor yapısının arkasında ne duruyor?
Elementor’daki sitenin yapısı nasıl düzenlenir?
1.
2. Dipnotlar
3. Vücut
4. Yan Bıçaklar
5. Ekmek kırıntısı
6. Dahili bağlantılar
7. Favicon
Son zihin
Bugün Elementor web sitesinin özel yapısı hakkında konuşuyoruz. Uzun zaman önce web sitesi, ortada iki sütun ve bir parça metin içeren belirsiz bir tuval gibi görünüyor. Şimdi web sitesi daha geniş bir hedef anlamına geliyor. Çevrimiçi portföyler, çevrimiçi dergiler, her türlü ürün ve hizmeti satan platformlar ve daha fazlası olarak çalışırlar. Web sitesi daha büyük hedeflere, gelişmiş yönetim araçlarına ve daha karmaşık site yapılarına hizmet vermeye başladığında.
İyi bir web sitesinin gezinmesi sadece “ziyaretçiler için rahat özelliklerden” daha fazlasıdır. Gerçekten de, ilk ziyaretçi ürün, fiyat ve temas hakkındaki bilgilere hızlı bir şekilde erişmelidir. SEO için de önemli olan, kolayca gezilebilir bir özel yapı elementörüdür. Sadece birçok hatadan kaynakları önlemekle kalmaz, aynı zamanda arama motorlarında daha iyi sıralamaya katkıda bulunur. Elementor yapısının arkasında ne duruyor? Bir site yapısı oluşturmak, iyi tanımlanmış bir URL adresi hiyerarşisi oluşturmak anlamına gelir. İçinde birçok sayfa bulunan üç sayfalık bir web sitesi veya karmaşık bir platform olması önemli değil.
Sayfaları ne kadar mantıklı bir şekilde bağlarsanız – arama motoru içeriğinizi o kadar doğru tarar. Sitenizi ne kadar doğru tarayabilirler – elde edilen dizin o kadar iyi olur. Dizin ne kadar iyi elde edilir – arama motorundaki sıralama o kadar yüksek olur. Böylece, belirli isteklere göre web sitenize daha fazla kişi ulaşacaktır. Web sitesinin taraması daha uzun sürerse, arama motorlarının daha düşük bir konuma yerleştirilmesi muhtemeldir. Elementor’daki sitenin yapısı nasıl düzenlenir? Elementor ile doğru site yapısını oluşturmak kolay bir iştir. Buna ek olarak, sayfanın kendisi, her türlü web sitesini kolayca düzenlemek için bir dizi widget sunar: Başından beri her zaman yeni bir düzen oluşturmayı düşünmek zorunda değilseniz, kendi özel elementlerini sunan çözümleri kullanabilirsiniz. yapılar. Burada, Motopress’te, çeşitli nişler ve web siteleri türleri için ücretsiz ve premium element şablonları sağlıyoruz.
Kaynak: Laveri – WooCommerce Moda Tema Başlığı İçeriği tüm sayfalar için kalıcıdır ve şunları içerebilir: Tipik Şirket Kimliği: Logo, İsim, Moto, Marka Karakter;
Önemli web sitelerinden oluşan açılır listeye sahip navigasyon menüsü (mega);
İletişim: Telefon, adres, çalışma saatleri, iletişim formları;
Site gezinmesini artırmak için arama alanı. Arama çubuğu genellikle başlığın sağ tarafında bulunur; dili değiştirmek için düğmeler, kişisel hesabınızı girmek, bir konum seçmek, kör kullanıcılar için sürüm seçmek;
Alışveriş sepetleri genellikle bir simge olarak görüntülenir.
Tüm öğeleri bir başlıkta girmemelisiniz. Web siteniz için başlığı tasarlama şekliniz niş, marka etkinlikleri ve diğer yönlere bağlıdır. Bununla birlikte, bir dizi geleneksel unsur marka kimliği, şirket adı ve web sitesi navigasyon menüsünü içerir.
Özel yapısal öğeler için bir web sitesi gölgelik oluşturmak için aşağıdaki enstrümanları kullanabilirsiniz:
Tema Maker (Pro’da mevcuttur)
Doğrudan ayarlama
Widget sitesi (Pro’da mevcuttur)
Eklenti öğeleri (örneğin mega menü üreticileri)
Bir Elementor Pro’nuz yoksa, Live Customerer ve Üçüncü Partisi Çözümleri (Megamenu Maker, Elementor Widget’ların ek koleksiyonu) gibi enstrümanları kullanabilirsiniz. Live Customerer, marka kimliğinizi (logo, başlık), başlık resimlerinizi değiştirmenize ve bir navigasyon menüsü oluşturmanıza ve özel element yapıları için başka temalar oluşturmanıza olanak tanır.
Ayrıca, Canlı Özelleştirici’deki ayarlara kıyasla daha çeşitli işlevsellik sağlayan eklentiler kullanabilirsiniz. Örneğin, daha fazla içerik ekranı anlamına gelen karmaşık bir gezinme menüsü kullanmak istersiniz. Neyse ki, Motopress, Elementor için her türlü içerik – Stratum mega menüsü – destekleyen duyarlı ve zengin içerik menüleri tasarlamak için iyi bir eklenti sunar. Stratum Mega Menü Hakkında Mega Menü için Addon Stratum, içinde çok fazla içerik içeren bir web sitesi menüsü oluşturmak isteyen ve yalnızca görsel modda yapmak isteyen herkes için uygundur. Elementor, site ayarlamalarını kolaylaştırmakla ilgilidir. Bu yüzden megamenu üreticimizin her açıdan% 100 esnek olduğu ortaya çıktı: Stratum tarafından oluşturulan web sitelerinin örneklerini görmek için bu demoya tıklayın.
Önemli Noktalar:
Alt menüde herhangi bir içerik türü (mağaza eşyaları, resimler, haritalar, vb.); Etiketler veya ayarlanabilir simgeler (örneğin ısı, yeni);
Her bir içerik türü için gelişmiş stil düzenlemesi (tipografi, renk, seviyelendirme);
Yatay ve dikey menü;
Hücresel dostu (otomatik olarak mega hamburger menüsüne değiştirildi);
Mega menü animasyon efekti.
Elementor & Stratum ile Mega WordPress menüsünün nasıl oluşturulacağını öğrenmek için tıklayın. 2. Dipnotlar Altbilgi web sitesinin son bölümünde bulunmasına rağmen, başlıktan ve altbilgiden bahsetmek mantıklıdır. Web siteniz çerçeveniz olarak işlev görür ve bir sayfadan diğerine değişmezler. Her iki öğe de kullanıcıların sitelerde daha iyi gezinmelerine yardımcı olur:
Kaynak: Medmix – Elementor için Tıbbi Tema
Altbilgide öğelerin yerleştirilebileceği belirli bir kural yoktur. Şirket ve organizasyon web siteleri için altbilgi, şirket detaylarını, kişileri, adresleri ve hizmet ve fiyat sayfasına bağlantıları içermelidir. Web siteleri ve kişisel bloglar için, web sitesinin gezinmesini çoğaltın, bağlantıyı haber yemine koyun ve abonelik düğmesine girin. Genel olarak, altbilgi aşağıdaki öğeleri içerebilir: Site haritası – tüm veya en azından en önemli bölümün listesi, sayfalar veya site kategorileri (örn. Popüler blog yayınları);
İletişim – Doğru konumu gösteren daha geniş iletişim bilgileri (telefon ve e -posta) ve/veya harita; Sosyal medya bağlantısı;
Telif hakkı sembolü.
Tıpkı bir başlık gibi, altbilginizi nasıl düzenleyeceğinizle ilgili birkaç seçenek vardır. Bir Elementor Pro’nuz yoksa, bunu Canlı Özelleştirici’de (menüler, widget’lar, tema ayarları) yapabilirsiniz. Motopress tarafından yapılanlar da dahil olmak üzere birçok element teması, işi kolaylaştıran başlık ve altbilgi üreticileri sağlar.
Ayrıca okuyun: WordPress Özelleştirici ile Özelleştirme 3. Vücudun gövdesi bir sayfadan diğerine değişen içerik içerir. Okuduğunuz makaleler sitenin sitesinde:
Kaynak: Lotus Spa – Body Elementor için güzellik salonlarının teması her türlü içeriği içerir: başlıklar, görüntüler ve yayınlardan medya sürücülerine, galerilere ve daha fazlasına kadar. Bitmiş bir site şablonu kullanıyorsanız, başlangıçtan itibaren bir sayfa öğesi tasarlamanız gerekmez (tasarım ve yapıda tekrarlamak veya değişiklik yapmak istemiyorsanız). Yapmanız gereken şey, metin ve medya içeriğini kendi içeriğinizle değiştirmektir.
Başından beri bir Elementor sayfası tasarlarsanız, büyük olasılıkla Elementor Widget’ı kullanırsınız. Çoğu durumda, ücretsiz olarak mevcut olan standart Elementor Widget paketleri çekici web siteleri oluşturmak için yeterli değildir. Bir Elementor Pro satın almak istemeseniz bile, çeşitli fırsatlarınız için üçüncü taraf eklentisini kullanabilirsiniz. Şu anda kullanıcılar, kütüphane widget öğeleri olarak adlandırılan birçok eklenti seçeneğine sahiptir. Bu eklentilerden biri Stratum Elementor eklentileridir. Mega menü yapımcıları dışındaki stratum elemanı ile ilgili olarak, Stratum Ranks çok yönlü içerik widget’larından oluşan bir koleksiyon sunar. İster karmaşık bir e -ticaret blogunuz veya mağazanız olsun, tüm farklı proje türleri için içerik oluşturmanıza yardımcı olacaklar: Bkz. Demo.
Önemli Noktalar:
Elementorlar için 24+ içerik widget’ları;
Tüm widget’lar ücretsiz sürümde mevcuttur;Mevcut temanızın görsel stiline ayarlama; Gelişmiş tasarım aracı zinciri;
Kütüphane elemanı şablonunun entegrasyonu.
Web sitenize eklenmeyi düşünebileceğiniz Stratum Widget’ların bir listesi:
Gelişmiş slayt
Resim Cordeon
Gelişmiş sekme
Masa
Dikey/yatay zaman çizgisi
fiyat listesi
4. Yan kenar çubuğu tarafı, sayfanın sağ, sol veya her iki tarafında ek içeriğe sahip bir sütundur:
Kaynak: Carni Rosso – Et ve Balık İçeriği Yan Koşullarının WooCommerce Teması Mümkün:
Gezinme menüsü: Site başlığından ek menü veya ana menü silinir. Sayfalarda kategoriler ve filtreler kullanan çevrimiçi mağazalar için genel kenar çubukları;
Popüler veya yeni yayınlar belirli makalelere dikkat çeker. Bu genellikle haber kaynakları ve bloglar için yaygındır;
Kendi ürünlerini/hizmetlerini veya üçüncü taraf markalarını tanıtan reklamlar. Dikkatini ana içerikten ayırmayan reklam düzeninin kullanılması önerilir; işlevsel unsurlar: alışveriş sepeti, abonelik formları vb.;
Sosyal medya simgeleri. Web sitesinin hücresel versiyonunda, yan bıçaklar genellikle altta yerleştirilir. Bazı durumlarda, cep telefonu ekranında gizli kalırlar. Bunun nedeni, kenar çubuğunun üstbilgi ve altbilgi ile karşılaştırıldığında bir web sitesi için daha önemli olmamasıdır. Bir sayfa sitesi, sayfalar ve minimum içerik görüntüleyen diğer web siteleri taraf gerektirmeme eğilimindedir. Yan çubuğunu Elementor web sitenize eklemek için yan çubuk widget’ı kullanın veya doğrudan> widget ayarını açın. 5. Ekmek kırıntıları Web sitesi navigasyonunun bir sonraki önemli unsuru ekmek kırıntılarıdır. Breadbrumb, ana sayfadan geçerli sayfaya/parçaya giden yolu gösteren navigasyon zincirini ifade eder. Genellikle, sayfanın üstünde ekmek kırıntıları bulabilirsiniz:
Kaynak: Vitenera – WooCommerce Breadcrumbs şarap şablonu, kullanıcıların sitelerde gezinmesine ve önceki bir veya iki parçaya dönmelerine yardımcı olur. Ayrıca, ekmek kırıntıları kullanmak SEO performansını iyileştirir. Ekmek kırıntıları:
Saha yapısına dayalı basit zincir;
Belirli kullanıcı sitesi navigasyonuna dayanan dinamik zincir;
Her bölüm için açılır liste. Büyük çevrimiçi mağazalar için yaygındır.
Web sitenizin birkaç parça ve alt bölümü varsa, ekmek kırıntıları yararlı olacaktır. Breadcrumb Navxt ve Yoast SEO gibi eklentileri kullanarak WordPress sitenize ekmek kırıntıları ekleyebilirsiniz. 6. Dahili bağlantılar Tüm web sitesi sayfaları birbirine bağlanmalıdır ve bunun nedeni budur. Örneğin, dahili bağlantıların navigasyonu, bu gönderiye çok dikkat edin. Birkaç motopres temasının demosuna ve diğer blog yayınlarına bağlantılara bir bağlantı göreceksiniz. Tabii ki, dahili bağlantılar web gezinmesini, özellikle de davranışsal faktörleri artırır. Bir yandan, kullanıcılar daha hızlı, diğer yandan, bir bağlantıdan diğerine ‘seyahat ederek’ kaynaklarda daha uzun sürer. Ayrıca, dahili bağlantılar daha iyi site endekslemesine katkıda bulunur. Arama robotu site içeriğini (sayfalar, resimler, bağlantılar vb.) Tarar ve aynı zamanda bağlantıları kullanarak sayfalar arasında gezinir. Sonuç olarak, tarama daha hızlı gider. Ve zaten bildiğimiz gibi, tarama o kadar hızlı – sıralama o kadar yüksek. Son olarak, dahili bağlantı gerekli sayfaya ağırlık verir. Bu, arama motoru aynı alaka düzeyine sahip sayfaları sıraladığında, ağırlıklı sayfaların daha yüksek bir sıralama elde etme olasılığının daha yüksek olduğu anlamına gelir. Müşterinin bakış açısından, bu sayfa daha yetkili olarak kabul edilecektir. Dahili satış örnekleri için, başlıktaki navigasyon menüsüne, alttaki sitenin haritasına, ekmek kırıntılarına ve yan çubuğdaki bağlantılara da başvurabiliriz. 7. Favicon Favicon, arama sonuçlarında, sekmelerde ve URL’ye ek olarak görülen sitenin küçük bir simgesidir:
Favicon, web sitesinin konusuyla ilişkilendirilmeli ve diğerlerinden öne çıkmalıdır. Marka logosu tarafından temsil edilen tipik bir favicon. Neden daha güvenilir Favicons’a sahip bir favicon? Favicons, sitenizi birçok sekme arasında tanımlamanıza izin verir;
Favicon marka bilinirliğini artırır.
Standart favicon boyutu 16×16 veya 32×32 pikseldir. Diğer boyutlar cihaz türüne ve işletim sistemine göre değişir. Ortak favicon formatı ICO’dur, ancak PNG, GIF, JPEG ve SVG de mevcuttur. Şu anda, PNG ve SVG formatları ICO’dan daha yaygındır. Herhangi bir çevrimiçi grafik düzenleyicide veya jeneratörde bir favicon oluşturabilirsiniz. WordPress sitesine bir favicon yüklemek için doğrudan ayarlama> Site Kimliği> Site simgesini açın. Bu son zihin, herkesin dikkate alması gereken temel web sitesi navigasyonunun en iyi uygulamasıdır. Elementor sitesinin özel yapısı üzerinde çalışıyorsanız, daha iyi bir SEO ve en iyi web sitesi navigasyonuna katkıda bulunursunuz. Her iki bileşen de sitenizin başarısı için çok önemlidir ve sonunda projeniz, ister kar amacı gütmeyen bir kaynak olsun.
