---
title: "Pati Bilir"
description: "Pati Bilir için web yazılım ve dijital çözümler."
type: referans
url: https://xtroengine.com/referans/pati-bilir
lang: tr
updated: 2026-08-10
---

`Anasayfa › [Referanslar](https://xtroengine.com/referanslar) › Pati Bilir`

# Pati Bilir

> Pati Bilir için web yazılım ve dijital çözümler.

Patibilir, ev hayvanı bakımı, sağlığı ve beslenmesi üzerine yayın yapan bir içerik sitesi. Bu alanda rekabet yüksek ve içeriğin çoğu birbirinin tekrarı. Ayırt edici olan şey, konunun ne kadar ciddiye alındığı: kaynak gösterimi, veteriner hekim sorumluluğunun sınırı ve okuma deneyiminin kendisi.

Site bize geldiğinde içerik vardı ama okunabilirlik ve erişilebilirlik tarafı zayıftı. Uzun yazılarda kullanıcı nerede olduğunu takip edemiyor, klavyeyle gezinen ziyaretçi odak halkasını göremiyordu. İçerik sitesinde bu iki eksik doğrudan kalış süresine yansıyor.

## Yaptığımız iş

Okuma deneyimini merkeze alan bir şablon kurduk. Uzun yazılarda içindekiler bloğu, bölüm başlıklarına atlayan bağlantılar ve okuma ilerleme göstergesi eklendi. Erişilebilirlik tarafında içeriğe atlama bağlantısı, tüm etkileşimli öğelerde görünür odak halkası ve yeterli kontrast oranı sağlandı.

- İçindekiler bloğu ve bölümler arası hızlı gezinme

- Klavye kullanıcıları için içeriğe atlama bağlantısı ve **focus-visible** odak halkaları

- Kategori ve etiket yapısının konu kümeleri halinde yeniden düzenlenmesi

- Her sağlık içeriğinde veteriner hekime yönlendiren sorumluluk bloğu

- Görsellerin WebP'ye çevrilmesi ve boyut setleriyle servis edilmesi

## Kullanılan teknolojiler

- WordPress tabanlı yayın altyapısı, özel geliştirilmiş tema

- All in One SEO ile meta ve yapılandırılmış veri yönetimi

- Article ve FAQPage tipleri için şema işaretlemesi

- Cloudflare üzerinden dağıtım ve önbellek

- Kritik CSS'in sayfa içine alınması, geri kalanının ertelenmesi

## Sonuç

Uzun içerikler artık baştan sona okunabilir bir düzende; okuyucu yazının neresinde olduğunu görüyor. Klavye ve ekran okuyucu kullananlar için site gerçekten gezilebilir hale geldi. Konu kümeleri sayesinde bir yazıdan diğerine geçiş kendiliğinden oluyor.

## Üzerinde en çok durduğumuz konu

Evcil hayvan sağlığı, yanlış bilginin doğrudan zarar verdiği bir alan. Bu yüzden içerik şablonuna sorumluluk sınırını taşıyan sabit bir blok koyduk ve bunu yazarın tercihine bırakmadık — sistem, sağlık kategorisindeki her içeriğe bu bloğu otomatik ekliyor.

İkinci konu erişilebilirlikti. Görünür odak halkası, yeterli kontrast ve içeriğe atlama bağlantısı çoğu içerik sitesinde eksik kalıyor. Bunlar sonradan eklenen düzeltmeler olarak değil, temanın kendi kurallarına yazıldı; yeni bir bileşen eklendiğinde de aynı kurallar geçerli oluyor.

Benzer bir işi kendi markanız için konuşmak isterseniz [teklif formunu doldurun](/teklif), aynı gün dönelim.

---

**İletişim:** https://xtroengine.com/iletisim · https://xtroengine.com/teklif

Kaynak: https://xtroengine.com/referans/pati-bilir