SEO Geliştirici Görevleri: Geliştiriciye Verilecek Liste

SEO işlerinin bir kısmı panelden, eklentiden ya da bir kanal üzerinden yapılabilir; bir kısmı ise ancak sitenin koduna dokunarak çözülür. Bu yazı, ikinci gruptaki seo geliştirici görevleri için bir kontrol listesidir. Geliştiricinize ne vereceğinizi, her işin neden önemli olduğunu ve Otopilot'ta bu görevlerin hazır kod olarak nasıl üretildiğini anlatıyoruz.

Geliştiriciyle SEO arasındaki konuşma çoğu zaman şu cümleyle tıkanır: "Ne yapmam gerekiyor, tam olarak?" Belirsiz bir "başlıkları düzeltelim" isteği haftalarca bekleyebilir. Hangi sayfada, hangi dosyada, hangi satırın ne olacağını söyleyen bir görev ise genellikle kısa sürede biter. Aşağıdaki liste ve geliştirici kartları bu ikinci türden görevler üretmek için var.

Hangi SEO işleri geliştirici ister?

Otopilot düzeltmeleri bir kanal üzerinden siteye taşır: WordPress eklentisi, Pixel, API köprüsü, Cloudflare Worker, GitHub ya da bir mağaza bağlantısı. Kanal işi yapabiliyorsa geliştiriciye gerek kalmaz. Ama dört durumda düzeltme kanalla uygulanamaz ve iş site koduna düşer:

• Kanal bu alanı uygulayamıyor. Örneğin Pixel robots.txt dosyasına, site haritasına, yönlendirmelere ve güvenlik başlıklarına yazamaz.
• Tekrar deneme durduruldu. Aynı alan aynı kanalla en az iki kez uygulanmış ama sitede kalmamıştır; tema ya da başka bir eklenti değişikliği eziyordur.
• Sitede görünmüyor. Kanal uyguladığını bildirmiş ama sayfa yeniden okunduğunda değişiklik yoktur.
• Kanal seçilmemiş. Site hiçbir kanala bağlı değildir ya da altyapısı için uygun kanal yoktur.

Bu dört nedenle takılan her düzeltme, Kanallar bölümündeki uygulanamayan düzeltmeler listesinde görünür; çözüm düğmesi de sizi geliştirici kartına götürür. Nedenlerin ayrıntısını uygulanamayan düzeltmeler yazımızda anlattık.

Bunların dışında doğası gereği kod isteyen işler de vardır. Sayfa hızını etkileyen görsel ve betik yüklemesi, tüm sayfalarda aynı hatayı üreten bir şablon parçası ya da sunucu düzeyinde tanımlanması gereken güvenlik başlıkları bunlara örnektir.

Seo geliştirici görevleri: kontrol listesi

Aşağıdaki liste, bir siteyi geliştiriciye teslim etmeden önce gözden geçirmeniz gereken temel işleri toplar. Her satırda işin ne olduğu ve geliştiricinin nereye bakması gerektiği yazar.

Bu listenin her satırı ayrı bir yazı konusu olabilir. Yapısal veriyi denemek için JSON-LD doğrulayıcı rehberimize, yayından önce bakılacak teknik işler için yayın öncesi teknik SEO kontrol listesine göz atabilirsiniz.

Birkaç maddeyi biraz açalım. Başlık etiketi ve meta açıklama, çoğu CMS'te ayrı bir alandan yönetilir; ama bazı temalar bu alanı yok sayıp kendi başlığını basar. Böyle bir sitede panelden yapılan değişiklik tutmaz ve iş şablona düşer. Canonical etiketinde en sık hata, filtre ya da sıralama parametresi taşıyan adreslerin kendilerini canonical göstermesidir; bu durumda aynı içerik birden çok adresle dizine girebilir. Yönlendirmelerde ise zincirlerden kaçınmak gerekir: eski adres doğrudan son adrese gitmeli, araya başka bir yönlendirme girmemelidir.

Güvenlik başlıkları SEO'nun doğrudan sıralama konusu değildir, ama sitenin güvenilir ve sorunsuz açılmasının bir parçasıdır. Strict-Transport-Security sitenin yalnızca güvenli bağlantıyla açılmasını, X-Content-Type-Options tarayıcının dosya türünü tahmin etmemesini, Content-Security-Policy ise hangi kaynaklardan betik yüklenebileceğini belirler. Bu başlıkların yanlış tanımlanması siteyi bozabileceği için önce bir test ortamında denenmesi iyi olur.

Şablon başlığı konusu küçük görünür ama yaygındır. Logonun H1 etiketiyle basıldığı temalarda her sayfanın ana başlığı aynı olur; yazı başlığı ise ikinci bir H1 olarak eklenir ya da H2'ye düşer. Bu tek bir şablon düzeltmesiyle tüm sitede çözülür.

Listeyi geliştiriciye verirken üç şeye dikkat edin. Birincisi, her görev için örnek bir sayfa adresi verin. İkincisi, değişikliğin önce ve sonra halini yazın. Üçüncüsü, doğrulama yolunu belirtin: "sayfanın kaynağını açınca şu etiketi görmeliyiz" gibi. Geliştirici kartları bu üçünü sizin yerinize hazırlar.

Geliştirici kartları nasıl üretilir?

Üst menüdeki Site kodu görevleri bölümünün ilk sekmesi Geliştirici kartlarıdır. Her kart, kanalla uygulanamayan bir düzeltmeyi sitenizin altyapısına göre kopyala-yapıştır koda çevirir. Kart başlığında hangi alanların değiştiği ve hangi sayfada olduğu yazar; altında neden bu işin size kaldığı açıklanır.

Kodlar beş altyapı için ayrı ayrı hazırlanır ve kartta sekme olarak görünür. Panelin sitenizde tespit ettiği altyapı varsayılan sekmedir, ama diğerlerini de açabilirsiniz.

WordPress. Kod, alt temanızın functions.php dosyasına ya da bir kod parçacığı eklentisine eklenecek biçimde yazılır. Başlık değişikliği pre_get_document_title filtresiyle, diğer baş bölüm etiketleri wp_head kancasıyla eklenir. Kod yalnızca ilgili sayfada çalışsın diye sayfa yoluna göre bir koşul içerir; ana sayfa için WordPress'in kendi ana sayfa kontrolü kullanılır. Adımlarda ana temaya yazılan kodun güncellemede silineceği hatırlatılır.

PHP. Sitenin ortak şablon dosyasına, çoğunlukla header.php'ye, kapanış head etiketinden önce yapıştırılacak bir blok üretilir. Blok, istenen sayfa yolunu kontrol eden bir koşulun içindedir; böylece etiketler yalnızca o sayfada basılır.

Next.js. App Router kullanan siteler için ilgili sayfanın page.tsx dosyasına eklenecek bir metadata tanımı hazırlanır. Başlık, açıklama, canonical, Open Graph ve dil sürümleri (hreflang) bu tanımın içine yerleşir. Yapısal veri ise sayfa bileşeninin döndürdüğü JSX'e eklenecek bir script öğesi olarak verilir. Yönlendirmeler ve HTTP başlıkları next.config.js içindeki redirects ve headers işlevlerine çevrilir.

OpenCart. Başlık ve meta açıklama için kod gerekmez; kart, yönetim panelinde ürün, kategori ya da bilgi sayfasının SEO sekmesine hangi değerin yazılacağını gösterir. Diğer etiketler temanın header.twig dosyasına eklenecek biçimde verilir; bu dosyanın tüm sayfalarda çalıştığı da kartta not edilir.

Genel HTML. Diğer altyapılar için kod, sayfanın baş bölümüne ya da ilgili içerik bölümüne yapıştırılacak düz HTML olarak verilir. Site oluşturucuların "özel kod" alanlarında da bu biçim kullanılabilir.

Yönlendirme ve başlık gibi sunucu düzeyindeki işler için Apache kullananlara .htaccess satırları, nginx kullananlara server bloğu satırları ayrıca verilir. robots.txt gibi dosyalar tam içerikleriyle, görsel alt metinleri ise görsel ve açıklama listesi olarak gelir.

Her altyapı sekmesinin üstünde üç adımlık bir yol vardır: dosyayı açın, kodu yapıştırın, yayınlayıp sayfanın kaynağında doğrulayın. Kod bloklarının yanında Kopyala düğmesi bulunur.

Bir seferde en çok 60 kart gösterilir. Daha fazlası varsa ekran kaç kart daha olduğunu yazar; ilk kartları tamamladıkça liste kendiliğinden yenilenir.

Kart tamamlandıktan sonra ne olur?

Geliştiriciniz kodu ekleyip siteyi yayınladığında Otopilot sayfayı yeniden okur. Değişiklik yerindeyse düzeltme uygulanmış sayılır, kart listeden düşer ve uygulanamayan düzeltmeler listesindeki satır da kapanır.

Değişiklik hâlâ görünmüyorsa en sık iki neden vardır. Birincisi önbellektir: önbellek eklentisi, sunucu önbelleği ya da CDN eski sayfayı sunmaya devam ediyordur. İkincisi çakışan bir kaynaktır: kod eklenmiştir ama aynı etiketi basan başka bir eklenti ya da tema parçası daha sonra çalışıp değeri ezer. Sayfanın kaynağında aynı etiketten iki tane görüyorsanız sorun ikincisidir.

Doğrulamayı geliştiriciye bırakmadan kendiniz de yapabilirsiniz. Tarayıcıda sayfayı açıp kaynağını görüntüleyin ve kartta verilen etiketi arayın. Next.js gibi sunucuda sayfa üreten altyapılarda değişikliğin ilk HTML çıktısında olması gerekir; yalnızca tarayıcının geliştirici araçlarında görünen bir değişiklik, sayfa yüklendikten sonra eklenmiş olabilir.

Kodu siteye eklemek her zaman tek yol değildir. Takılan düzeltme sunucu tarafında çalışan bir kanalla çözülebiliyorsa, Kanallar bölümündeki önerilen kanal ekranı bunu söyler. Örneğin site Cloudflare arkasındaysa Cloudflare Worker kanalı kaynak koda dokunmadan pek çok işi üstlenebilir.

Diğer sekmeler ve hizmet talebi

Site kodu görevleri bölümünde geliştirici kartlarının yanında dört sekme daha vardır: Hız (LCP, CLS), Şablon, Güvenlik başlıkları ve Yayın betikleri. Hız sekmesi PageSpeed mobil ölçümünde Core Web Vitals değerlerinden en az biri iyi aralıkta olmayan sayfaları listeler; ölçüm yapılmadıysa ya da sayfa hızı ölçümü yapılandırılmamışsa bunu açıkça söyler. Şablon sekmesi tüm sayfaları etkileyen şablon düzeyindeki sorunları, Güvenlik başlıkları sekmesi sunucuda tanımlanması gereken başlıkları, Yayın betikleri sekmesi ise kanal yayınlarıyla ilgili işleri toplar.

Geliştiriciniz yoksa ya da işi devretmek istiyorsanız her kartta Bizim yapmamızı ister misiniz? düğmesi bulunur. Düğmeye bastığınızda isteğe bağlı bir not ve telefon alanı olan kısa bir form açılır; KVKK aydınlatma metnini okuduğunuzu onayladıktan sonra talep gönderilir. Talep hesabınızdaki Taleplerim ekranında açılır ve yazışma oradan sürer.

Fiyat konusunda tahmin yürütmüyoruz. Hizmetin mağazada tanımlı bir fiyatı varsa kartta gösterilir. Tanımlı fiyat yoksa düğme Fiyat teklifi iste olarak görünür; talebinizi inceleyip panelden teklif göndeririz. Aynı görev için son bir hafta içinde açık bir talebiniz varsa yeni talep açılmaz, mevcut talebe yönlendirilirsiniz.

Paketlerde hangi özelliklerin bulunduğunu fiyatlar sayfasında, SEO Onarım'ın genel işleyişini SEO onarım özellik sayfasında bulabilirsiniz.

Sık sorulan sorular

Geliştirici kartları hangi altyapılar için kod üretir?

WordPress, PHP, Next.js, OpenCart ve genel HTML. Panelin sitenizde tespit ettiği altyapı varsayılan sekme olarak açılır; diğer sekmelere de bakabilirsiniz.

Kodu ana temaya eklesem olur mu?

Olur, ama tema güncellendiğinde silinir. WordPress için kart, kodu bir alt temaya ya da kod parçacığı eklentisine eklemenizi önerir.

Kart listesi neden 60 kartla sınırlı?

Uzun bir listeyi bir seferde bitirmek zordur. İlk kartları tamamladıkça kalan kartlar listeye kendiliğinden girer; ekran kaç kart daha olduğunu ayrıca yazar.

Kodu ekledim ama kart hâlâ listede, neden?

Otopilot sayfayı yeniden okuyup değişikliği görene kadar kart açık kalır. Önbelleği temizleyin ve sayfanın kaynağında aynı etiketten iki tane olup olmadığına bakın.

Hizmet talebinde fiyat neden görünmüyor?

Bu iş için mağazada tanımlı sabit bir fiyat yoksa talep fiyat teklifi olarak açılır. Talebinizi inceleyip panelden teklif göndeririz.

Kaynaklar

• Google: Başlık bağlantıları nasıl oluşturulur
• Google: Yinelenen URL'leri birleştirme ve canonical
• Google: Yapılandırılmış veriye giriş
• web.dev: Largest Contentful Paint (LCP)
• MDN: Content-Security-Policy başlığı