JavaScript'te yaşayan bir turist-pass platformu için SEO

Istanbul Welcome Card şehri birkaç dokunuşla satıyor — pass'ler, müze biletleri, Boğaz turları, havalimanı transferleri, turlar — daha fazlasını gör, daha az öde sözüyle. Ama bu, client-render bir tek-sayfa uygulaması; arama motorlarının okumak için en çok zorlandığı türden bir site ve altında derin, yüksek-niyetli ticari bir katalog yatıyor. Logic Grid Studio SEO'yu yürüttü: JavaScript platformunu taranabilir ve indekslenebilir kılmak, ve katalogu gerçekten rezervasyona dönüşen İstanbul-seyahat aramalarında görünecek şekilde ayarlamak.

Durum

Istanbul Welcome Card, basit bir vaat üzerine kurulu bir turist-pass ve rezervasyon platformu — daha fazlasını gör, daha az öde — ve arkasında gerçekten derin bir katalog var. Kartlar ve pass'ler (Go Pass, Premium, Classic, Deluxe, İstanbul Müze Kart), kombolar, bir ila yedi günlük toplu ulaşım pass'leri, Topkapı, Ayasofya, Yerebatan Sarnıcı ve Dolmabahçe için müze biletleri ve turlar, Boğaz turları, her iki havalimanından transferler, deneyimler ve gece hayatı, atölyeler ve yürüyüş turları var — bir geziden önce ve gezi sırasında rezerve edilecek şeylerden oluşan, yüzlerce değerlendirmeyle iyi puan almış eksiksiz bir pazar yeri. İşin püf noktası nasıl kurulduğu: bu, client-render bir tek-sayfa uygulaması; içeriğin yalnızca tarayıcı uygulamayı çalıştırdıktan sonra göründüğü türden bir JavaScript sitesi. Bu da arama motorlarının okumakta en çok zorlandığı tür — ve her sayfası birinin satın almak için aktif olarak arattığı bir şey olan ticari bir platformda, aramada okunması zor olmak, satılması zor olmakla aynı şey.

Bize geliş nedenleri

Böyle bir platform için SEO bir içerik rötuşu değil; aynı anda teknik, sayfa-içi ve mimari bir iş — ve sitenin kuruluşu nedeniyle önce teknik kısım gelir. Client-render bir tek-sayfa uygulaması katalogunu JavaScript'in arkasına saklar: bir arama motoru o ürün sayfalarını güvenilir biçimde render edip indeksleyemiyorsa, sayfa-içi ya da içerik çalışmasının hiçbir önemi kalmaz, çünkü sıralayacağı bir şey yoktur. Bunun üstünde ticari gerçeklik var — her kategori yüksek-niyetli, işlemsel bir arama (İstanbul müze kart, Ayasofya sırada beklemeden bilet, Boğaz akşam yemeği turu); rekabetin sert ve ziyaretçinin rezervasyona hazır olduğu aramalar — dolayısıyla sayfaların hem bir tarayıcı tarafından okunabilir hem de bir gezginin tam olarak yazdığı şeyle örtüşecek biçimde ayarlanmış olması gerekir. Ve katalog, yalnızca iyi tekil sayfalar değil bir mimari gerektirecek kadar geniş. Istanbul Welcome Card, tüm bunları birlikte üstlenebilecek bir partnere ihtiyaç duyuyordu — render ve taranabilirlik problemini, ticari sayfa-içi problemini ve katalog mimarisini — bir arama motorunun göremediği sayfaları optimize edecek bir içerik SEO'cusuna değil.

Kısıtlar

Belirleyici kısıt yapıydı: client-render bir JavaScript tek-sayfa uygulaması; katalogun hazır HTML olarak sunulmak yerine tarayıcı tarafından çizildiği bir yapı. Sonraki her şey, bunu güvenilir biçimde taranabilir ve indekslenebilir kılmaya bağlıydı — yerinde, işletmenin üzerinde döndüğü platformu yeniden inşa etmeden. İş aynı zamanda ticari niyete uçtan uca saygı göstermeliydi — bu bir rezervasyon platformu, dolayısıyla yanlış trafiği getiren ya da rezerve edilebilir sayfaları gömen bir SEO işe yaramaktan beterdir; sıralanan sayfaların, satın almaya hazır bir gezginin gerçekten istediği sayfalar olması gerekiyordu. Katalog geniş — pass'ler ve müze biletlerinden turlara, transferlere, gece hayatına ve atölyelere kadar on ayrı rezervasyon ailesi — dolayısıyla optimizasyon hepsinde tutmalı ve onların aramada birbiriyle yarışmasını önlemeliydi. Ve zaten olduğu gibi çok para birimli ve çok dilli yayındaki platformda yürümeli; ürün katalogu, URL'ler ve hâlihazırda gelen rezervasyonlar korunmalıydı.

Üstlendiğimiz kapsam

Logic Grid Studio, platformun SEO'sunu uçtan uca sahiplendi. İlk ve en zor kısım teknikti: client-render, JavaScript bir tek-sayfa uygulamasını taranabilir ve indekslenebilir kılmak — böylece arama motorları boş bir kabuk görmek yerine katalogu gerçekten erişip render edip anlayabiliyor; geri kalan her şeyin üzerinde durduğu temel bu. Bunun üstünde ticari niyet için sayfa-içi optimizasyonu sahiplendik: her rezervasyon ailesini — pass'ler, müze biletleri ve turlar, Boğaz turları, havalimanı transferleri, deneyimler, atölyeler, yürüyüş turları — bir gezginin gerçekte yaptığı yüksek-niyetli, işlemsel aramalarla, yalnızca bir okumayla değil bir rezervasyonla biten sorgularla hizalayacak şekilde ayarladık. Katalog mimarisini de sahiplendik: on ayrı rezervasyon ailesini, aramada birbirini yamyamlamak yerine güçlendirecek biçimde yapılandırıp iç bağlantılarla bağladık; öyle ki platform bir arama motoruna tutarlı, taranabilir tek bir ürün ağacı olarak okunuyor. Bunların hepsi mevcut yayındaki platformda — çok para birimli, çok dilli, tam rezervasyon yapabilen — katalog ve URL'ler korunarak yapıldı.

Yaklaşımımız

Sitenin görülmesi en zor olduğu yerden başladık — render'dan. Katalog client-render bir tek-sayfa uygulamasının içinde yaşadığı için, ilk iş arama motorlarının ürün sayfalarını güvenilir biçimde render edip indeksleyebildiğinden emin olmaktı; ki sayfa-içi ve mimari çalışmanın gerçekten üzerine ineceği bir zemin olsun. Bir JavaScript platformunda taranabilirlik son rötuş değil, temeldir. Katalog okunabilir kılındıktan sonra ticari katmanı işledik: her rezervasyon ailesi, diğer ucunda bir alıcı olan işlemsel bir arama, dolayısıyla sayfa-içi sinyalleri İstanbul müze kart ya da sırada beklemeden bilet gibi sorguların arkasındaki tam niyetle örtüşecek biçimde ayarladık; doğru sayfayı doğru aramayla hizaladık. Sonra katalogu bir ürün yığını değil bir mimari olarak yapılandırdık — on rezervasyon ailesini, otorite mantıklı biçimde aksın ve aynı terimler için birbiriyle yarışmayı bıraksınlar diye iç bağlantılarla bağladık — ki platformun bilgi-mimarisi görünümü bunu somutlaştırıyor. Boyunca yayındaki platformu yerinde optimize ettik: bu, gerçek URL'leri ve gerçek geliri olan, çalışan ve iyi puan almış bir rezervasyon işi, dolayısıyla disiplin var olanı bulunabilir ve satılabilir kılmaktı; onu yeniden inşa etmek değil.

Sonuç

Istanbul Welcome Card, arama motorlarının okumakta zorlandığı bir JavaScript platformundan, önemli aramalarda taranmak, indekslenmek ve bulunmak üzere kurulu bir kataloga dönüştü. En zorlu engel — ürünlerini JavaScript'in arkasına saklayan client-render bir tek-sayfa uygulaması — önce ele alındı, böylece platform artık arama motorlarına boş bir kabuk sunmak yerine onlar tarafından erişilebilir ve anlaşılabilir. Bu temelin üstünde, sayfa-içi çalışma her rezervasyon ailesini bir gezginin gerçekte yaptığı yüksek-niyetli, işlemsel aramalarla hizalıyor; katalog mimarisi ise on rezervasyon ailesini, birbirini yamyamlamak yerine güçlendirdikleri tutarlı, taranabilir tek bir ağaca bağlıyor. Her sayfası birinin aktif olarak satın almaya çalıştığı bir şey olan bir platform için fark yaratan da budur: ürünler artık onları rezerve etmek için zaten arama yapan gezginler tarafından bulunacak konumda — ve bunların hepsi yayındaki, çok para birimli, çok dilli platformda, katalog ve hâlihazırda kazandığı gelir olduğu gibi korunarak yapıldı.