UI & UX Tasarım — · Güncellendi:
Sayfa Başlığı, Meta Açıklama ve Görsel: Tasarımcı İçin SEO İçerik Kontrolü
Bir web sayfasının ne anlattığı; başlık, açıklama, içerik ve görsel arasında tutarlı olmalıdır. SEO için her boşluğa anahtar kelime eklemek yerine sayfanın hangi soruyu cevapladığını netleştirmek gerekir. Grafik tasarımcı bu bilginin görünür düzenini ve ilgili görsel varlıkları hazırlarken teknik uygulamayla birlikte çalışır.
Yaklaşık 4 dakika okuma
Bir web sayfasının ne anlattığı; başlık, açıklama, içerik ve görsel arasında tutarlı olmalıdır. SEO için her boşluğa anahtar kelime eklemek yerine sayfanın hangi soruyu cevapladığını netleştirmek gerekir. Grafik tasarımcı bu bilginin görünür düzenini ve ilgili görsel varlıkları hazırlarken teknik uygulamayla birlikte çalışır.
Başlık sayfanın gerçek kapsamını anlatsın
“Katalog tasarımı” hizmet sayfası ile “Katalog baskıya nasıl hazırlanır?” rehberi farklı beklentiler oluşturur. Aynı genel başlığı bütün sayfalara koymak ayrımı zorlaştırır. Başlığa şehir, meslek veya marka adı eklenecekse içerikle gerçek ilişkisi olmalıdır.
Google'ın başlık bağlantısı belgesi arama sonucundaki başlık için birden fazla kaynağın kullanılabildiğini açıklar. Yazdığınız başlığın aynen gösterilmesi garanti değildir. Sayfadaki ana başlık ve gerçek içerik birbiriyle uyumlu olmalıdır.
Meta açıklamayı kısa bir içerik özeti olarak yazın
Açıklama, kişinin sayfada ne bulacağını anlatmalıdır. Bir hizmette kapsam ve yaklaşım; bir rehberde cevaplanan soru öne çıkabilir. Aynı anahtar kelimeyi art arda sıralamak anlamlı bir özet değildir. Google'ın snippet rehberine göre gösterilen açıklama sorguya göre sayfa içeriğinden de oluşturulabilir.
Bir freelance grafiker sayfasının açıklamasında “her işte en iyi, kesin sonuç” gibi doğrulanamayan vaatler yerine sunulan tasarım işleri ve çalışma biçimi anlatılabilir. Açıklama metni, sayfada bulunmayan hizmeti varmış gibi göstermemelidir.
Görsel adını ve alternatif metni farklı görevlerle düşünün
Dosya adı görseli anlaşılır biçimde tanımlayabilir. Alternatif metin ise görselin içerikte taşıdığı bilgiyi ifade etmelidir. Bir katalog sayfasının alt metnine bütün meslek ve şehir varyasyonlarını doldurmak, görseli açıklamaz. Temsili görsel ile gerçek müşteri projesini de açıkça ayırın.
Tasarımcı tesliminde kullanılan görsel, başlık, açıklama ve kaynak dosya aynı içerik listesinde bulunabilir. Böylece geliştirici hangi dosyanın hangi sayfaya ait olduğunu tahmin etmez. Küçük kart ve büyük kapak için uygun dosya hazırlamak da bu teslimin parçasıdır.
İç bağlantılar bir sonraki soruya cevap versin
Bir bilgilendirme yazısından ilgili hizmete veya daha ayrıntılı rehbere bağlantı verin. “Buraya tıklayın” yerine hedefi açıklayan kısa bağlantı metni kullanılabilir. Her paragrafta aynı hedefi tekrar etmek yerine okuyucunun gerçekten ihtiyaç duyacağı yerde yönlendirin.
Selçuk Aker ile web tasarım kapsamı hazırlanırken sayfa amacı, görünür başlık, içerik ve görseller birlikte düzenlenebilir. Tarama ve dizin rehberi teknik görünürlüğün ayrı boyutlarını açıklar.
Sık sorulan sorular
Meta açıklama Google'da aynen görünür mü?
Her zaman değil. Google sorguya göre sayfa içeriğinden farklı bir açıklama oluşturabilir.
Bütün sayfalara aynı başlığı koyabilir miyim?
Sayfaları ayırt etmeyi zorlaştırır. Her başlık kendi içeriğinin konusunu ve amacını anlatmalıdır.
Görselin adına anahtar kelime eklemek tek başına yeterli mi?
Hayır. Görselin konuya uygunluğu, açıklaması, kullanım bağlamı ve teknik sunumu birlikte değerlendirilmelidir.
Temel SEO kontrolü: tasarımdan taranabilir sayfaya
Başlık ve açıklama düzenlemek tek başına teknik erişim sorununu çözmez. Önce sayfanın doğru adresle açıldığını, indekslemeyi engelleyen bir yönerge taşımadığını ve önemli metnin HTML içinde okunabildiğini kontrol edin. Ardından sayfanın arama niyetini, başlığını ve içerik bağlantılarını değerlendirin.
| Alan | Kontrol | Kaçınılacak uygulama |
|---|---|---|
| Sayfa başlığı | Gerçek konu ve ayırt edici hizmet | Her sayfada aynı başlık |
| Meta açıklama | Sayfanın kapsamını dürüstçe özetleme | Sıralama garantisi ve kelime listesi |
| Görsel | Açıklayıcı dosya adı ve uygun alternatif metin | İlgisiz anahtar kelimeler |
| İç bağlantı | İlgili hizmet veya rehbere anlamlı bağlantı | Her yazıya aynı uzun link bloğu |
| Canonical | Asıl adresin tutarlı tanımlanması | Farklı içerikleri tek adrese işaretleme |
Bir tasarım portfolyosunda ne yazılmalı?
Projenin adı, tasarımcının rolü ve teslim edilen işler görseli anlamlandırır. Örneğin ERP Software için arayüz tasarımı yaptığımı söylemek doğrulanmış kapsamı açıklar; ölçüm olmadığı halde “satışları iki kat artırdım” demek açıklamaz. Portfolyo içeriğinde somut kapsam kullanmak, ziyaretçinin ihtiyacına benzer işi bulmasını da kolaylaştırır.
Arama görünürlüğündeki sorunlarda Search Console’daki URL denetimi ile sayfanın gerçekten indekslenip indekslenmediğini ayırın. İndekslenmek ile belirli bir sorguda üst sırada görünmek aynı sonuç değildir. Web sitesi yenileme çalışmasında eski adreslerin yönlendirmelerini de kontrol etmek gerekir.
