Ön uç geliştiricilerin web sitesi başlığını veya logosunu H1 etiketine ve başlığı H2'ye koyması yaygın bir uygulamadır. Ancak çoğu zaman sayfanın / makalenin başlığı, içerik değerini taşıdığı için daha önemlidir. Bu yüzden benim sorum, anlamsal ve SEO açısından en iyi yaklaşım nedir. Örnekler:
Daha büyük etkiye sahip olacağını düşünüyorsanız, diğer çeşitler sağladı.
Yanıtlar:
Genelde logo veya site başlığını H1’e yazmam. Bakmayı sevdiğim yol her sayfanın bir belge olmasıdır. Bu belge, sayfa başlığında ve aynı zamanda ana başlıkta belirtildiği gibi, belirli bir konu hakkındadır. Web sitesi sadece belgenin yayıncısıdır. Bu nedenle, anlamsal olarak site logosunu veya adını her sayfanın ana başlığı olarak kullanmak yanlış. Logolar, kullanıcıya nerede olduklarını ve markalama amaçlarını hatırlatmak için belirgin bir şekilde gösterilir, ancak bunlar aslında içeriğin veya belgenin bir parçası değildir.
Demek istediğim, bir haber izlerken, köşede küçük bir haber kanalı logosu göreceksiniz, ancak haberin adı "CNN" veya "BBC News". Başlık, hikayeyi yayınlayan ağla değil hikaye ile ilgili olacaktır. Aynı şekilde, bir dergi okuduğunuzda, başlıkta yalnızca makale başlığı kullanılır, yayın adı değil.
Logo / site adı için bir tane ve belge başlığı için bir tane H1 etiketi kullanmak da anlamlıdır. Başlıklar, sayfadaki içeriğin hiyerarşik yapısını tanımlar; Birini site adı için, diğerini ise belge başlığı için kullanmak demek, bu sayfanın 2 ana bölümü vardır: "etkialanim.com.tr" ve "bize ulaşın".
h1, ancak yalnızca ana sayfasında . Belirli bir listeye gidin ve liste başlığı şu anda h1.
Google’ın SEO Rapor Kartı belgesinin 37. sayfasına bakınız :
Ürün ana sayfalarının çoğunda
<h1>, yukarıdaki örnekte olduğu gibi bir etiket kullanma olanağı vardır , ancak şu anda yalnızca başka başlık etiketleri (<h3>bu durumda) veya daha büyük yazı tipi stilleri kullanıyorlar. Metninizi daha büyük görünecek şekilde şekillendirirken aynı görsel sunumu başarabilir, bir<h1>etiketin yaptığı arama motoruna aynı anlamsal anlam kazandırmaz . Ürünün adı ve / veya özellikleri hakkında birkaç söz<h1>, ürünün ana sayfasındaki bir etikette bulunması harika .
Google’ın tekliflerini kendi analizine göre, Google’ın H1’de görünmesi için benzersiz, sayfaya özgü bir değer beklediği sonucuna varabilirim (bağlantılı dokümanda gösterilen resim bunu göstermektedir).
İşte güzel bir gerekçe: Logonuz bir <h1> değil bir resim
Anlamsal olarak, <h1>sayfa başlığı için kullanılmalıdır ve sayfa başlığı sayfa başına benzersiz olmalıdır. Logonuz veya site adınız sayfa başlığı değil (belki de ana sayfanın dışında).
Logonuz / site adınız, belki de 'başlık' kimliğiyle birlikte düz bir div olmalıdır. Veya, <header>HTML5 kullanıyorsanız etiket.
<img>etiket olması gerekmez, bir <h1>etiketin arka planı değil, bir arka plan olabilir . Bağlantılı makale savunuyor Ancak, logo edebilirsiniz sayfa içeriği olarak görülebilir.
IMO, sayfada yalnızca bir H1 bulunmalıdır. Ve H1 her zaman H2'den önce olmalıdır - içeriğinizin doğru bir sıradüzenini korumak için.
Logo her sayfada sıklıkla tekrarlanır ve dediğiniz gibi, çoğu sayfada başlık neredeyse her zaman daha önemlidir.
Ana sayfada kullanmayı düşünürdüm:
logo / title - H1 [, title - H2]
Her ne kadar, ana sayfanızda logo başlığınız olabilir.
Bununla birlikte, izleyen tüm sayfalarda şöyle gideceğim:
logo - diğer etiket, başlık - H1
Uygunsa, arka plan resmi olarak logoya sahip olmak bile.
H1 etiketinizde gerçekten aradığınız şey sayfa başlığı veya bu sayfayı benzersiz yapan şey. İçinde bir resim kullanıyorsanız, parçalanabilirlik için bir geri dönüş yöntemi ile yapmanız gerekir:
<style>
h1{background: url('imagePathHere.gif');width:60px;height:10px;}
h1 span{display:none}
</style>
<h1><span>Unique Page Title</span></h1>
Bu yolla, H1 (genellikle logo alanı olarak kötüye kullananlar) için gösterilecek bir görüntü oluşturabilir ve içinde bozulmuş internet deneyimleri kullanan kişiler için hala iyi içeriğe sahip olabilirsiniz. Ayrıca SEO değerinizi mutlu eder.
Bu, orada bulunan uygulamalardan (ve şablonlardan) dolayı müthiş bir sorudur.
Şahsen, aşağıdakileri göz önünde bulundurarak, "101 101 Outlining" mantığına atıfta bulunmak isterim:
H1 bir başlık gibidir (kesinlikle HTML başlığınızı tamamlamak istersiniz) ve sayfa başına yalnızca bir sayfa olması gerekir, tıpkı bir sayfa yalnızca bir başlığa sahiptir
H2, dış hattaki Romen Rakamlarına benzer: I., II., III., Vb.
H3, A., B., C'nin anahat eşdeğeri olacaktır.
Genellikle, bu mantığın pratik kullanımı bir web sayfasında tam olarak uygulamak zordur - sadece bu hiyerarşide yer almayan pek çok olası bilgi bit vardır. Bununla birlikte, eğer oturup bu mantıkla yıkmaya çalışırsanız, disiplinin bir yararı olduğunu düşünüyorum.
Ben h1ana ünvancıyım. Ve ana başlık dekore edilmiş site adı veya sizin dediğiniz gibi logo. İşte nokta - web sitesinin başlığında, logo aslında bir logo değildir, sitenin başlığında gösterilmiştir. Tasarımcılar sadece logo olarak tasarlamayı sever.
LOGO -> ile ilgili sorun nedir H1?
<div>Google</div>
<h1>About Us</h1>
Şimdi, h1ziyaretçiye ne hakkında olduğunu anlattığı en önemli bölüm olduğu gibi, ziyaretçi de sayfayı anlayamıyor, çünkü h1çok özel. Kimin hakkında?
<h1>Google</h1>
<h2>About Us</h2>
Bu sayfa Google hakkında. İşte bizim hakkımızda bölüm. Bak - soru yok mu? Her şey açık.
Sayfa yapısı Site ana başlığını div veya p içine yerleştirirseniz, ilişkilendirecek bir şey yoktur.
<p>Google</p>
<h1>About us</h1>
h1Sonra gelirse, "U Hakkında" yı Google ile nasıl ilişkilendirebilirim ? Çünkü SONRA gelen her H1şey onunla ilişkilendirilir, daha önce olanlara değil.
<h1>Google</h1>
<h2>About Us</h2>
"Hakkımızda" Google’a aittir. Soru yok.
HTML, DESCRIBE bilgisinin dilidir. Bu nedenle bilgiyi göstermez, tarif edersiniz. Ve her sayfa bağımsızdır. Bu nedenle, bir sayfa açıklarsınız, çünkü sayfalar arasında ilişki yoktur. Tek tek sayfaları birbirine bağlayan bağlantılar.
<p>Google</p>
<h1>About us</h1>
BU sayfa Hakkımızda. Kim / nedir? Belirsiz. Sadece "Hakkımızda" denilen bir şey açıklar.
<h1>Google</h1>
<h2>About Us</h2>
Bu site google’ı açıklar. Ve hakkımızda bir bölüm var. Biz = büyük olasılıkla google, çünkü yapı onu böyle açıklıyor.
Umarım benim açımdan :)
PS! Sen kullanamazsınız h2- h1- h3o mantıksız olduğu gibi, bu nedenle büyük bir fail. Sadece w3c'nin izin verilmediğini söylemediği için geçerli kılmaz. Bu mantıksız, bir düşün.
Bir h2 etiketi olarak logo?
Sadece düzenli sayfalar ve bloglar içeren bir WordPress blogu olan SitePoint'i (www.sitepoint.com) geziyordum. Genelde, h1 etiketi olarak sayfa başlığına ve logoya h2 olarak ayarlanmış olduğunu buldum. Bunu, www.blogs.sitepoint.com/category/design/ gibi bir blog sayfasında görebilirsiniz. Sitede dolaşırken farklı kurulumlar bulabilirsiniz. H1 etiketini genellikle ana ürün sayfasında (http://products.sitepoint.com/) bir örnek olarak bulamadım. Her ne kadar www.sitepoint.com/books/design2/ hakkında daha fazla bilgi için herhangi bir ürüne tıklarsanız, yine de h1'in sayfa başlığı, h2'nin logo olduğunu tekrar bulabilirsiniz. Tipik bir web sayfası bloga benzer (bkz. Www.sitepoint.com/help/). Bu durumda SSS konularının tümü h2 etiketleridir.
Tom Rogers
Logonuzun bir başlık içine yerleştirilmesi gerekmez - içindeki basit bir bağlantılı görüntü headeryeterlidir. Ancak hem site başlığınız hem de sayfa / makale başlığınız olmalıdır <h1>. Bu makale bilgi vericidir : HTML5 Çağında Çoklu H1 Etiketleri Hakkında Gerçekler .