Web

UX İçerik Yapısı Nasıl Oluşturulur? Adım Adım Rehber

Talha Aslan 15 dakikalık okuma 3 görüntülenme

UX içerik yapısı nedir ve neden önemlidir?

UX içerik yapısı, yani UX odaklı içerik yapısı, bir sayfadaki bilgiyi okurun amacına, tarama alışkanlığına ve karar sırasına göre düzenleme yöntemidir. Başlıkları, paragrafları, listeleri, tabloları ve çağrı butonlarını sayfada tesadüfe bırakmaz; her birine okurun sorusuna yanıt veren bir görev verirsiniz.

Bu yazıda UX içerik yapısı kurmayı adım adım anlatıyoruz. Önce okurun sayfayı nasıl taradığına bakıyoruz. Ardından iskelet, başlık hiyerarşisi, ilk ekran, CTA yerleşimi ve test yöntemine geçiyoruz.

Çoğu site, içeriği önce yazıp sonra biçimlendirir. Oysa sıra tersine çevrildiğinde sonuç çok daha iyi olur. Yani önce okurun hangi soruyla geldiğini belirler, sonra sayfayı bu sorunun cevap sırasına göre kurarsınız.

Ekibimiz bu yaklaşımı web sitesi ve blog projelerinde yıllardır deniyor. Örneğin aynı bilgiyi düz bir metin duvarı olarak verdiğimizde okur sayfadan hızla ayrılıyor; aynı bilgiyi net başlıklar ve kısa bloklarla verdiğimizde sayfada daha uzun kalıyor. Bu gözlem sahadaki tecrübemize dayanıyor, garanti değil.

Kısacası iyi bir yapı, içeriğinizin kalitesini öne çıkarır. Kötü bir yapı ise en değerli bilgiyi bile okurun gözünden saklar.

UX içerik yapısı dönüşümü ve SEO'yu nasıl etkiler?

UX içerik yapısı, okurun aradığı cevabı ne kadar çabuk bulduğunu belirler. Cevabı çabuk bulan okur sayfada kalır, sonraki adıma geçer ve size güvenir. Bu yüzden yapı, yalnızca estetik bir konu değil, doğrudan iş sonucuyla bağlantılı bir konudur.

Google da bu yönde yönlendirir. Arama Merkezi dokümantasyonu, uzun içeriği paragraflara ve bölümlere ayırmanızı, okurun gezinmesi için başlıklar kullanmanızı önerir. Ayrıca metninizi kolay okunacak şekilde düzenlemenizi bekler. Kaynak olarak Google SEO başlangıç kılavuzuna bakabilirsiniz.

Öte yandan Google aynı kılavuzda, bir sayfada olması gereken sihirli bir başlık sayısı bulunmadığını söyler. Dolayısıyla amaç başlık sayısını artırmak değil, okura yol göstermektir. Gereksiz her başlık, yapıyı güçlendirmek yerine gürültü üretir.

Yapının dönüşüme etkisi de benzer biçimde çalışır. Kararsız bir okur, ürünün faydasını ve fiyat bilgisini aradığı yerde bulamazsa formu doldurmaz. Bu nedenle ikna edici içeriği doğru sırayla ve doğru yerde vermeniz gerekir.

Bu konuyu daha geniş bir çerçevede görmek için SEO ve UX uyumu yazımıza göz atabilirsiniz.

Okurlar sayfayı nasıl tarar ve F-pattern ne anlatır?

Okurlar web sayfalarını kelime kelime okumaz, tarar. Nielsen Norman Group'un 232 kullanıcıyla yaptığı göz izleme çalışması, bu taramanın F harfine benzeyen bir örüntü oluşturduğunu gösterdi. Önce üstte yatay bir hareket, sonra biraz aşağıda daha kısa bir yatay hareket, en sonda da sol kenarda dikey bir tarama gelir.

Bu bulgu, yapıyı doğrudan şekillendirir. NN/g'nin önerileri üç noktada toplanır: okurun sınırlı dikkatini kabul edin, en önemli bilgiyi ilk iki paragrafta verin, başlıkları ve madde imlerini bilgi taşıyan kelimelerle başlatın. Kaynağı NN/g F-shaped pattern makalesinde okuyabilirsiniz.

Örneğin "Giriş" gibi boş bir başlık, sol kenarı tarayan okura hiçbir şey söylemez. Buna karşılık "İlk ekranda ne olmalı?" başlığı, bölümün ne verdiğini hemen açıklar. Böylece okur ilgisini çekmeyen bölümü atlayabilir, ilgisini çekeni okuyabilir.

F-pattern her sayfada birebir çıkmaz. Sayfa tipi, görev ve tasarım örüntüyü değiştirir. Ancak sol kenarın ve ilk satırların daha çok dikkat çektiği fikri, başlık ve paragraf tasarımı için güvenli bir başlangıç noktasıdır.

Konuyu ayrıntısıyla F-pattern nedir yazımızda anlatıyoruz. Burada tekrar etmek yerine, bu örüntüyü içerik iskeletine nasıl dönüştüreceğinize odaklanıyoruz.

UX içerik yapısından önce kullanıcı niyetini nasıl belirlersiniz?

Kullanıcı niyeti, okurun sayfaya gelirken çözmek istediği sorundur. Yapıyı kurmadan önce bu sorunu tek cümleyle yazmanız gerekir. Sayfanın her bölümü bu cümleye hizmet etmiyorsa o bölümü kısaltın ya da başka sayfaya taşıyın.

Niyeti belirlemek için üç kaynağa bakarsınız. Birincisi arama sonuç sayfasıdır; Google'ın ilk sayfada hangi tür içerik gösterdiğini incelersiniz. İkincisi Search Console sorgularıdır; okurun hangi kelimelerle geldiğini görürsünüz. Üçüncüsü müşteri sorularıdır; satış ve destek ekibinin duyduğu itirazlar size en dürüst listeyi verir.

Niyeti çoğu zaman dört gruba bölebilirsiniz:

  • Bilgi almak isteyen okur tanımı ve açıklamayı arar.
  • Karşılaştırmak isteyen okur tabloyu ve ölçütleri arar.
  • Nasıl yapacağını soran okur adımları ve örnekleri arar.
  • Satın almaya yakın okur fiyatı, güveni ve bir sonraki adımı arar.

Aynı konuda bile farklı niyetler karışabilir. Bu nedenle sayfanın ana niyetini seçer, ikincil niyetleri alt bölümlere yerleştirirsiniz. Böylece tek bir sayfa, her okuru yarım yamalak karşılamak yerine asıl okuru eksiksiz karşılar.

İçerik iskeletini nasıl çıkarırsınız?

İçerik iskeleti, yazıya başlamadan önce hazırladığınız başlık ve blok planıdır. Her başlığın altına o bölümün cevaplayacağı soruyu, kullanacağınız biçimi (paragraf, liste, tablo) ve hedeflediğiniz kelime sayısını yazarsınız. Böylece yazarken yön kaybetmezsiniz.

İskeleti çıkarırken şu sırayı izleyebilirsiniz:

  1. Ana soruyu ve odak anahtar kelimeyi belirleyin.
  2. Okurun sorabileceği tüm alt soruları listeleyin.
  3. Soruları mantıksal sıraya dizin: önce tanım, sonra neden, sonra nasıl, en son hata ve ölçüm.
  4. Her soruyu bir H2 başlığına dönüştürün.
  5. Her bölüme en uygun biçimi seçin.
  6. CTA ve iç link noktalarını işaretleyin.

Bu sıra, kendi yazılarımızda da işe yarıyor. Ayrıca iskeleti bir kez çıkardığınızda yazıyı birden fazla kişiye bölmek kolaylaşır. Çünkü her yazar, hangi bölümün hangi soruyu cevaplayacağını önceden bilir.

Bölümleri çok uzun tutmamaya dikkat edin. Bir H2 bölümünün 250-300 kelimeyi geçmesi, genellikle içinde iki ayrı sorunun saklandığı anlamına gelir. O durumda bölümü ikiye bölmek okuru rahatlatır.

Kendi taslağınızın uzunluğunu ölçmek için kelime ve karakter sayacı aracını kullanabilirsiniz.

Başlık hiyerarşisini nasıl oluşturursunuz?

Başlık hiyerarşisi, sayfadaki bilginin ana ve alt başlık düzenidir. Sayfada bir H1 bulunur, ana bölümler H2 ile açılır, bir bölümün içindeki alt konuları H3 ile ayırırsınız. Seviyeleri atlamadan ilerlemeniz gerekir.

W3C Web Erişilebilirlik Girişimi de aynı kuralı söyler: başlıkları seviyelerine göre iç içe kurun ve örneğin bir H2'nin hemen altına H4 koymayın. Bu düzen, tarayıcıların ve ekran okuyucuların sayfa içi gezinme sunmasını sağlar. Ayrıntılar için W3C başlık eğitimine bakabilirsiniz.

Başlık yazarken şu ilkeleri uygulayın:

  • Başlığın ilk kelimelerine bilgi taşıyan kelimeyi koyun.
  • Başlığı soru ya da net bir fayda ifadesi olarak yazın.
  • Aynı yazıda birbirine benzeyen iki başlık kullanmayın.
  • Başlığı tasarım amacıyla değil, anlam için seçin; yani büyük görünsün diye H2 yerine H4 kullanmayın.

Başlıkları yazdıktan sonra yalnızca başlıkları arka arkaya okuyun. Sayfanın mantığı bu özetten anlaşılmıyorsa iskelet zayıftır. Başlıklarınızın uzunluğunu ve kalitesini ölçmek için başlık analizi aracından yararlanabilirsiniz.

Başlık yazarken hangi kalıpları kullanabilirsiniz?

Başlık kalıpları, tarama yapan okura bölümün ne verdiğini tek bakışta anlatır. Soru kalıbı, okurun aklındaki sorunun aynısını sorar. Fayda kalıbı, bölümün sonunda ne kazanacağını söyler. İkisi de "Giriş" ya da "Genel bakış" gibi boş başlıklardan çok daha güçlüdür.

Şu kalıplar sahada iyi çalışıyor:

  • "X nedir ve neden önemlidir?" tanım bölümleri için uygundur.
  • "X nasıl yapılır?" yerine "X'i nasıl yaparsınız?" daha doğal ve daha canlıdır.
  • "X mi Y mi?" karşılaştırma bölümlerinde kararı kolaylaştırır.
  • "En sık yapılan hatalar" gibi liste başlıkları, hata bölümlerini öne çıkarır.

Başlığın uzunluğuna da dikkat edin. Mobilde iki satırı geçen başlık, okurun gözünü yorar. Ayrıca aynı yazıda iki başlığı aynı kelimeyle başlatmak, sol kenarı tarayan okurda tekrar hissi yaratır.

Son olarak, başlıkta anahtar kelimeyi doğal tutun. Örneğin "UX içerik yapısı" ifadesini birkaç başlıkta farklı biçimlerle kullanmak yeterlidir. Her başlığa zorla eklemek, hem okuru hem arama motorunu rahatsız eder.

İlk ekranda ve ilk paragrafta ne olmalıdır?

Ekranın üstünde okurun geldiği sorunun doğrudan cevabı ve yazının ne vereceğine dair net bir söz bulunmalıdır. Bu nedenle ilk paragrafı 35-60 kelimelik kısa bir cevap olarak yazarsınız; giriş cümlesi, özür ya da tarihçe koymazsınız. Okur ilk saniyelerde doğru yerde olduğunu anlamalıdır.

NN/g'nin önerisi de aynı yöndedir: en önemli bilgi ilk iki paragrafta yer almalıdır. Bu yüzden anlatıyı "önce hikâye, sonra sonuç" sırasıyla değil, "önce sonuç, sonra ayrıntı" sırasıyla kurarsınız.

Doğrudan cevap paragrafı, arama motorları ve yapay zekâ özetleri için de işe yarar. Çünkü tanımla başlayan kısa bir blok, alıntılanması en kolay metin parçasıdır. Ancak bu, yazıyı kısa tutmanız gerektiği anlamına gelmez. Cevabı verir, ardından derinleşirsiniz.

İlk ekranda ayrıca şunları düşünün:

  • Sayfanın ne hakkında olduğunu anlatan net bir H1.
  • Okurun hangi bölümde ne bulacağını gösteren kısa bir içindekiler listesi (uzun yazılarda).
  • Aşırı büyük görsel ya da pop-up yerine okunabilir metin.

Bunları uygularsanız okur, sayfayı kaydırmadan önce değer aldığını görür. Sonraki bölümlerle bu ilk değerin üzerine ekleme yaparsınız.

Paragraf, liste ve tablo ne zaman işe yarar?

Her bilgi türünün en uygun biçimi farklıdır. Anlatı ve gerekçe paragrafta, sıralı adımlar numaralı listede, eşdeğer seçenekler madde işaretli listede, karşılaştırmalar ise tabloda daha iyi çalışır. Biçimi bilgiye göre seçmeniz gerekir; görünüm için seçmemelisiniz.

Aşağıdaki tablo, sık karşılaşılan içerik türlerini en uygun biçimle eşleştiriyor:

Bilgi türüEn uygun biçimNeden işe yarar?
Tanım ve açıklamaKısa paragrafBağlamı ve nedeni taşır
Sıralı yöntemNumaralı listeAdım sırası nettir
Özellik listesiMadde işaretli listeGöz taramasını kolaylaştırır
Seçenek karşılaştırmasıTabloSatır ve sütunla kıyas sağlar
Uyarı ya da kritik notKalın vurguDikkati tek noktaya çeker

Listeleri abartmamak da gerekir. Bir sayfada her şeyi madde işaretine çevirirseniz bağlam kaybolur. Bu nedenle listeyi, bir paragrafın hemen ardından verir ve liste maddelerini kısa, eşit yapıda tutarsınız.

Paragraflarda da aynı disiplini uygulayın. Bir paragrafta tek fikir anlatın ve 40-80 kelimede bitirin. Uzun paragraf, mobilde ekranı dolduran bir duvara dönüşür.

Metnin okunabilirliğini görmek için okunabilirlik analizi aracını deneyebilirsiniz.

CTA'yı nereye yerleştirirsiniz ve nasıl yazarsınız?

CTA, okurun bir sonraki adımı atmasını sağlayan çağrıdır. En iyi yerleşim, okurun ikna olduğu noktanın hemen arkasıdır; sayfanın belirli bir satırında olması gerekmez. Bir CTA'yı, sorunun cevabını verdikten sonra önerirsiniz; cevaptan önce değil.

Uzun bir içerikte genellikle üç CTA noktası işe yarar. İlk nokta, ilk ekranda hafif bir yönlendirmedir; örneğin "Ücretsiz analiz isteyin". İkinci nokta, içeriğin ortasında, bir ihtiyacı netleştirdiğiniz bölümün sonundadır. Üçüncü nokta ise yazının sonunda, karar anındadır.

CTA metni için şu kurallar geçerlidir:

  • Fiille başlayın ve faydayı söyleyin.
  • "Gönder" gibi genel etiketler yerine neyin olacağını yazın.
  • Sayfada tek bir ana eylem öne çıkarın.
  • Buton çevresinde güveni artıran kısa bir not verin.

Ayrıca CTA'yı bağlamla eşleştirmek gerekir. Bir tanım bölümünde "hemen satın alın" demek okuru ürkütür. Buna karşılık karşılaştırma tablosundan sonra "ihtiyacınıza uygun seçeneği birlikte belirleyelim" demek doğal bir geçiş sağlar.

Örnekler ve ayrıntılar için CTA nedir yazımıza bakabilirsiniz.

İç linkler UX içerik yapısını nasıl güçlendirir?

İç linkler, tek sayfanın UX içerik yapısını bütün sitenin bilgi mimarisine bağlar. Okur bir kavramla karşılaştığında ilgili derin yazıya geçebilir, sayfa ise konuyu baştan anlatmak zorunda kalmaz. Böylece sayfalar kısa ve odaklı kalır.

Link koyarken bağlamı koruyun. Anlamlı bir bağlantı metni seçin, "buraya tıklayın" gibi ifadelerden kaçının. Örneğin bilgi mimarisi konusunda ayrıntı isteyen okuru bilgi mimarisi nedir yazısına yönlendirebilirsiniz.

Yazı içinde üç tür iç link kullanmanızı öneririz:

  • Kavram linki: okuru tanımı derinleştirmek için ilgili rehbere götürür.
  • Araç linki: okurun konuyu kendi verisiyle denemesini sağlar.
  • Hizmet linki: ihtiyacı olan okuru doğru sayfaya taşır.

Linkleri metne eşit dağıtın; bir paragrafa üç link sıkıştırmayın. Ayrıca her linkin okura gerçek bir fayda sunduğundan emin olun.

Yazıların ve sayfaların nasıl bir arada durduğunu anlamak için web tasarım hizmetimizi ve SEO danışmanlığı sayfamızı inceleyebilirsiniz. İkisi de bu yapısal düşünceyle birlikte çalışır.

Mobilde UX içerik yapısı nasıl değişmelidir?

Mobilde ekran dardır; bu yüzden aynı UX içerik yapısı daha sıkı bir disiplin ister. Paragraflar kısalır, tablolar yatay kaydırma istemeyecek biçimde sadeleşir ve CTA butonu başparmağın erişebileceği yere gelir. Tek sütunlu bir akış en güvenli seçimdir.

Mobilde dikkat edeceğiniz noktalar şunlardır:

  • Başlıkları iki satırı geçirmeyin.
  • Paragrafları en fazla dört beş cümleyle sınırlayın.
  • Geniş tabloları kartlara ya da iki sütuna dönüştürün.
  • CTA butonunu yeterince büyük ve çevresinden ayrık tutun.

Ayrıca masaüstünde işe yarayan sol kenar taraması, mobilde farklı çalışabilir. Çünkü dar ekranda tüm metin zaten sol kenardadır. Yani mobil okur daha çok kaydırma ritmine göre hareket eder; başlıklar bu ritmin duraklarıdır.

Bu nedenle mobil önizlemeyi sonradan bırakmayın. İskeleti çıkarırken ilk cihaz olarak telefonu düşünün. Böylece masaüstü düzeni, daha geniş bir alanın rahatlığından yararlanan ikinci sürüm olur.

UX içerik yapısı SEO ile nasıl uyumlu çalışır?

İyi bir UX içerik yapısı, SEO'nun temel beklentileriyle zaten örtüşür. Net başlıklar, doğrudan cevaplar, mantıklı iç linkler ve okunabilir metin hem okuru hem arama motorunu memnun eder. İkisini çatıştırmak yerine aynı hedefe hizmet eden iki bakış açısı olarak görmeniz gerekir.

Odak anahtar kelimeyi ilk 100 kelimede ve birkaç başlıkta doğal biçimde kullanın. Ancak kelimeyi zorla tekrarlamayın. Başlığı okura göre yazar, sonra anahtar kelimenin sığıp sığmadığını kontrol edersiniz; sırayı tersine çevirmezsiniz.

Google'ın yardımcı, güvenilir ve insan odaklı içerik yönergesi de aynı felsefeyi paylaşır. Arama motoru için değil, okur için yazmanızı ve deneyiminizi açıkça göstermenizi önerir.

Yapısal düzenin SEO dışındaki işlevini de unutmayın. Yapılandırılmış bir yazı, yapay zekâ özetlerine ve sesli asistanlara alıntılık bloklar verir. Bu konuda SEO uyumlu içerik nasıl yazılır ve UX ve SEO dengesi yazılarımız tamamlayıcıdır.

Erişilebilirlik UX içerik yapısına ne kazandırır?

Erişilebilirlik, yapıyı herkes için okunabilir kılar. Doğru başlık seviyeleri, ekran okuyucu kullanan kişinin sayfada başlıktan başlığa atlamasını sağlar. Yeterli kontrast, anlamlı link metinleri ve düzenli liste yapısı ise görme ya da dikkat güçlüğü yaşayan herkesin işini kolaylaştırır.

Burada en önemli ilke, yapıyı görsel olarak değil anlamsal olarak kurmaktır. Yani bir metni büyük ve kalın yaptığınızda başlık olmaz; başlık etiketiyle işaretlemeniz gerekir. Aynı şekilde bir listeyi satır başlarına tire koyarak değil liste etiketiyle yazarsınız.

Erişilebilir yapının iş faydası da vardır. Çünkü herkese uygun sayfalar, kötü ışıkta telefon kullanan ya da aceleyle göz gezdiren okura da iyi gelir. Bu yüzden erişilebilirlik bir ek özellik değil, sağlam yapının yan ürünüdür.

Kendi sayfalarınızda kısa bir kontrol için şu soruları sorun: Başlıkları tek başına okuyunca sayfayı anlıyor musunuz? Linkler bağlam olmadan anlamlı mı? Tablolarda başlık satırı var mı? Görsellerin açıklayıcı alternatif metni var mı?

UX içerik yapısında en sık yapılan hatalar nelerdir?

Sahada en sık gördüğümüz hatalar, teknik değil düzen hatalarıdır. Tek başına bakıldığında küçük görünürler, ancak birlikte okurun sayfadan ayrılmasına yol açarlar. Aşağıdaki liste, denetimlerimizde en çok karşımıza çıkan sorunları topluyor:

  • Girişte uzun bir hazırlık yapıp cevabı sayfanın ortasına saklamak.
  • Başlıkları yaratıcı ama anlamsız yazmak; okur ne vereceğini anlayamaz.
  • Tek bir H2 bölümüne birden fazla soruyu sığdırmak.
  • Her şeyi madde işaretine çevirip bağlamı kaybetmek.
  • CTA'yı yalnızca sayfanın en altına koymak.
  • Mobili son adımda kontrol etmek.
  • Başlık seviyelerini görsel amaçla atlamak.

Bu hatalar, arayüz kaynaklı benzer sorunlarla birlikte satışı da aşağı çeker. Bu konuyu arayüz tasarımındaki UX hataları yazımızda ele alıyoruz.

Hataları düzeltirken en büyük etkiyi genellikle ilk ekran verir. Önce cevabı öne alın, sonra başlıkları temizleyin, en son görsel düzeni iyileştirin. Bu sıra, az emekle belirgin fark yaratır.

UX içerik yapısını nasıl test eder ve iyileştirirsiniz?

UX içerik yapısını üç katmanda test edersiniz: okuyucu davranışı, metrik verisi ve hızlı kullanılabilirlik denemesi. Hiçbiri tek başına yeterli değildir. Birlikte baktığınızda, yapının nerede tıkandığını görürsünüz.

Davranış için ısı haritası ve kaydırma derinliği raporlarına bakın. Okurların hangi başlıkta durduğunu ve hangi bölümden sonra sayfayı terk ettiğini görürsünüz. Metrik için ise sayfada geçirilen süre, CTA tıklaması ve dönüşüm oranı gibi göstergeleri izlersiniz.

Hızlı deneme için beş kişilik bir okuma testi yeterli olabilir. Kişiye yazıyı verin ve ona şunu sorun: "Bu sayfa ne anlatıyor ve bir sonraki adım ne?" Cevap 10 saniyede gelmiyorsa ilk ekranı yeniden yazın.

Test sonuçlarını kaydedip değişiklikleri tek tek uygulayın. Aynı anda beş şeyi değiştirirseniz hangisinin işe yaradığını anlayamazsınız. Ekibimiz bu nedenle her iyileştirmeyi ayrı bir not ve tarihle saklar.

Daha kapsamlı bir kontrol için UX audit nedir yazısındaki adımları izleyebilirsiniz.

Uzun içeriklerde okuru nasıl yönlendirirsiniz?

Uzun bir rehberde okur kaybolabilir. Bu yüzden sayfaya yön duygusu veren küçük öğeler eklemeniz gerekir. İçindekiler listesi, bölüm başında kısa özetler ve sayfa içi bağlantılar, okurun aradığı bölüme doğrudan atlamasını sağlar.

İçindekiler listesini ilk ekranın hemen altına koyun. Her maddeyi, başlığın kendisiyle aynı kelimelerle yazın. Böylece okur hem sayfanın kapsamını görür hem de ilgisini çeken bölüme geçer.

Bölüm sonlarında kısa bir özet cümlesi de işe yarar. Örneğin "Kısacası: başlığı soruyla yazın, cevabı ilk cümleye koyun" gibi bir not, sayfayı hızlı tarayan okura tüm bölümü okumadan değer verir. Ayrıca bu özetler, yazının sonunda yapacağınız toparlamayı da kolaylaştırır.

Uzun yazılarda ritim de önemlidir. Art arda beş paragraf yerine paragraf, liste, paragraf, tablo gibi bir düzen kurun. Yani okurun gözüne her birkaç ekranda bir dinlenme noktası verin. Bu noktalar, kaydırma sırasında dikkati yeniden toplar.

Son olarak, uzunluğu amaç edinmeyin. Konuyu eksiksiz kapatan bir yazı, gereksiz yere şişirilmiş bir yazıdan daha iyi çalışır. Her ek bölümün okura yeni bir şey söylediğinden emin olun.

Blog, hizmet ve ürün sayfalarında içerik yapısı nasıl değişir?

Sayfa tipi, yapıyı belirler. Bir blog yazısı öğretir, bir hizmet sayfası güven verir, bir ürün sayfası karar aldırır. Aynı iskeleti üçüne birden uygulamazsınız; her birinde önce okurun sorusunu, ardından cevabın sırasını yeniden düşünürsünüz.

Blog yazısında akış "soru, cevap, gerekçe, yöntem, hata, sonraki adım" sırasını izler. Okur burada öğrenmek ister ve sayfada daha uzun kalabilir. Dolayısıyla derinlik ve iç link ağı öne çıkar.

Hizmet sayfasında okur çoğunlukla karar aşamasındadır. Bu nedenle ilk ekranda hizmetin ne sağladığını, kime uygun olduğunu ve nasıl başlayacağınızı anlatırsınız. Süreç adımları, sık sorulan sorular ve referanslar güven bloklarını oluşturur.

Ürün ve kategori sayfalarında ise tarama hızı çok yüksektir. Fiyat, stok, teslimat bilgisi ve ana fayda ilk ekranda bulunmalıdır. Karşılaştırma tablosu ve kısa özellik listeleri, uzun açıklama paragraflarından daha iyi çalışır.

Bu farkı daha iyi görmek için e-ticaret danışmanlığı sayfamızda ürün ve kategori yapısına dair yaklaşımımızı bulabilirsiniz.

Örnek bir içerik iskeleti nasıl görünür?

Aşağıda bilgilendirici bir rehber yazısı için sıra örneği var. Bu bir örnek iskelettir; konuya göre bölüm sayısı ve sırası değişir. Ancak her yazıda "önce cevap, sonra gerekçe, sonra uygulama, en son ölçüm" mantığı geçerlidir.

SıraBölümAmaçÖnerilen biçim
1Ana soru ve doğrudan cevapOkuru doğrulamakH2 + 35-60 kelimelik paragraf
2Neden önemli?Motivasyon vermekKısa paragraflar
3Nasıl yaparsınız?Yöntemi anlatmakNumaralı liste
4Seçenek karşılaştırmasıKarar vermeyi kolaylaştırmakTablo
5Sık hatalarRiski azaltmakMadde işaretli liste
6Sonraki adım ve CTAEyleme geçirmekKısa paragraf + buton

Bu iskeleti kendi sayfanıza uyarlarken her bölüm için şunu sorun: Okur bu bölümü atlarsa bir şey kaybeder mi? Cevap hayırsa bölümü çıkarın ya da başka yere taşıyın.

Ayrıca iskeletin her yerinde tek bir fikre bağlı kalın. Yazı uzadıkça konu dağılabilir; iskelet bu dağılmayı önleyen pusuladır.

İskeleti yazım aşamasında sıkça açıp kontrol edin. Zira yazı ilerledikçe, planın dışına çıkma eğiliminiz artar.

UX içerik yapısı kurarken ekibimiz nasıl çalışır?

Biz ekibimizle bir UX içerik yapısı projesine okurun sorusunu yazarak başlarız. Ardından mevcut sayfaları tarar, başlık haritasını çıkarır ve tekrar eden ya da boşta kalan bölümleri belirleriz. Bu çalışma, yeni yazıdan önce eldeki içeriği daha verimli hale getirmenin en ucuz yolunu gösterir.

Süreç genellikle dört adımdır: niyet ve sorgu analizi, iskelet ve başlık planı, yazım ve biçimlendirme, yayın sonrası ölçüm. Her adımın çıktısı bir sonrakinin girdisi olur. Böylece yapı, yazarın kişisel tercihine değil, okurun ihtiyacına dayanır.

Bu işi kurumsal sitelerde, e-ticaret kategori sayfalarında ve blog arşivlerinde uyguluyoruz. Sektöre göre ağırlık değişir; e-ticarette karar tablosu ve CTA yerleşimi, hizmet sitelerinde güven blokları öne çıkar. Sonuçlar projeye göre değişir; garanti vermiyoruz.

İsterseniz sitenizdeki birkaç kritik sayfayı birlikte inceleyelim. İletişim sayfamızdan bize ulaşabilir, sitenizin yapısal bir değerlendirmesini isteyebilirsiniz.

Kısacası iyi bir UX içerik yapısı, bir kez kurulup bırakılan bir şablon değil, okuyucuyla birlikte gelişen bir sistemdir. Düzenli ölçer, düzenli iyileştirirsiniz.

Sıkça Sorulan Sorular

UX odaklı içerik yapısı nedir?
UX odaklı içerik yapısı, bir sayfadaki bilgiyi okurun amacına ve tarama alışkanlığına göre sıralama yöntemidir. Başlıkları, paragrafları, listeleri, tabloları ve CTA noktalarını okurun sorusuna yanıt verecek biçimde planlarsınız. Amaç, okurun aradığını hızlı bulması, sayfaya güvenmesi ve bir sonraki adıma rahatça geçmesidir.
Bir yazıda kaç başlık olmalıdır?
Google'a göre sihirli bir başlık sayısı yoktur. Önemli olan, başlıkların okura yol göstermesidir. Uzun bir rehberde genellikle her 200-250 kelimede bir H2 işe yarar. Ancak her başlığın ayrı bir soruya ya da konuya karşılık geldiğinden emin olmanız gerekir. Gereksiz başlık, yapıyı güçlendirmez; gürültü üretir.
F-pattern her sayfada geçerli midir?
Hayır, F-pattern her sayfada birebir görülmez. Sayfa tipi, görev ve tasarım örüntüyü değiştirir. Ancak Nielsen Norman Group'un bulgusuna göre okurlar metni kelime kelime okumaz, başlıkları ve ilk satırları tarar. Bu nedenle bilgi taşıyan kelimeleri başlıkların ve paragrafların başına koymalı, ilk iki paragrafta en önemli bilgiyi vermelisiniz.
CTA butonunu nereye koymalıyım?
CTA'yı okurun ikna olduğu noktanın hemen arkasına koymalısınız. Uzun içeriklerde ilk ekranda hafif bir yönlendirme, ortada ihtiyaç netleştikten sonra bir çağrı ve yazının sonunda güçlü bir çağrı genellikle işe yarar. Her bölümde farklı eylem yerine tek bir ana eylem öne çıkarın ve buton metnini faydayı anlatan bir fiille yazın.
UX içerik yapısı SEO'yu doğrudan etkiler mi?
Dolaylı olarak etkiler. Google, içeriği paragraflara ve başlıklara bölmenizi ve okunabilir tutmanızı önerir. Net yapı, okurun sayfada kalmasına ve sayfayı anlamasına yardım eder. Ayrıca doğrudan cevaplar, alıntılanabilir bloklar oluşturur. Ancak yalnızca yapı sıralamayı garanti etmez; içerik kalitesi, bağlantılar ve teknik sağlık da birlikte etkili olur.
UX içerik yapısını nasıl test ederim?
Üç şeye bakın: davranış verisi, metrikler ve hızlı okuma testi. Isı haritası ve kaydırma derinliği okurun nerede durduğunu gösterir. Sayfada kalma süresi ve CTA tıklaması sonucu ölçer. Beş kişiye sayfayı gösterip "bu sayfa ne anlatıyor?" diye sormak ise on saniyede yapabileceğiniz hızlı bir netlik kontrolüdür.
  • UX içerik yapısı
  • ux
  • f-pattern
  • başlık hiyerarşisi
  • cta yerleşimi
  • bilgi mimarisi
  • içerik iskeleti
Paylaş:
Talha Aslan

Google Partner dijital pazarlama uzmanı. 2012’den beri SEO, Google Ads, web tasarım ve e-ticaret projelerinde sahada; bu blogda gördüğünüz her yazı o deneyimden çıkar.

Sıradaki proje

Projenizi konuşalım.

Talebiniz doğrudan Talha Aslan ve ekibine ulaşır: stratejiyi Talha kurar, uygulamayı deneyimli ekip yürütür. İlk istişare ücretsizdir; hedefinizi dinler, net bir yol haritasıyla döneriz.