Speakable Schema Nedir?
Speakable, schema.org'da Google Assistant ve diğer voice assistant'lara hangi içeriğin 'sesli okunabilir' olduğunu söyleyen mark-up. WebPage schema içine `speakable: {cssSelector: ['h1', '[data-speakable="true"]']}` formatında ekleniyor. AI sesli özetleme ve voice search citation için.
Speakable, 2018'de Google tarafından duyuruldu — başlangıçta sadece haber sitelerinde, 2023'te tüm sitelere açıldı. Sesli asistan ('OK Google, X nedir' soruları) kullanıcıya hangi paragrafı 'okuyup özetleyeceği' sinyali.
Doğru implementasyon: ```html <script type='application/ld+json'> { '@context': 'https://schema.org', '@type': 'WebPage', 'speakable': { '@type': 'SpeakableSpecification', 'cssSelector': ['h1', '[data-speakable="true"]'] } } </script> ```
HTML içeriğinde işaretleme: ```html <p data-speakable='true'>DevPixel İstanbul'da kurumsal web ve mobil uygulama geliştiren bir dijital ajansdır.</p> ```
Kritik notlar: 1. cssSelector'da `.sr-only` (screen-reader-only) KULLANMA — manipulatif sinyal olarak yorumlanabilir 2. data-speakable='true' attribute'u sadece 'gerçek görsel içeriğe' uygula (özet paragraf, definition, key takeaway) 3. Tek bir sayfada 5-10 speakable selector — fazlası anlamsız 4. Speakable paragrafları 30-80 kelime arası — daha uzun voice'a uygun değil
DevPixel kullanımı: CitationBlock + TldrBox + glossary kısa tanımı + Q&A kısa cevabı = speakable. Sayfa hero başlığı + ilk paragraf da speakable.
DevPixel'de SpeakableSchema layout.tsx'te global render ediliyor. cssSelector'da ['h1', '[data-speakable="true"]'] — gerçek görsel içerik işaretleniyor. /questions ve /glossary sayfalarında her kısa cevap data-speakable='true' attribute'lu — voice assistant'lar için ideal extraction.