Kullanım-1:
<h1><a href='www.orneksiteadi.com'> <img src="logo.png" alt="orneksiteadi"/></a></h1>
Bu kullanım çok fazla anlam ifade etmez. Bildiğiniz gibi "H" etiketleri başlık anlamı taşır. Sadece resim kullanımı başlık özelliğini tam olarak karşılamaz. Belki arama motorları resmin "alt" özelliğini (attribute) dikkate alabilir ama yine de bu çok anlamlı olmaz.
Eğer logoyu metin olarak değil de resim olarak kullanacaksanız ve arama motorlarının bu resimden bir anlam çıkarmasını istiyorsanız aşağıdaki gibi bir kullanım daha mantıklı olacaktır.
<div role="banner"><a rel="home" href="http://www.siteadresi.com"><img src="logo.jpg" alt="Site başlığı" /></a></div>
Kullanım-2:
<div class="hidden"><h1>ORNEKSITEADI.COM</h1></div>
İkinci kullanımda hidden kullandığım için kullanıcı göremiyor. Görmesine de gerek yok zaten. Çünkü sitede bir logo var. Peki ikinci kullanım şekliyle Google botları site adını dikkate alırlar mı acaba?
Bu kullanımı önermiyorum. Bilinenin aksine Google görünmeyen ya da görünen alanın dışında kalan içeriği algılayabiliyor. Bununla ilgili pek çok deneme yaptık. Aldığımız sonuçların hepsinde görünmeyen içerik Google tarafından neredeyse hiç dikkate alınmıyordu. Hatta işin acı tarafı "Tab", yani sekmeler ile görüntülenen içeriklerde bile başlangıçta açık olan, yani herhangi bir yere tıklamaya gerek kalmadan görünür olan sekmedeki içerik dikkate alınıyor fakat görüntülenmesi için ilgili sekmeye tıklanması gereken, varsayılan olarak görüntülenmeyen sekmedeki içerik yok sayılıyordu. Biz de bu sonuçlardan sonra tüm sitelerimizde önem verdiğimiz, Google tarafından gözardı edilmesini istemediğimiz tüm başlıkları, resimler ve diğer içerik ögelerini görünür yapmaya dikkat ediyoruz. Artık sekme kullanımından bile vazgeçtik. Belirli bir süre sonra olumlu sonuçlarını da almaya başladık. Bu konuyla ilgili yaptığımız testleri ve ayrıntılı sonuçlarını içeren bir makale yazmayı planlıyorum uzun zamandır. Vakit bulabilsem yayınlayacağım da... İşte hep yarına kalıyor
logoda h1 kullandığınızda o logo tüm konularda da görüneceği her konuda 2 tane h1 olacak sadece ana sayfada görünecek şekil de ayarlarsanız logoda olur bence.
hocam h1 etiketi konu başlıkarında kullanılır.
HTML 5'den beri durum artık böyle değil. Aynı sayfada onlarca h1 etiketi kullanabilirsiniz fakat hiyerarşiye dikkat etmek kaydıyla. Misal içerik listelediğiniz kategori sayfanız var. Her içeriği "article" etiketleri arasına alıp o içeriğin başlığını "h1" ile belirtebilirsiniz.
Yine aynı şekilde logo'da "h1" kullanacaksanız logonun da içinde bulunduğu banner bloğu için "header" etiketini kullanmanızı ve "h1" etiketini "header" etiketi içine almanızı tavsiye ediyorum. Bununla birlikte içerikte "article", farklı bölümlerde "section", konu dışı kalan alanlarda "aside", site tabanında yani en altında da "footer" gibi etiketleri kullanabilirsiniz. Her birinde de ayrı ayrı "h1", "h2"... etiketlerini kullanabilirsiniz. Önemli olan HTML 5 hiyerarşisini anlamak ve doğru kullanabilmektir.
