Astro SEO: Bir Astro sitesi Google'da nasıl sıralanır ve yapay zeka tarafından nasıl alıntılanır?

Kısa test

SEO size uygun mu ve nasıl başlamalısınız?

Soru 1 / 425%

İnsanlar sattığınız şeyi Google'da arıyor mu?

Evet, sanırımHayır, yeni veya çok nişBilmiyorum

Astro SEO, bu temiz HTML'i sıralama alan sayfalara dönüştürme işidir. Google'ın JavaScript SEO temelleri rehberi, JavaScript sitelerinin üç aşamada işlendiğini (tarama, oluşturma, dizine ekleme) açıklar ve her bot JavaScript çalıştıramadığı için sunucu tarafı oluşturmanın ya da ön oluşturmanın hâlâ çok iyi bir fikir olduğunu belirtir. Astro varsayılan olarak tam bu noktadan başlar. Bu rehber geri kalanını ayar ayar ele alıyor ve her davranışı resmi Astro belgelerinde doğruladık. Bu arada, şu anda okuduğunuz sorank.com sitesi de Astro üzerinde çalışıyor.

Astro SEO için iyi mi?

Teknik açıdan evet. Astro, bileşenleri derleme sırasında HTML'e dönüştürür ve React ya da Vue gibi çatıların normalde tarayıcıya gönderdiği JavaScript'i kaldırır. Böylece JavaScript SEO rehberimizde anlatılan klasik sorunlardan kaçınırsınız: boş HTML kabukları, ancak oluşturmadan sonra görünen içerik, gerçek bağlantı etiketi olmayan linkler. Tek sayfalı uygulamaların yönlendirme tuzakları da ortadan kalkar, çünkü her Astro rotası kendi HTML dosyasına sahip gerçek bir URL'dir.

Astro'nun yapmadıkları da aynı derecede önemlidir. Yerleşik bir SEO eklentisi, otomatik meta açıklaması, otomatik canonical etiketi ya da yapılandırılmış veri yoktur. Tablo, hazır gelenle sizin kurmanız gerekeni ayırıyor.

Statik mi sunucu tarafı render mı: SEO için hangi mod daha iyi?

Astro'nun isteğe bağlı oluşturma belgeleri açıktır: varsayılan olarak sayfalar, rotalar ve API uç noktaları derleme sırasında statik sayfalar olarak önceden oluşturulur. SEO için statik çıktı en güvenli varsayılandır: her URL, bir CDN'den sunulan, hızlı ve her ziyaretçi ile her bot için aynı olan hazır bir HTML dosyasıdır.

İsteğe bağlı (sunucu tarafı) oluşturma, barındırma hizmetiniz için bir adaptör gerektirir (örneğin Node, Netlify, Vercel veya Cloudflare). Ardından tek bir rotayı export const prerender = false ile ön oluşturmanın dışına çıkarırsınız ya da tüm projeyi output: 'server' ile değiştirip statik sayfaları tek tek geri açarsınız. İki mod da tam HTML üretir, yani Google aynı şeyi görür. Farklar başka yerdedir:

• Hız: statik bir dosya anında sunulur; sunucuda oluşturulan bir sayfa ise sunucunun yanıt süresine bağlıdır ve bu Largest Contentful Paint'i etkiler.
• Güncellik: sunucu tarafı oluşturma, sürekli değişen sayfalar (stok, fiyatlar, arama sonuçları) için uygundur; bu sayfalarda siteyi yeniden derlemek çok yavaş kalır.
• Araçlar: site haritası gibi bazı entegrasyonlar sunucudaki dinamik rotaları göremez (aşağıya bakın).

Pratik kural: pazarlama sayfalarını, blog yazılarını ve belgeleri statik tutun, yalnızca canlı veri gereken rotaları isteğe bağlı oluşturun. Astro belgeleri de aynısını önerir: sayfaların çoğu isteğe bağlı oluşturma gerektirene kadar varsayılan statik modda kalın.

Astro'da meta etiketleri ve canonical URL'ler nasıl ayarlanır?

Tek bir SEO bileşeni oluşturun (genellikle BaseHead veya Seo adını alır) ve her düzenin head bölümüne ekleyin. Bileşen bir başlık, bir açıklama, isteğe bağlı bir görsel ve isteğe bağlı bir noindex işareti alır ve şunları üretir:

1. her sayfa için benzersiz, ana anahtar kelimeyi başa yakın taşıyan title etiketi;
2. her sayfa için elle yazılmış meta açıklaması (arama sonuçlarındaki snippet'iniz budur);
3. Astro.url.pathname ve yapılandırmadaki site değerinden mutlak URL olarak oluşturulan canonical etiketi;
4. bağlantı önizlemeleri için Open Graph ve sosyal medya etiketleri (başlık, açıklama, görsel, URL);
5. bir sayfanın dizin dışında kalması gerektiğinde robots meta etiketi.

Önce astro.config.mjs içinde site seçeneğini ayarlayın: canonical, site haritası ve sosyal etiketler buna bağlıdır. Ardından bir trailingSlash politikası seçin ('always' ya da 'never') ve ona bağlı kalın; böylece /blog/yazi ile /blog/yazi/ asla aynı sayfanın iki sürümü olarak rekabet etmez. İzleme parametrelerinin kopya sayfa üretmemesi için canonical'dan sorgu dizelerini çıkarın.

Astro ile site haritası ve robots.txt nasıl oluşturulur?

@astrojs/sitemap sayfasında anlatılan resmi entegrasyonu kullanın. npx astro add sitemap komutu entegrasyonu kurar ve yapılandırmaya ekler. site seçeneğini gerektirir ve derleme sırasında numaralı dosyalara (sitemap-0.xml, büyük sitelerde daha fazlası) işaret eden bir sitemap-index.xml dosyası yazar. Her dosya varsayılan olarak en fazla 45.000 kayıt içerir; bu değer entryLimit seçeneğiyle ayarlanır. Bu biçim size yeniyse, XML site haritası sözlük maddemiz Google'ın onunla ne yaptığını açıklıyor.

SEO için üç ayar önemlidir:

• filter: her sayfanın URL'sini alan bir fonksiyon; teşekkür sayfaları, site içi arama, taslaklar ve noindex taşıyan her şey için false döndürün ki site haritasında yalnızca dizine eklenebilir URL'ler kalsın.
• i18n: dil klasörlerinizi dil kodlarıyla eşleştirir ve her kayda hreflang alternatifleri ekler.
• customPages: entegrasyonun kendi başına bulamadığı URL'leri ekler.

robots.txt için çoğu sitede public klasöründeki statik bir dosya yeterlidir. İçerik test ve canlı ortam arasında farklıysa, onu bir uç noktadan (src/pages/robots.txt.ts) oluşturmak daha iyidir. Her iki durumda da sitemap-index.xml'e işaret eden bir Sitemap satırı ekleyin ve yayına almadan önce sonucu bir robots.txt denetleyicisiyle test edin. Aynı uç nokta tekniği bir llms.txt dosyası da üretir; llms.txt dosyası kurma rehberimiz içeriğini anlatıyor.

Astro'da hreflang ve çok dilli siteler nasıl yönetilir?

Astro'nun yerleşik i18n yönlendirmesi URL tarafını halleder. Yapılandırmada bir defaultLocale ve locales listesi tanımlar, varsayılan dilin de önek alıp almayacağını seçersiniz (prefixDefaultLocale). getRelativeLocaleUrl gibi yardımcı fonksiyonlar yerelleştirilmiş bağlantılar oluşturur, Astro.currentLocale ise her sayfaya hangi dilde olduğunu söyler.

Yönlendirme rehberi head içindeki hreflang etiketlerini ele almıyor; bu yüzden onları SEO bileşeninde kendiniz yazmayı planlayın: her sayfa için dil sürümü başına bir alternate bağlantısı ve bir x-default, hepsi mutlak URL olarak; ayrıca her sürüm diğer tüm sürümleri listelemelidir (karşılıklı bağlantılar). Bunları yönlendirmeyle aynı dil listesinden üretmek, en yaygın hatayı, yani var olmayan bir sayfaya işaret eden alternatifi önler. Mantığı birkaç URL üzerinde kontrol etmek için hreflang oluşturucumuz bir sayfanın tam etiket setini üretir. Ardından ikinci bir sinyal olarak site haritasının i18n seçeneğini açın.

Görseller ve adalar hızı ve Core Web Vitals'ı nasıl etkiler?

Hız, Astro'nun en çok öne çıktığı alandır ve bu Core Web Vitals değerlerinde görülür. Astro görseller rehberi, astro:assets içindeki Image bileşenini anlatır: yerel görselleri optimize eder, biçimlerini dönüştürür, tembel yükleme ve eşzamansız kod çözme ekler ve Cumulative Layout Shift'i önlemek için görsel boyutlarını çıkarır. alt özelliği bu bileşende zorunludur; bu da görsel SEO'sunun temel bir kuralını uygular. Picture bileşeni bir adım öteye geçerek yedek biçimle birlikte AVIF veya WebP sunar.

İki alışkanlık tabloyu tamamlar. Optimize edilmesi gereken görselleri src içinde tutun (public içindeki dosyalar işlenmeden olduğu gibi sunulur). Sayfanın üstündeki ana görseli ise tembel yüklemeyin, hemen yükleyin ki Largest Contentful Paint'i geciktirmesin.

Ada mimarisi JavaScript'i kontrol altında tutar. Bir bileşen, siz bir istemci yönergesi ekleyene kadar statik HTML olarak kalır: client:load onu hemen etkinleştirir, client:idle tarayıcı boşa çıktığında, client:visible ise yalnızca görünür alana girdiğinde. client:load'u yalnızca anında tepki vermesi gereken öğelere (menü, sepet) ayırmak, Interaction to Next Paint'i korumanın en basit yoludur. Sunucu adaları (server:defer), önbelleğe alınmış sayfadan sonra kişiselleştirilmiş bir bloğu yükler ve ana içeriği yavaşlatmaz.

Bir Astro sitesine yapılandırılmış veri nasıl eklenir?

Astro'nun bir schema özelliği yoktur; bu da size tam kontrol bırakır. Her sayfa türü için (Article, Product, Organization, BreadcrumbList, FAQPage) bir JavaScript nesnesi oluşturun ve JSON'un kaçış karakterleriyle bozulmaması için set:html yönergesi ve JSON.stringify ile application/ld+json türündeki bir script etiketine yerleştirin. Nesneyi görünür sayfayla aynı frontmatter veya koleksiyon verisinden besleyin: böylece işaretleme her zaman kullanıcıların gördüğüyle eşleşir; bu, Google'ın schema işaretlemesi yönergelerinin bir şartıdır.

Yeni bir sayfa türünün JSON'unu taslak olarak hazırlamak için ücretsiz schema oluşturucumuz size geçerli bir başlangıç bloğu verir; ardından bunu şablona dönüştürürsünüz. Şablondaki her değişiklikten sonra derlenmiş sayfalardan bir örneklemi Google'ın zengin sonuçlar testiyle doğrulayın.

Astro'ya geçişte yönlendirmeler nasıl yönetilir?

WordPress veya Next.js'ten geçiş, bir Astro sitesi için en riskli andır. Trafik veya backlink alan her URL'yi koruyun, diğerlerini tek tek en yakın karşılıklarına kalıcı yönlendirmelerle bağlayın; ayrıntılar SEO yönlendirmeleri rehberimizde.

Astro yapılandırması, eski yolları yenilerine eşleyen bir redirects nesnesi kabul eder. Bir adaptörle bunlar gerçek HTTP yönlendirmelerine dönüşür. Tamamen statik bir derlemede Astro bunun yerine meta refresh içeren bir HTML sayfası yazar; Google bunu takip eder ama sunucu tarafındaki bir 301'den daha zayıf bir sinyal olarak değerlendirir. Statik bir sitede yönlendirmeleri barındırma hizmetinizin biçiminde tanımlayın (Netlify veya Cloudflare Pages'te _redirects dosyası, Vercel'de vercel.json dosyası); böylece tarayıcılar gerçek bir 301 alır.

Astro SEO ve GEO'ya nasıl yardımcı olur?

ChatGPT, Perplexity veya Gemini tarafından alıntılanmak, okunabilir olmakla başlar. Pek çok yapay zeka tarayıcısı JavaScript çalıştırmadan ham HTML'i çeker; dolayısıyla Astro'nun varsayılan olarak yaptığı gibi tüm metni ilk yanıtta veren bir site, istemci tarafında oluşturulan sitelerin hâlâ yaşadığı bir engeli kaldırır. Net ara başlıklar, doğrudan yanıtla başlayan paragraflar, yapılandırılmış veriler ve bir llms.txt dosyası da her sayfayı alıntılanmaya daha uygun hale getirir.

Yayından sonra tahmin etmek yerine ölçün. Sorank'ın GEO / SEO Panosu, Search Console verilerinizi ve yapay zeka asistanlarından gelen ziyaretleri bir araya getirir; böylece yeni sitenin konumlarını koruyup korumadığını görürsünüz.

Teknik kalite, ancak sıralanacak içerik olduğunda karşılığını verir. Sorank'ın Blog Makalesi Oluşturucu aracı Google ve yapay zeka asistanları için optimize edilmiş makaleler yazıp yayınlar ve Astro projesi gibi özel geliştirilmiş bir siteye webhook ile bağlanır.

Astro varsayılan olarak hızlı ve taranabilir HTML sunar; sıralama ise eklediğiniz head etiketlerine, site haritasına, hreflang'e, yapılandırılmış verilere ve yönlendirmelere bağlı kalır. Önce ortak SEO bileşenini ve site haritasını kurun, ardından yayına almadan önce yukarıdaki tabloyu madde madde gözden geçirin.