Evet, dolaylı ama güçlü biçimde etkiler. Google renk veya estetik değerlendirmez; ancak tasarım kararları Core Web Vitals değerlerini (LCP, INP, CLS), mobil sürümdeki içeriği, menüdeki iç bağlantıları ve metnin taranabilirliğini belirler. Ağır slider, görsele gömülü yazı, ekranı kaplayan açılır pencere ve mobilde gizlenen içerik en sık görülen tasarım kaynaklı SEO sorunlarıdır.
Bu sayfada
- Google tasarımı nasıl değerlendirir?
- Hangi tasarım öğesi SEO'yu nasıl etkiler?
- Hız ile tasarım arasındaki bağ nedir?
- Menü ve sayfa yapısı sıralamayı etkiler mi?
- Okunabilirlik ve erişilebilirlik neden önemli?
- Görseller hem tasarımı hem aramayı nasıl etkiler?
- Site yenilerken SEO nasıl kaybedilir?
- SEO uyumlu tasarım için tasarımcıya ne söylemelisiniz?
- Sık sorulan sorular
Google tasarımı nasıl değerlendirir?
Google'ın sayfa deneyimi belgesi, tek bir "tasarım puanı" olmadığını açıkça yazar. Bunun yerine çekirdek sıralama sistemleri sayfa deneyimiyle ilgili birçok sinyale bakar: Core Web Vitals, HTTPS, mobilde düzgün görüntülenme ve içeriğe erişimi zorlaştıran açılır pencerelerin olmaması.
Dolayısıyla web tasarım SEO'yu etkiler mi sorusunun cevabı, tasarımın bu sinyalleri nasıl şekillendirdiğine bağlıdır. İki site aynı içeriğe sahip olsa bile biri telefonda 2 saniyede açılıp rahat okunurken diğeri 6 saniyede açılıp kayıyorsa, kullanıcı deneyimi ve bununla ilişkili sinyaller birbirinden ayrılır.
Hangi tasarım öğesi SEO'yu nasıl etkiler?
| Tasarım öğesi | SEO'ya etkisi | Daha iyi alternatif |
|---|---|---|
| Ana sayfada büyük slider | Büyük görseller LCP'yi yükseltir; ilk ekrandaki mesaj belirsizleşir | Tek, sıkıştırılmış görsel ve net başlık |
| Görselin içine yazılmış metin | Google yazıyı okuyamaz; mobilde küçülür | Metni HTML olarak görselin üstüne yerleştirmek |
| Ekranı kaplayan açılır pencere | İçeriğe erişimi zorlaştırır; sayfa deneyimi sinyallerinde olumsuz | Sayfa altında küçük bant veya kaydırmadan sonra gösterim |
| Web fontu ve animasyon kütüphanesi | Yazı geç yüklenirse düzen kayar (CLS) | Az sayıda font ağırlığı, ön yükleme |
| Yalnızca JavaScript ile açılan menü | Bağlantılar geç veya hiç görülmeyebilir | HTML bağlantılı menü, JavaScript yalnız görünüm için |
| Mobilde gizlenen bölümler | Google mobil sürümü dizine ekler; gizlenen içerik yok sayılabilir | Akordeon veya sekme ile göstermek |
| Sonsuz kaydırma | Alt sayfalara bağlantı yoksa ürünler bulunmaz | Sayfalı yapı veya her sayfaya ayrı adres |
Hız ile tasarım arasındaki bağ nedir?
Sayfanın hızını belirleyen şeylerin çoğu tasarım aşamasında seçilir: kaç görsel kullanılacağı, ne boyutta olacağı, kaç yazı tipi yükleneceği, hangi animasyonların çalışacağı. Tasarım bittikten sonra hız çalışması yapmak mümkündür ama bazı kararları geri almak sayfanın görünümünü değiştirmeyi gerektirir.
Google'ın Core Web Vitals eşiklerine göre en büyük içerik 2,5 saniye içinde görünmeli, dokunuşa tepki 200 milisaniyeyi geçmemeli ve düzen kayması 0,1'in altında kalmalıdır. Tasarımcının bu değerleri bilmesi, güzel ama ağır bir tasarımın önüne geçer. Hızla ilgili sorunların teknik çözümlerini web sitem çok yavaş yazısında anlattık.
Menü ve sayfa yapısı sıralamayı etkiler mi?
Evet. Menü, sitenin en güçlü iç bağlantı alanıdır; her sayfada tekrarlandığı için menüdeki sayfalar Google'a "bunlar önemli" sinyali verir. Hizmetleri tek bir "Hizmetlerimiz" sayfasında toplayıp menüde yalnızca bu sayfayı göstermek, her hizmetin ayrı sayfasının güçlenmesini zorlaştırır.
- Ana hizmetleri menüden doğrudan erişilebilir yapın.
- Menü etiketlerinde müşterinin kullandığı kelimeleri tercih edin.
- Adres yapısını sade tutun: /hizmetler/zemin-kaplama/ gibi anlamlı adresler.
- Her sayfaya en fazla üç tıkla ulaşılabilsin.
- İçerik içinde ilgili sayfalara açıklayıcı bağlantılar verin.
Kurumsal bir sitede hangi sayfaların menüde yer alması gerektiğini kurumsal sitede olması gereken sayfalar yazısında ele aldık.
Okunabilirlik ve erişilebilirlik neden önemli?
Açık gri üzerine ince yazı, küçük harf boyutu ve birbirine çok yakın butonlar, ziyaretçinin sayfadan çıkmasına yol açar. Erişilebilir tasarım aynı zamanda daha anlaşılır bir sayfa yapısı demektir: doğru başlık hiyerarşisi, açıklayıcı bağlantı metinleri ve görsellerde alt metin hem ekran okuyuculara hem de arama motorlarına yardım eder.
- WCAG 2.2'nin 2.5.8 ölçütüne göre dokunma hedefleri en az 24x24 CSS piksel olmalı ya da yeterli boşlukla ayrılmalı.
- Her sayfada tek bir H1 ve mantıklı sıralanmış H2, H3 başlıkları kullanın.
- Görsellere içeriği anlatan alt metin yazın; dekoratif görsellerde boş bırakın.
- Metin ile arka plan arasında yeterli kontrast bırakın.
Görseller hem tasarımı hem aramayı nasıl etkiler?
Görseller tasarımın en güçlü unsurudur ama sayfa ağırlığının da en büyük kısmını oluşturur. Doğru hazırlanan bir görsel hem sayfayı hızlandırır hem de Google Görseller'de ek bir görünürlük kanalı açar.
- Görseli ekranda gösterileceği boyutta yükleyin; 4000 piksel genişliğindeki fotoğrafı 800 piksellik alana koymayın.
- WebP veya AVIF gibi modern formatları tercih edin.
- Görsel ve video alanlarına genişlik ile yükseklik verin; böylece yüklenirken düzen kaymaz.
- İlk ekrandaki ana görseli geç yüklemeye (lazy-load) bırakmayın; ekranın altındakiler için geç yükleme kullanın.
- Dosya adını ve alt metni görselin içeriğini anlatacak şekilde yazın.
Kendi çektiğiniz iş fotoğrafları, stok görsellere göre hem daha güvenilir görünür hem de başka sitelerde bulunmadığı için özgündür.
Site yenilerken SEO nasıl kaybedilir?
Tasarım yenileme, SEO kaybının en sık görüldüğü andır. Yeni tasarımda sayfa adresleri değişir, bazı metinler "sade görünsün" diye kısaltılır, eski sayfalar kaldırılır. Google bir sonraki taramada daha az içerik ve çok sayıda 404 hatası görür.
- Mevcut durumu kaydedinSearch Console'dan en çok tıklama alan sayfaları ve sorguları dışa aktarın.
- Adres eşleştirmesi yapınHer eski adresin yeni sitede hangi adrese karşılık geleceğini tabloya yazın.
- İçeriği koruyunTrafik getiren sayfaların metnini tasarım uğruna kısaltmayın; gerekiyorsa yeniden düzenleyin.
- 301 yönlendirmeleri kurunYayın günü tüm eski adresler yeni karşılıklarına kalıcı olarak yönlendirilmeli.
- Yayından sonra izleyinİlk haftalarda 404 hatalarını ve gösterim değişimini günlük kontrol edin.
Yenileme projelerinde bu adımları nasıl planladığımızı web sitesi yenileme sayfamızda anlattık.
SEO uyumlu tasarım için tasarımcıya ne söylemelisiniz?
Tasarım brifine birkaç teknik madde eklemek, işin sonunda yaşanacak sürprizleri azaltır. Aşağıdaki cümleleri brifinize olduğu gibi ekleyebilirsiniz.
- "Tasarım önce telefon ekranı için hazırlansın." StatCounter'a göre Ağustos 2026'da Türkiye'deki web trafiğinin yüzde 75,94'ü mobilden geldi.
- "Ana sayfanın ilk ekranında slider değil, tek bir net mesaj olsun."
- "Metinler görselin içine yazılmasın, HTML olarak eklensin."
- "Her ana hizmetin ayrı sayfası ve menüde bağlantısı olsun."
- "Yayından önce PageSpeed Insights sonucu paylaşılsın."
Tasarım ve SEO'yu birlikte ele aldığımız site projelerinin kapsamını kurumsal web sitesi sayfasında görebilirsiniz. Mevcut sitenizin tasarımdan kaynaklanan SEO sorunlarını tespit etmek isterseniz SEO hizmetimiz teknik denetimle başlar.
Sık sorulan sorular
Güzel bir tasarım Google'da üst sıraya çıkarır mı?
Tek başına hayır. Google estetiği puanlamaz; içeriğin aramaya ne kadar iyi cevap verdiğine, sitenin güvenilirliğine ve sayfa deneyimine bakar. Güzel tasarım dolaylı olarak ziyaretçinin sayfada kalmasına ve güvenmesine yardım eder.
Tek sayfalık (one page) siteler SEO için kötü mü?
Tek hizmet sunan küçük işletmeler için yeterli olabilir. Ancak birden fazla hizmet varsa tek sayfa, her hizmet için ayrı aramada görünmeyi zorlaştırır. Hizmet sayısı arttıkça ayrı sayfalar daha avantajlıdır.
Akordeon içindeki metni Google okur mu?
Evet. Google'ın mobil öncelikli dizine ekleme belgesi, mobilde içeriği silmek yerine akordeon veya sekme içine almayı önerir. Önemli olan metnin sayfanın HTML'inde bulunması ve kullanıcı tıklamadan da yüklenmiş olmasıdır.
Video arka planlı ana sayfa SEO'ya zarar verir mi?
Otomatik oynayan büyük video, özellikle mobilde sayfanın yüklenmesini yavaşlatır ve LCP değerini kötüleştirebilir. Kullanılacaksa sıkıştırılmış, kısa ve mobilde durağan bir görselle değiştirilen bir yapı tercih edilmeli.
Hazır tema SEO açısından dezavantaj mı?
Tema tek başına dezavantaj değildir. Sorun, birçok hazır temanın kullanılmayan kütüphaneler ve ağır görsellerle gelmesidir. Temadan gereksiz parçalar çıkarılır ve görseller optimize edilirse hazır temalı siteler de iyi sonuç verebilir.
Karanlık mod veya koyu renk tasarım sıralamayı etkiler mi?
Renk seçimi sıralamayı doğrudan etkilemez. Önemli olan metin ile arka plan arasındaki kontrastın yeterli olması ve yazının rahat okunmasıdır. Okunmayan metin, ziyaretçinin sayfadan hızla ayrılmasına yol açabilir.
Projenizi konuşalım
İhtiyacınızı WhatsApp'tan kısaca yazın; kapsamı netleştirip aynı gün içinde size dönüş yapalım.
İlgili sayfalar
- Web Sitesi Yenileme: Sıralamanızı Koruyarak Yeni Siteye GeçişSiteniz eskidiyse yenilemek doğru karar olabilir; ama yanlış yapılan bir geçiş, yıllardır Google'dan gelen trafiği birkaç haftada silebilir.
- Kurumsal Web Sitesi: Firmanızın Resmi AdresiOrta ve büyük ölçekli firmalar için kurumsal kimliğe uygun, çok dilli, yönetim paneli olan ve yasal yükümlülükleri karşılayan web siteleri t
- Site Hızı Optimizasyonu: Mobilde Hızlı Açılan SiteYavaş açılan sayfa, reklam bütçesini de organik trafiği de boşa harcatır. Darboğazı ölçüyor, gereksiz kodu atıyor ve Core Web Vitals değerle
- Web Sitesi Teknik SEO Rehberi: 2026 Kontrol ListesiTeknik SEO, içeriğinizin Google tarafından bulunmasını, doğru anlaşılmasını ve hızlı sunulmasını sağlayan altyapı işidir. Bu rehberde her ko
- Web Sitem Mobilde Bozuk Görünüyor: Ne Yapmalıyım?Yana kayan sayfa, okunmayacak kadar küçük yazı, parmağın isabet etmediği butonlar... Mobil bozulmaların çoğu birkaç tanıdık nedenden çıkar v