Portföy sitesinin iki farklı kitlesi vardır: işe almak isteyen bir müşteri ve arama motorunun tarama botu. Birincisi görsele, hıza ve hisse bakar; ikincisi metin yapısına, URL hiyerarşisine ve içerik özgünlüğüne. Bu iki kitlenin beklentisini aynı mimariyle karşılamak, çoğu tasarımcı ve ajansın göz ardı ettiği yapısal bir sorundur.

Proje sayfaları portföy sitesinin içerik omurgasıdır. Her proje, potansiyel olarak arama trafiği çekebilecek bir URL'dir; ama pratikte ya çok ince içerikle hazırlanır ya da birbiriyle benzer şablonlar arasında anlamlı bir ayrım sağlanamaz. Tasarım ve kodlama kalitesi yüksek olan bir sitenin arama görünürlüğünün zayıf kalmasının ardında genellikle bu yapısal boşluk yatar.

Portföy mimarisi, e-ticaret veya blog mimarisinden farklı bir mantıkla düşünülmeli. Proje sayısı genellikle onlarla sınırlıdır, yüzlerce URL değildir; crawl bütçesi nadiren birincil sorun olur. Buna karşın bireysel sayfa değeri ve içerik derinliği her URL için ayrı önem taşır, çünkü her proje sayfası aynı zamanda ajansın uzmanlık alanını belgeleyen bir içerik birimidir.

Portföy sitesinin arama için neden zayıf kaldığı

Çoğu portföy sitesi, marka adıyla yapılan aramada görünür olur. Marka adının ötesinde, "logo tasarım ajansı İstanbul" veya "e-ticaret arayüz tasarımı" gibi kategori sorgularında ise ilk sayfalarda nadiren yer alır. Bunun yapısal nedeni içerik seyrekliğidir.

Görsel ağırlıklı sayfalarda kelime sayısı doğası gereği düşüktür. Arama motorları görsellerin içeriğini tam olarak işleyemediğinden, sayfanın değerlendirmesi büyük ölçüde metne bağımlı kalır. Resim altı yazılarının kısa tutulması, proje başlıklarının soyut bırakılması, iş tanımlarının birkaç cümleyle geçiştirilmesi; bunların her biri tarama botunun sayfayı anlamlandırabileceği sinyalleri zayıflatır.

Yapısal başka bir etken daha var. Portföy siteleri genellikle az sayıda sayfa içerir ve sayfalar arası ilişki kurulmadığında her URL izole bir ada haline gelir. Tarama botu sayfayı ziyaret eder, metin sinyali bulamaz, bağlam kuracak iç bağlantı göremez ve sayfayı düşük değerli olarak işler. Tasarımı güçlü ama mimarisi zayıf bir portföy sitesi için bu döngü sürekli tekrar eder.

Proje URL'si için hiyerarşi ve derinlik kararı

URL yapısı hem kullanıcıya hem tarama botuna sayfanın siteye nasıl bağlı olduğunu söyler. Portföy sitelerinde iki yaygın yapı karşılaşılır: düz ve kategori tabanlı.

Düz yapıda her proje kök dizinden erişilir: /proje-adi. Kategori tabanlı yapıda projeler bir ara katmanla ayrılır: /web-tasarimi/proje-adi veya /marka-kimligi/proje-adi. Ajansın birden fazla hizmet türü sunduğu durumlarda kategorili yapı değer taşır; hem kullanıcı yönelimi hem içerik kümeleme açısından. Kategori sayfası, o hizmet türüne ilişkin sorguları karşılayabilecek bir ara URL olarak çalışır ve altındaki proje sayfalarına bağlam aktarır.

Tek hizmet alanında çalışan bir tasarımcı için ise bu ara katman gereksiz karmaşıklık yaratır. Proje URL'lerini kök dizinden iki adım uzaklaştırır ve anlamlı bir içerik kümesi sunmayan bir sayfa seviyesi ekler. URL derinliğini belirleyen prensip şudur: her hiyerarşi seviyesi ayrı bir içerik grubunu temsil etmeli. Yalnızca URL yapısını düzenlemek için eklenen /calismalarim/ veya /projeler/ gibi katmanlar mimariye değer katmaz.

Hiyerarşi seviyesi kararını verirken hedef sorgulara bakmak işe yarar. Eğer "marka kimliği tasarımı" gibi bir kategori ifadesi için trafik hedefleniyorsa ve o kategoriyi temsil eden anlamlı bir sayfa oluşturulabiliyorsa, kategori URL katmanı meşru bir gerekçeye oturur. Değilse yalnızca yapıyı şekillendirmek için eklenen bir seviyedir.

Kategori ve filtre sayfaları ne zaman dizine girmeli?

Bazı portföy siteleri çalışmaları türe, yıla veya sektöre göre filtrelemeye olanak tanır. Filtre veya etiket sayfaları otomatik oluşturuluyorsa, dizine alma kararı dikkatle verilmeli.

Filtre sayfası iki koşulu sağladığında dizine girebilir: o URL için bağımsız bir içerik bağlamı oluşturulabilmeli ve o sayfanın gerçekçi bir sorgu grubu için değer üretmesi mümkün olmalı. "Finans sektörü kurumsal kimlik tasarımı" gibi bir kategori sayfası, hem hedeflenebilir bir arama sorgusuna karşılık gelir hem de içerik bağlamı oluşturabilir. "Yıl: 2022" filtresi ise ne bağımsız içerik sağlar ne de anlamlı bir sorguyla örtüşür.

Yeterli içerik bağlamı olmayan filtre sayfaları noindex etiketiyle tarama dışı bırakılmalı. Değer üretmeyen sayfaların birikmesi hem crawl bütçesini boşa harcar hem de sitedeki genel içerik kalitesi sinyalini düşürür. Az sayıda ama her biri anlamlı içerikle desteklenmiş kategori URL'si, onlarca boş filtre sayfasından tercih edilir.

Tekil proje sayfasında içerik derinliği

Her proje sayfası yeterince özgün ve yeterince derin olmalı. Ama özgünlük ne demektir, derinlik ne kadar yeterlidir?

Özgünlük şu anlama gelir: iki farklı proje sayfası birbiriyle yer değiştirildiğinde, dikkatli bir okuyucu fark edebilmeli. Aynı şablon içinde "müşteri X için logo tasarladık, renk paleti seçtik, sunum yaptık" yapısıyla yazılmış on proje sayfası özgün değildir. Şablonun aynı kalması sorundur değil; içeriğin ayrımlaşmaması sorundur.

Derinlik yalnızca kelime sayısıyla ölçülmez. Yüz elli kelimelik bir proje özeti, sayfanın ne hakkında olduğunu net biçimde aktarıyorsa işlevseldir; bağlaçlarla doldurulmuş uzun bir metin ise işlevsiz kalır. Proje sayfasında değer taşıyan dört içerik unsuru vardır: işin kapsamı ve kısıtları, hangi soruna yanıt arandığı, seçilen yaklaşımın gerekçesi ve sonucun somut çıktısı. Bu dört unsur kısa ve net tutulduğunda bile sayfa, arama motoruna sinyallenebilecek yeterli yapıya sahip olur.

Proje sayfaları aşırı detayla şişirilmemelidir. Bir marka kimliği projesini anlatmak için üç bin kelime çoğu durumda gerekmez; kullanıcı görseli okur, metin yalnızca bağlamı sağlar. Doğru uzunluk, sayfanın amacına ve hedeflediği sorguya göre değişir; evrensel bir alt eşik yoktur.

Görsel ağırlıklı sayfalarda metin yapısını oluşturmak

Sayfa içeriğinin büyük bölümü görsel olabilir, ama metin yapısı olmadan sayfa anlam kazanmaz. Tarama botunun görsel işleme kapasitesi metin işlemenin çok gerisinde kalır; sayfa başlığı, açıklayıcı metin blokları ve alt etiketler bu yüzden birlikte çalışmak zorundadır.

Alt etiket (alt) yalnızca erişilebilirlik için değil, görsel içeriğin bağlamını belgelemek için de kullanılır. "logo-1.jpg" gibi dosya adları ve boş alt etiketleri botun sayfayı anlamlandırmasını zorlaştırır. "Lojistik firması için tasarlanmış taşıma ikonu seti, tek renk ve çok renkli varyasyonlarıyla" gibi bir açıklama hem görsel bağlamı hem proje kapsamını aynı anda iletir.

Sayfada metin ve görsel sıralaması da yapısal bir karardır. Üst kısımda yalnızca görseller varsa ve metin sayfanın alt yarısına atılmışsa, tarama botunun ilk geçişte yakaladığı içerik sınırlı kalır. Kısa bir bağlam paragrafı ve ardından görseller; bu sıralama hem tarama hem kullanıcı okuma akışı açısından daha işlevseldir. Görsel önce-metin sonra düzeni estetik tercih olabilir, ama SEO açısından sayfanın üst yarısındaki metin sinyali önem taşır.

Proje sayfaları arası geçiş, içerik kümelerini birbirine bağlayan kategoriler ve hizmet sayfalarından proje örneklerine yapılan bağlantılar; portföy sitesinde üç farklı iç link katmanı oluşturur.

Proje sayfalarının birbirini göstermesi, "benzer çalışmalar" veya "aynı sektörden örnekler" gibi bölümlerle sağlanabilir. Bu yapı hem kullanıcının sitede daha uzun kalmasını destekler hem de içerik kümelerini tarama botuna gösterir. Aynı kategorideki projelerin birbirine bağlandığı bir iç link ağı, o kategori için anlam sinyali oluşturur.

Hizmet sayfalarından proje sayfalarına bağlantı ise daha az kullanılan ama etkili bir yapıdır. Bir "kurumsal kimlik tasarımı" hizmet sayfası yalnızca hizmet açıklamasıyla bitmemeli; o alanda yapılmış somut projelere doğrudan bağlantı içermeli. Hizmet sayfası kendi arama sorgularını karşılar; proje sayfaları bu sayfadan güç alarak daha spesifik sorgular için değer üretir. İki sayfa birbirini hem anlam hem bağlantı değeri açısından desteklemiş olur.

İç link bağlantı metni de gözden geçirilmeli. "Buraya tıklayın" veya "daha fazlası" gibi bağlantı etiketleri bağlam taşımaz. "Sağlık sektörü ambalaj tasarımı - Örnek proje" ya da "İstanbul finans ajansı kurumsal kimlik çalışması" gibi açıklayıcı metinler hem kullanıcıya hem tarama botuna hedef sayfanın içeriğini söyler.

Müşteri gizliliği kısıtı altında içerik özgünlüğü

Bazı projeler NDA (gizlilik anlaşması) kapsamındadır: müşteri adı, görsel veya ayrıntılar kamuya açıklanamaz. Portföy mimarisi bu kısıtı nasıl ele almalı?

Gizli projeler için iki geçerli yaklaşım vardır. Birincisi, içeriği müşteri adı verilmeden sektör ve kapsam bilgisiyle yazmak: "Orta ölçekli bir lojistik firması için sıfırdan kurumsal kimlik sistemi; marka keşif atölyeleri, rehber dokümanlar ve uygulama şablonlarını kapsıyor." Müşteri adı yoktur ama içerik özgündür ve somuttur. İkincisi, yeterli içerik sunulamayan projeleri portföyde göstermemek ve sayfa sayısını az ama derin içerikle tutmak.

İçeriği olmayan veya "detaylar gizli" yazan proje sayfaları yayınlamak hem kullanıcı hem tarama botu açısından değersizdir. İnce içerikli sayfaların birikmesi sitedeki genel içerik kalitesi sinyalini düşürür. Az sayıda ama dolu proje sayfası, fazla sayıda boş sayfadan her zaman daha iyi sonuç verir; bu portföy mimarisinin en pratik ve en net kurallarından biridir.

Portföy sitesinin mimarisi, görsel kalitenin gölgesinde genellikle ikinci plana düşer. Tasarımcı ve ajanslar çalışmalarının kalitesini öne çıkarmaya odaklanırken sayfa yapısı, URL hiyerarşisi ve içerik derinliği kararları çoğunlukla sezgiye bırakılır. Yapısal kararlar erken verildiğinde ilerisi kolaylaşır.

Her yeni proje sayfasının nereye gireceği, ne içereceği ve hangi sayfalara bağlanacağı baştan planlanmışsa, sitenin büyümesi içerik kümelerini güçlendirir. Plansız büyüyen portföy sitesi zamanla birbirine bağlanmayan adalar toplamına dönüşür; her sayfa kendi başına durmaya çalışır, hiçbiri birbirini desteklemez.

SEO değeri üretmek portföy sitesinin birincil amacı olmak zorunda değil. Ama bu değeri elde etmek için görsel sunumdan ödün vermek de gerekmez. Her proje sayfasının tarama botuna söyleyecek sözü olduğu bir yapı; hem ajansın uzmanlığını belgeler hem de arama motorunun o uzmanlığı anlamasına olanak tanır.