Elementor'daki blog yayınlarınıza bir içerik tablosu nasıl eklenir

Uzun biçimli blog içeriği oluşturmak SEO için mükemmeldir, ancak yayınlarınızı da hissettirebilir… iyi, uzun. Nerede olduğunuzu veya ne kadar kaldığını bilmeden büyük bir makalede gezinmek okuyucular için sinir bozucu olabilir. İşte bir içerik tablosu (TOC) işe yarıyor.

İçindekiler (TOC) bir harita gibi davranır, okuyucuların ihtiyaç duyduklarını hızlı bir şekilde bulmalarına, bir bölüme atlamaya ve içerik yapınız hakkında daha iyi bir fikir edinmelerine yardımcı olur. Ayrıca, arama sonuçlarında zengin snippet'leri etkinleştirerek SEO'nuzu artırabilir.

Sitenizi ve blog yayınlarınızı tasarlamak için Elementor kullanıyorsanız, özellikle PowerPack eklentisini kullandığınızda bir içerik tablosu eklemek süper basittir.

Bu kılavuzda, herhangi bir HTML kodu veya CSS eklemeden Elementor'daki blog yayınınıza nasıl bir içerik tablosu ekleyeceğinizi göstereceğiz.

Neden bir içerik tablosu eklemelisiniz?

Nasıl yapılır yapmadan önce, bir TOC'nin neden blog yayınlarınıza akıllı bir katkı olduğu hakkında hızlı bir şekilde konuşalım.

• Kullanıcı deneyimini geliştirir: Okuyucular anında onları ilgilendiren bölüme atlayabilir.
• SEO'yu Artırır: Arama motorları genellikle TOC bağlantılarını sitel bağlantıları olarak görüntüler, bu da tıklama oranlarını iyileştirebilir.
• Daha uzun etkileşimi teşvik eder: Kullanıcılara navigasyon üzerinde kontrol vererek, bunları sayfada daha uzun süre tutarsınız.
• Hızlanma oranını azaltır: Ziyaretçiler, kolayca yudumlayabildiklerinde uzun içerikten bunalmış hissetmezler.

Şimdi Elementor'a tamamen işlevli ve şık bir TOC ekleyebileceğinize girelim.

Elementor'daki blog yayınlarınıza bir içerik tablosu nasıl eklenir

1. Adım: Elementor için PowerPack eklentilerini yükleyin

Devam etmeden önce, web sitenizdeki Elementor için PowerPack eklentilerini yüklediğiniz ve etkinleştirdiğinizden emin olun. Daha fazla bilgi edinmek için PowerPack Addons Pro'nun nasıl kurulacağı ve etkinleştirileceği konusundaki kılavuzumuza göz atın.

2. Adım: İçindekiler Tablosu Widget'ı etkinleştirin

Eklenti etkin olduğunda, TOC widget'ının gerçekten etkin olduğundan emin olmak iyi bir fikirdir.

Bunu yapmak için Elementor >> PowerPack >> öğeleri WordPress kontrol panelinize gidin. Oradan, “İçindekiler Tablosu” widget'ı arayın ve yanındaki geçişin (mavi) açıldığından emin olun.

Şimdi Elementor'da kullanmaya hazırsınız.

Adım 3: Elementor'da tek bir yazı şablonu oluşturun

İçindekiler tablosunu tüm blog yayınlarınızda tutarlı bir şekilde uygulamak için, tek bir yazı şablonuna eklemek en iyisidir.

İşte nasıl:

• Şablonlara gidin >> Yeni ekleyin.
• Açılır menüden tek gönderi seçin.
• Şablonunuza “ Blog Düzeni ” veya “ Post Şablon ” gibi bir ad verin ve ardından “ Şablon Oluştur ” u tıklayın.

Elementor şimdi boş bir tuvalden başlamak veya önceden inşa edilmiş bir düzen kullanmak isteyip istemediğinizi soracaktır.

Adım 4: Önceden tasarlanmış bir posta şablonu kullanın (isteğe bağlı)

Düzeni sıfırdan inşa etmek istemiyorsanız, Elementor hazır bir şablon eklemeyi kolaylaştırır. Önceden tasarlanmış seçeneklerden birini seçin; Genellikle yayın başlığı, özellikli resim, yazar kutusu ve yayın içeriği gibi temel öğeleri içerir.

Bunları her zaman daha sonra blogunuzun tasarımına daha iyi uyacak şekilde değiştirebilirsiniz.

Adım 5: Şablonunuza İçindekiler Tablosu Widget'ı ekleyin

Ardından, Contents Widget tablosunu eklememiz gerekiyor.

Elementor panelinde “İçindekiler Tablosu” nu arayın. Widget göründüğünde (köşedeki PP simgesini arayın), düzeninize sürükleyin ve bırakın.

İçerik tablosunu (TOC) yerleştirmek için ortak bir nokta, yayın başlığının veya öne çıkan görüntünün hemen altındadır, ancak içeriğiniz için mantıklı olduğu her yere yerleştirebilirsiniz.

Widget'ı ekledikten sonra, tüm başlıkları (H2'ler ve H3'ler gibi) yazınızdan otomatik olarak algılar ve görüntüler.

Adım 6: İçerik ayarlarını özelleştirin

Sayfadaki widget ile, yayın içeriğinizdeki tüm başlıkların bir listesini göreceksiniz. Şimdi, içerik tablosunu kişiselleştirelim.

İçerik sekmesinde birkaç ayar bulacaksınız:

İçindekiler (TOC) başlığını “Hızlı Navigasyon” veya “Bu Sayfada” gibi bir şeye değiştirebilirsiniz. SEO ve erişilebilirliği düşünüyorsanız, hiyerarşinize nasıl uyduğuna bağlı olarak başlığın HTML etiketini de ayarlayabilir ve H2 veya H3 olarak ayarlayabilirsiniz .

Ardından, belirli başlık seviyelerini dahil etmek veya hariç tutacak ayarlar vardır. Örneğin, yalnızca H2S ve H3S'yi göstermeli ve H4'leri ve altını atlamalısınız. Ve liste stilini seçebilir, daha az bir görünüm için yapılandırılmış, adım adım bir his veya mermiler için sayılarla gidebilirsiniz.

Adım 7: Ekstra özellikleri keşfedin (isteğe bağlı ancak kullanışlı)

İçindekiler Widget'ın PowerPack Tablosu, hem kullanılabilirliği hem de tasarımı geliştirmeye yardımcı olan özelliklerle doludur.

Mobil kullanıcılar için veya düzeni temiz tutmak istediğinizde içerik tablosunu (TOC) katlanabilir hale getirebilirsiniz. Genişletme/çökme için bir simge ekleyin ve widget'ın mobil, tablet, masaüstü veya tüm cihazlarda ne zaman çökmesi gerektiğini belirtin.

Hiyerarşik bir görünüm seçeneği de var. Bu, alt başlıkları ana başlıklarının altına girerek H2S, H3S ve H4S arasındaki ilişkiyi gösterir. Ayrıntılı bir yayınınız varsa, bir içerik tablosu (TOC) oluşturmak onu daha organize ve taramayı daha kolay hale getirir.

Daha uzun mesajlar için, kaydırmada yapışkan toC'yi etkinleştirmek süper yararlıdır. Kullanıcılar herhangi bir zamanda bölümler arasında atlayabilmeleri için TOC'yi görünür tutar. Kullanıcıların yayınınızın başlangıcına hızla dönmelerine yardımcı olmak için widget içindeki en üst düğmeye bir kaydırma bile ekleyebilirsiniz.

Sitenizde yapışkan bir başlık varsa, bir kullanıcı bir TOC bağlantısını tıkladığında başlıkların arkasına gizlenmeyecek şekilde kaydırma offse T'yi ayarlamayı düşünün.

Adım 8: Sitenize uyacak şekilde TOC'yi şekillendirin

Artık işlevsellik kurulduğuna göre, widget'ın harika göründüğünden emin olalım. Stil sekmesinde, tam bir özelleştirme seçenekleri paketi bulacaksınız:

• Kutu Stili: TOC'nin arka plan rengini, sınır tipini ve sınır yarıçapını ayarlayabilir ve hatta öne çıkması için bir kutu gölgesi ekleyebilirsiniz. Temiz bir düzen için gidiyorsanız, ince bir sınır ve hafif arka plan güzel çalışıyor.
• Başlık Styling: TOC başlığını özelleştirmek mi istiyorsunuz? Metin hizalamasını ayarlayabilir, dolguyu değiştirebilir ve renkleri, tipografiyi ve simgeleri ayarlayabilirsiniz. Bir ayırıcı çizgisi bile ekleyebilir ve genişliğini ve rengini özelleştirebilirsiniz.
• Liste Styling: Bu, bölüm bağlantılarını gerçek TOC öğelerini özelleştirdiğiniz yerdir. Dolguyu ayarlayın, metni ve başlık tipografisini değiştirin, alt başlıklar için girinti seçin ve işaret stilini (mermi rengi ve boyutu gibi) kişiselleştirin.

Bu şekillendirme seçenekleriyle, TOC'yi yeni bırakılan bir şey yerine web sitenizin doğal bir uzantısı gibi hissettirebilirsiniz.

Adım 9: Koşulları yayınlayın ve ayarlayın

Her şey istediğiniz gibi göründüğünde, devam edin ve Publish'e basın. Elementor daha sonra size bu şablonu nerede görüntüleyeceğinizi soracaktır.

Şablon (ve içindeki TOK) sitenizdeki her blog yayınına uygulanacak şekilde '>> tüm yayınları dahil' durumunu seçin.

Kaydet ve Clos E'i tıklayın, işiniz bitti!

Powerpack Tablosu İçindekiler Widget'ın önemli özellikleri

İçindekiler Widget'ın PowerPack Tablosu, yalnızca okuma deneyimini geliştirmekle kalmayıp, aynı zamanda içerik tablonuzun nasıl göründüğü ve web sitenizde işlev görmesi üzerinde tam bir kontrol sağlayan yararlı özelliklerle doludur.

Tablo başlığını kolayca özelleştirin

İçerik tablonuzun başlığını, gönderinizin tonuna veya amacına daha iyi uyacak şekilde kişiselleştirebilirsiniz. İster “Hızlı Gezinme”, “İçindekiler” veya “Bölüme Atla” adını vermek isteyin, PowerPack TOC widget'ı sadece birkaç tıklamayla güncellemenizi sağlar.

Başlıkları ekleyin veya hariç tutun

Bu widget'ın göze çarpan özelliklerinden biri, başlık seviyelerini yönetme konusunda size verdiği esnekliktir. TOC'de hangi başlık etiketlerinin (H1, H2, H3, vb.) Görünmesi gerektiğini seçebilirsiniz. Daha da iyisi, yerleşik CSS seçici işlevselliğini kullanarak, belirli bölümleri veya başlıkları tablonuzdan özel olarak ekleyebilir veya hariç tutabilirsiniz, görünenler üzerinde tam kontrol sağlar.

Tercih ettiğiniz liste stilini seçin

İçeriğinizi temiz, minimalist bir listede sunmak mı yoksa daha yapılandırılmış, numaralı bir formatta gitmek mi istiyorsunuz? Seçenekleriniz var. Widget, tasarım tercihinize bağlı olarak liste stilinizi 'hiçbir,' 'mermi' veya 'sayılar' olarak ayarlamanıza olanak tanır.

Uzun başlıklar? Sorun değil

Başlıklarınız uzun olma eğilimindeyse, endişelenmeyin. Metnin düzgün bir şekilde kırıldığından ve içerik tablonuzun (TOC) temiz ve hizalandığından emin olmak için Word Wrap seçeneğini etkinleştirebilirsiniz.

TOC'yi cihaz türüne göre daraltın

Cihaz türüne bağlı olarak içerik tablosunu varsayılan olarak daraltmayı seçebilirsiniz: mobil, tablet veya masaüstü. Bu, işleri daha küçük ekranlarda düzenli tutmaya yardımcı olur. Ek olarak, iç içe geçmiş başlıkların (H2S altındaki H3'ler gibi) açıkça girintili ve yapılandırılmasına izin veren hiyerarşik bir görünüm etkinleştirebilirsiniz.

Uzun yazılar için yapışkan içerik tablosu

Uzun biçimli içerik için, kullanıcı ile kaydıran bir içerik tablosu (TOC) bir oyun değiştiricidir. Yapışkan TOC özelliği, site ziyaretçileri sayfayı aşağı kaydırdıkça içerik listesinin görünür kalmasını sağlar. Bu, tepeye geri dönmek zorunda kalmadan herhangi bir zamanda bölümler arasında atlamalarını kolaylaştırır.

Blog yayınlarında İçindekiler Tablosu kullanmak için en iyi uygulamalar

TOC'nızdan en iyi şekilde yararlanmak için bu ipuçlarını aklınızda bulundurun:

• Uygun başlık yapısını kullanın: Ana bölümler için H2S ile başlayın, ardından gerektiğinde H3'ler ve H4S. Hem okuyucuları hem de İçindekiler tablosunu (TOC) kendisini karıştırabileceğinden, H2'den H4'e gitmek gibi seviyeleri atlamaktan kaçının.
• Başlıklarınızı net ve özlü tutun: Unutmayın, okuyucularınız bunları yayınınızda gezinmek için kullanacaktır. İçindekiler (TOC) kısa ve katlanabilir tutun. Özellikle mobil kullanıcılar için çöküşü sağlamak düzeninizi temiz tutabilir.
• Tüm cihazlarda önizleme: İçindekiler tablonuzun (TOC) doğru göründüğünden ve masaüstü bilgisayarlarda, tabletlerde ve cep telefonlarında düzgün çalıştığından emin olun.

Sık sorulan sorular

Ques. İçindekiler (TOC) mobil cihazlarda gizleyebilir miyim?

Ans. Evet, TOC'nin mobil veya tablette varsayılan olarak en aza indirilmesini sağlamak için “çökme” ayarını kullanabilirsiniz.

Ques. Gönderime yeni bölümler eklediğimde otomatik olarak güncellenecek mi?

Ans. Evet! Widget, içeriğinizden başlık etiketlerini dinamik olarak çeker, böylece otomatik olarak güncellenir.

Ques. Bu widget'ı blog yayınlarının dışında kullanabilir miyim?

Ans. Kesinlikle. Herhangi bir Elementor Düzeni sayfasına, özel yayın türüne veya hatta ürün açıklamasına ekleyebilirsiniz.

Sarmak!

İçerik tablosu sadece bir tasarım özelliği değildir; Bu, okuyucularınızın deneyimini geliştirebilecek, SEO'yu artırabilecek ve içeriğinizi daha ilgi çekici hale getirebilecek bir kullanılabilirlik yükseltmesidir.

Elementor ve PowerPack Addons ile bir İçerik Tablosu (TOC) eklemek ve özelleştirme şaşırtıcı derecede kolaydır. Tek bir kod satırı yazmadan, nasıl göründüğü ve davrandığı üzerinde tam bir kontrol elde edersiniz.

Elementor için PowerPack Addons ile çok daha fazlasını yapabilirsiniz. Elementor sayfalarınızı özelleştirmek için kullanabileceğiniz 70'den fazla yaratıcı widget var. Elementor için PowerPack Addons hakkında daha fazla bilgi edinmek istiyorsanız, buraya bakın.