21 Aralık 2010, Salı
Google Grants Blog
üzerinde eş zamanlı yayınlanmıştır.
Tatil sezonu yaklaşırken hepimizin yapması gereken küçük bakım işleri vardır.
Site kliniği serimizin
ikinci yazısında kaynak kodlarınızı temizlemeye odaklanmamızın nedeni tam olarak bu.
Gönderilen kâr amacı gütmeyen kuruluş web siteleri üzerinde yaptığımız analizlerde, hangi HTML işaretlemelerinin veya etiketlerinin nerede kullanılacağı ve bunların içine hangi içeriğin yerleştirileceği konusunda bir kafa karışıklığı olduğunu fark ettik. Her ikisi de kullanıcılar ve web sitenizin arama sonuçları sayfasında nasıl göründüğü üzerinde önemli bir etkiye sahip olabilir.
Tatil hazırlıklarından önce <title> etiketlerinizi düzenleyin
Gönderilen kâr amacı gütmeyen kuruluş web sitelerinin %27’si, hem Google’a hem de kullanıcılara web siteniz için neyin önemli olduğunu bildirmede kritik bir rol oynayan <title> etiketlerini yanlış kullanıyordu. Arama motorları genellikle başlık etiketinizden yaklaşık 60 karakter görüntüler; bu değerli bir alandır, bu yüzden onu mutlaka kullanmalısınız! Kod kısmına geçmeden önce, gönderilen sitelerimizden biri olan
Sharp‘ın harika bir başlık etiketinin arama sonuçları sayfasında nasıl göründüğüne bir bakalım:
İdeal bir <title> etiketi, kuruluşun adını ve açıklayıcı bir sloganı içermelidir. Gönderilen örneklerden bazılarına göz atalım:
| Kuruluş | <title> kaynak kodu | Kullanıcı Dostu Olma | Etiket Davranışı |
| Sharp | <title>Top San Diego Doctors and Hospitals - Sharp HealthCare</title> | En İyi | Kuruluşun adını ve açıklayıcı bir sloganı içerir |
| Interieur | <title>Interieur 2010 - 15-24 October Kortrijk, Belgium</title> | İyi | Kuruluşun adını ve açıklayıcı olmayan bir sloganı içerir |
| VAMS International | <title>Visual Arts and Music for Society | VAMS International</title> | Orta | Sadece kuruluşun adını içerir |
Eğer bir <title> etiketi belirtmezseniz, Google sizin için bir başlık oluşturmaya çalışacaktır. Muhtemelen bizim en iyi tahminimizden daha iyisini yapabilirsiniz, o yüzden harekete geçin: <title> etiketinizin kontrolünü elinize alın! Bu, büyük fark yaratabilecek basit bir düzeltmedir. Daha derin URL’leriniz için özel <title> etiketleri kullanmak da önemlidir; buna bir sonraki site kliniği yazımızda değineceğiz.
Açıklama meta etiketlerinize dikkat edin
Açıklama meta etiketleri
gönderilen sitelerin %54’ünde tam potansiyeliyle kullanılmıyordu. Bu etiketler genellikle arama sonuçları sayfasında kullanıcılara sunulan iki satırlık snippet’i oluşturmak için kullanılır. Sağlam bir snippet ile potansiyel okuyucularınızı heyecanlandırabilir ve kuruluşunuz hakkında daha fazla bilgi edinmeye hazır hale getirebilirsiniz. Gönderilen siteler arasından iyi bir örnek olan
Tales of Aussie Rescue‘ya tekrar bakalım:
Açıklama meta etiketleri yoksa veya alakalı değilse, snippet sayfa içeriğinden otomatik olarak seçilecektir. Eğer şanslıysanız ve iyi bir snippet otomatik seçilmişse, unutmayın ki arama motorları snippet seçme konusunda farklılık gösterir; bu yüzden sağlam bir açıklama meta etiketi yazarak tutarlılığı ve alakalılığı korumak daha iyidir.
<h> etiketlerinizi yerli yerinde kullanın
Bir diğer hızlı düzeltme, web sitenizin başlık etiketlerini doğru kullandığından emin olmaktır. Kâr amacı gütmeyen kuruluşlarla ilgili çalışmamızda, gönderilen sitelerin yaklaşık %19’unun başlık etiketleri konusunda iyileştirmeye ihtiyacı vardı. Başlık etiketlerindeki en yaygın sorun, muhtemelen estetik nedenlerle <h1> etiketi kullanmadan başlıkları <h2> veya <h3> etiketiyle başlatma eğilimiydi.
Başlıklar, hem Google’a hem de kullanıcılara sizin ve web siteniz için neyin önemli olduğunu söyleme fırsatı verir. Başlık etiketindeki sayı ne kadar küçükse, Google ve kullanıcılarınızın gözünde metin o kadar önemlidir. O <h1> etiketinden yararlanın! Eğer bir <h1> etiketinin görsel olarak nasıl göründüğünü beğenmiyorsanız, görünümünü CSS ile her zaman değiştirebilirsiniz.
Görseller için alt metin kullanın
Herkes tatil sezonunda aile fotoğraflarını sergilemekten gurur duyar, ancak bunların neyle ilgili olduğunu bize söylemeyi unutmayın. Analiz edilen sitelerin %37’sinden fazlası görsel alt özniteliğini uygun şekilde kullanmıyordu. Doğru kullanıldığında bu öznitelik şunları yapabilir:
- Google’ın görselinizin ne olduğunu anlamasına yardımcı olur
- Sadece metin tabanlı tarayıcı kullanan, erişilebilirlik sorunları olan veya kısıtlı cihazlara sahip kullanıcıların görsellerinizi anlamasını sağlar
Zengin ve açıklayıcı alt metnin burada anahtar olduğunu unutmayın. Gönderilen sitelerimizden bazılarına ve alt öznitelik kullanımlarına tekrar bakalım:
| Kuruluş | Kaynak Kodu | Kullanıcı Dostu Olma | Etiket Davranışı |
| Sponsor A Puppy | <img alt="Sponsor a Puppy logo" src="..." /> | En İyi: alt metin, görselin kuruluşun ana logosu olduğunu belirtiyor | Görselleri, butonları ve logoları tanımlamak için zengin, açıklayıcı alt metin kullanır |
| Philanthropedia | <img alt="Logo" height="..." /> | İyi: alt metin görselin bir logo olduğunu belirtiyor ancak kuruluş veya işlevi hakkında daha fazla açıklama yapmıyor | Görseller, butonlar ve logolar için açıklayıcı olmayan alt metin kullanır veya alt metni sadece ara sıra kullanır |
| Coastal Community Foundation | <img src="..." /> | İdeal değil: alt metin mevcut değil | Alt metin kullanımı yok veya anlam katmayan metin kullanımı (genellikle görselleri numaralandırırken görülür) |
Yeni yıl kararlarınız için küçük bir vitrin gezintisi
Google, kaynak kodunuzdaki en iyi uygulamaları daha da geliştirmek için harika kaynaklara sahiptir. Başlangıç olarak, Web Yöneticisi Araçları’ndaki
HTML Önerileri Aracı‘mızı kullanabilirsiniz. Ayrıca, sitenizi tüm izleyiciler için
erişilebilir kılmak her zaman iyi bir uygulamadır.
Biz bunu nasıl uyguluyoruz
Google announcements age. We keep this post here for the record, and we note for clients whether the behaviour it describes still applies today or has since been superseded.
İlgili hizmetler