Headless CMS'ye yeni başlayanlar için kılavuz
Yayınlanan: 2022-02-01Headless CMS (İçerik Yönetim Sistemleri), içerik veritabanınızın arka ucu ile web sitenizi veya uygulamanızı ziyaret eden kullanıcılara içeriğin sunulma şekli arasındaki doğrudan bağlantıyı kaldırır.
Bu, hem veritabanının hem de içeriğin oluşturulmasının aynı CMS tarafından kontrol edildiği geleneksel 'birleştirilmiş' CMS ile karşılaştırılır.
Birleştirilmiş bir CMS'nin hem veritabanınızı hem de ekranda görünme şeklini düzenlemek için tek bir arayüz gibi avantajları olsa da, başsız CMS daha güçlü ve esnektir.
Bu, özellikle daha büyük web siteleri, karmaşık veritabanları için veya birden fazla kişinin içeriğinizin, web sitenizin/uygulamanızın ve site içi SEO'nuzun farklı yönleri üzerinde çalışması gerektiğinde geçerlidir.
Başsız CMS Nedir?
Geleneksel bir CMS'de, arka uç içerik veritabanı ve ön uç web sitesi tasarımı aynı CMS panosundan düzenlenebilir, bu nedenle bu sistemlere 'birleştirilmiş' denir.
Başsız bir CMS sistemi, ikisi arasında bir köprü görevi gören bir API (Uygulama Programlama Arayüzü) ile veritabanı ve teslimat için ayrı sistemler kullanır.
En yaygın olarak kullanılan başsız CMS'lerden bazıları Ghost, Prismic, Netlify ve Contentful'dur ve birleştirilmiş CMS'ler gibi verimli çalışacak, esnek işlevsellik sunacak ve veritabanınız büyümeye başladığında hızla ölçeklenecek şekilde tasarlanmıştır.
Headless CMS, daha fazla karmaşıklık nedeniyle daha pahalı olabilir, ancak sitenize farklı cihazlardan erişen ziyaretçilere tamamen farklı bir şekilde içerik sunma yeteneği gibi, birleşik bir sistemin yapamayacağı yetenekler sunar.
İçeriğiniz çok daha duyarlı, platforma bağımlı ve gerçekten mobil uyumlu bir şekilde sunulabileceğinden, bunun yanıt veren web sitesi tasarımı gibi Arama Motoru Optimizasyonu (SEO) teknikleri için bazı olumlu etkileri vardır.
Başsız CMS'nin daha fazla faydası
Dünyanın her yerindeki web sitelerinde bu yaklaşımın büyük popülaritesini ve hızlı bir şekilde benimsenmesini sağlamaya yardımcı olan başsız CMS'nin bazı özel avantajlarına bakalım:
Özelleştirilmiş içerik
Hem içeriğiniz hem de görüntülenme şekli üzerinde daha yakın kontrol, sayfalarınızı çok daha büyük ölçüde özelleştirebileceğiniz anlamına gelir. Bunu ister belirli kullanıcı grupları için ister bir bütün olarak hedef kitleniz için yapın, bu size rakipleriniz arasında öne çıkmanız için daha fazla yol sunar.
Daha hızlı yükleme
Cihaza uygun bir API ve ön uç kullanmak, sitenize mobil veri bağlantısı üzerinden erişenler de dahil olmak üzere farklı cihazlarda yükleme hızlarını optimize eder. Bu ayrıca, Önemli Web Verileri performansınızı iyileştirmek için SEO kampanyalarında gerçekleştirdiğiniz tüm işlemleri de destekler.
Geleceğe dönük esneklik
Ek API'ler yükleme yeteneği, veritabanınızın gelecekte yeni ön uçlara bağlanabileceği anlamına gelir. Bu, örneğin masaüstü ve mobil ziyaretçiler için bir web sitesinden mağaza içi bilgi ekranları ve giyilebilir teknoloji sunmak için çeşitlendirmenize olanak tanır.
Özetle, karmaşık ön uç ihtiyaçlarınız olduğunda, ancak gerçek içeriğinizin düzenlenmesini ve bakımını basitleştirmek istediğinizde, düzenleme ve güncellemelerin tüm farklı platformlarınıza anında yansıtılmasını istiyorsanız, başsız bir CMS idealdir.
Başsız CMS için nasıl plan yapılır
İçerik modelleme, yeni bir başsız CMS uygulamadan önce çok önemli bir planlama aşamasıdır. Bir web sitesinin klasör hiyerarşisini, URL yapısını ve site haritasını planlama şeklinize benzer, ancak bu durumda tek tek sayfalar yerine içerik türleriyle çalışıyor olacaksınız.
İçerik türleri nelerdir?
Tanımladığınız çeşitli içerik türleri, veritabanınızdan bilgi çeken alanlar içerir. Bu, SEO meta verileri olabilir – ve Yoast gibi bir SEO eklentisi ile geleneksel birleştirilmiş bir CMS kullanıyorsanız, geçmişte meta veri alanlarını görmüş ve doldurmuşsunuzdur.
Ana içerik sayfalarınızda, sayfada oluşturulacak bir veya daha fazla görünür içeriğin bölümünün yanı sıra URL bilgisi için alanlarınız olabilir.
Dosyalarınıza bir ad, yalnızca dahili olarak görülebilen bir açıklama ve dosyaya erişilebileceği bir konum vererek medya varlıkları için içerik türleri de tanımlayabilirsiniz.
İçerik türleri nasıl çalışır?
Gerekli tüm içerik türlerini tanımladıktan sonra, API'lerin veritabanınızdan bilgi çıkarabileceği ve farklı platformlar için bir araya getirebileceği modüler bir 'yapı taşları' yöntemi oluşturmuş olursunuz.
API'ler, farklı içerik türlerinden veri talep edebilir ve sayfaları platforma özel bir şekilde oluşturmak için tamamen benzersiz yollarla oluşturabilir.
Gelecekte yeni bir SEO meta etiketi eklemek gibi değişiklikler yapmanız gerekirse, veritabanınızdaki ilgili her öğede gerekli alanı oluşturmak için içerik türünü güncelleyebilirsiniz.
SEO gereksinimleri nasıl tanımlanır
Geliştirmeye çok derin girmeden önce başsız CMS için SEO gereksinimlerini tanımlamak iyi bir uygulamadır, böylece geliştiricileriniz neyi uygulamak zorunda olduklarını bilirler.
Dikkate alınması gereken bazı unsurlar şunlardır:
- URL bilgisi (sayfa başına anahtar kelime olarak yazılabilir)
- Meta veriler (ör. 'başlık', 'açıklama' ve 'anahtar kelimeler' etiketleri)
- Kanonik etiket (yinelenen içerik cezalarını önlemek için)
- Meta robots etiketi (sayfaların istenmeyen şekilde taranmasını önlemek için)
Ayrıca, SEO'nuzu desteklemeye yardımcı olan daha modern yöntemlerden ve hizmete özel doğrulamalardan bazıları için alanlar oluşturabilirsiniz:
- Mikro veriler, mikro biçimler ve Schema.org işaretlemesi
- Google Analytics, Search Console ve Bing Web Yöneticisi Araçları için doğrulama etiketleri
- Sosyal medya önizlemeleri için işaretleme (ör. Twitter Kartları)
Yine, bunların tümü içeriğinizin nasıl bulunduğunu ve farklı platformlarda nasıl görüntülendiğini etkiler - bu durumda üçüncü taraf web siteleri ve uygulamalar - bu nedenle bu alanları dahil etmek, nerede bulunurlarsa bulunsun insanların içeriğinizi nasıl gördüğünü kontrol etmenize yardımcı olur. O.
Kaç içerik türüne ihtiyacım var?
Kaç içerik türünün kullanılacağına karar vermek, başsız CMS'ye geçmenin en büyük sorularından biridir ve yanıt, bunun elde etmeye çalıştığınız şeye bağlı olduğudur.
En iyi SEO performansı için, her bir parametreyi kapsayan alanlar tanımlamalısınız. Örneğin, robotsfollow/nofollow meta etiketi için bir alanınız ve robots index/noindex için ayrı bir alanınız olabilir.
Sınırlar ve gereksinimler
Contentful gibi Headless CMS, alanlara karakter sayısı sınırlamaları koymanıza da izin verir, böylece başlık etiketlerini ve diğer meta verileri belirli sayıda karakter içinde tutabilirsiniz.
Son olarak, alanları zorunlu ve benzersiz hale getirebilirsiniz; bu nedenle, meta veriler başka bir sayfadan kopyalanırsa veya tamamen eksikse, düzenleyici bir hata mesajı alır ve gerekli düzeltmeleri yapabilir.
Bunu ister tek bir içerik türü içinde birden çok alan kullanarak yapın, ister oluşturma tarafında daha fazla esneklik için ayrı içerik türleri kullanın, kısmen verilerinizin hangi özellikleri desteklemesi gerektiğine ve kısmen de kişisel tercihinize bağlıdır.
bir araya getirmek
Bunu bir dilek kuyusu inşa etmek gibi düşünebilirsiniz. Tuğlalar ne kadar büyük olursa, inşaat o kadar hızlı ve kolay olacaktır. Ancak tuğlalar ne kadar küçük olursa, dairesel şekil o kadar mükemmel olur.
'Doğru sayıda' içerik türü, sizin için en iyi sonucu veren orta yollu bir uzlaşma olmalıdır, böylece her paragrafı, başlığı ve meta etiketi ayrı ayrı düzenlediğinizi düşünmeden istediğiniz web sitesini oluşturabilirsiniz.
Ön uç ne olacak?
Popüler kullanımda birkaç yaygın başsız CMS arka ucu olduğu gibi, aralarından seçim yapabileceğiniz bazı harika ön uç çerçeveleri de vardır.
En iyilerinden ikisi React ve Vue'dur ve bu modern çerçeveler bir kez daha verimli çalışmak, içeriği hızlı bir şekilde yüklemek ve web sitenizin ziyaretçilerine en iyi kullanıcı deneyimini sunmak için tasarlanmıştır.
Teknik hususları dikkate almayı unutmayın. Örneğin, içeriğinizi önceden oluşturmak, JavaScript kullanılarak istemci tarafında oluşturulduysa içeriği "göremeyebilecek" olan arama motoru tarayıcıları tarafından tamamen görünür olmasını sağlayabilir.
Son düşünceler
Başsız CMS'niz uygulandıktan sonra, arama sıralamalarınızı etkileyebilecek bir teknik özelliği kaçırmadığınızdan emin olmak için saygın web geliştiricileri ve özellikle SEO uzmanları tarafından düzgün bir şekilde denetlendiğinden emin olun.
Buna API'lerde oldukça yaygın olan bir örnek, e-ticaret kategorileri, bir ürünün farklı boyutları ve renkleri ve sonuçların sayfalandırılması gibi şeyler için dinamik URL'lerin çoğalmasıdır.
Tüm bu URL'leri arama motoru robotlarına görünür hale getirerek, sitenizdeki daha değerli, statik URL içeriğini bulmadan önce tarama bütçelerini tüketme riskini alırsınız.
[Örnek Olay] Google'ın bot taramasını yönetme
Örnek olayı okuyunGeliştiricilerinizi mümkün olduğunda statik URL'ler uygulamaya teşvik edin ve istenmeyen dinamik sayfalara tarayıcı erişimini engellemek için başsız CMS'nizde uygulanan robots meta etiketlerini kullanın.
İleriye bakmak
Yukarıdakilerin hepsini dikkate alarak, masaüstü sitelere, mobil sitelere ve uygulamalara, akıllı hoparlörlere, AI sohbet botlarına, mağaza içi bilgi ekranlarına ve daha birçok cihaz türüne hizmet verebilecek karmaşık ve kapsamlı web sitesi veritabanları oluşturabilirsiniz. Nesnelerin interneti.
Gelecekteki geliştirme çalışmaları, verilerini yayınladığınız birçok farklı cihaz ve platformda anlık güncellemeler sağlayabilir ve SEO ve içerik kampanyalarınızdan daha hızlı ve daha olumlu yatırım getirisi sağlayabilir.
2000'lerin başında Basamaklı Stil Sayfaları (CSS) ile gelen içerik ve tasarımın ayrılması gibi, başsız CMS size içeriğinizi tanımlamanız, düzenlemeniz ve oluşturmanız için daha ayrıntılı bir yol sunar - SEO ve e-ticaret hedeflerinize ulaşmanıza yardımcı olur. veritabanınızı önümüzdeki aylar ve yıllar boyunca oluştururken daha iyi yönetilen bir yol.