<h1> - Anlamsal etki - SEO etkisi

Html5'te başlık yapısının mimarisi hakkında çok fazla tartışma var. Çeşitli makaleleri okuduktan sonra, bana mantıklı gelen üç olası mimariye geldim, ama asıl uygun yaklaşım yönteminin hangisi olduğundan emin değilim. Bunları aşağıda kod örnekleri ile listeleyeceğim ve umarım birisi uygun dengeye biraz ışık tutabilir veya daha da kötüsü / daha iyisi, korkunç "Yanlış yapıyorsun" deyin ve bir el verin.

Yaklaşım 1: Sürüm A

Tek <h1>: Yalnızca sayfaya özgü içerik için başlıkları kullanma.

Bu , içerik alanında gerektiğinde <h1>akarken sayfaya özgü başlık için üst düzey gezinme <h2-6>olarak kalır. Bırakacağınız <header>, <nav>ve <footer>olarak "isimsiz" unsurları.

<header>
  <nav>
    <!-- no headings -->

<div role="main">
  <h1>
  <section>
    <h2>
      <section>
        <h3>

<footer>
  <!-- no headings -->

Yaklaşım 1: Sürüm 2

Çoklu <h1>'lar: Yalnızca sayfaya özgü içerik için başlıklar kullanılıyor.

Birden fazla, eşit derecede önemli sayfa içeriği başlığı ekleyerek 1A ile aynı . (örneğin, bloglar veya bölünmüş konu sayfaları için mümkündür)

<header>
  <nav>
    <!-- no headings -->

<div role="main">
  <h1>
  <article>
    <h2>
  <article>
    <h1>

<footer>
  <!-- no headings -->

Yaklaşım 1 Anahat: SEO için en mantıklı (araştırmamdan fikrim)

• Başlıksız BODY
  • Başlıksız NAV
• Ana başlık
  • Bölüm başlığı
    • Alt Bölüm Başlığı
  • Adsız BÖLÜM

Yaklaşım 2:

Çoklu <h1>'s: Anahat yapısını VE içerik hiyerarşisini vurgulayın

Bu site genelindeki elemanlarına başlıkları geçerlidir <header>, <nav>ve <footer>birden kullanarak <h1>'olmayan içerik odaklı elemanları bu.

<header>
  <h1>
  <nav>
    <h2>

<div role="main">
  <h1>
  <section>
    <h2>
    <section>
      <h3>

<footer>
  <h1>
  <section>
    <h2>

Yaklaşım 2 Anahat: Anlamsal taslak için en mantıklı (yine benim düşüncem)

• Üstbilgi Başlığı
  • Gezinme Başlığı
• Ana başlık
  • Bölüm başlığı
    • Alt Bölüm Başlığı
• Altbilgi Başlığı
  • Bölüm başlığı

Yaklaşım 3

Tek <h1>: İçerik hiyerarşisi odağı; <h1-6>site genelindeki elemanlar için daha düşük seviye

Bu site genelindeki elemanlarına başlıkları geçerlidir <header>, <nav>ve <footer>birden kullanarak OLMADAN <h1>dışı içerik odaklı elemanları s'.

<header>
  <h2>
  <nav>
    <h3>

<div role="main">
  <h1>
  <section>
    <h2>
    <section>
      <h3>

<footer>
  <h2>
  <section>
    <h3>

Yaklaşım 3 Anahat: her iki yaklaşımın da bir melezi

• Üstbilgi Başlığı
  • Gezinme Başlığı
• Ana başlık
  • Bölüm başlığı
    • Alt Bölüm Başlığı
  • Altbilgi Başlığı
  • Bölüm başlığı

Bütün bunlarla birlikte, bütün bunları nasıl anlayabilirim? Herhangi bir yaklaşım diğerinden daha semantik değer taşıyor mu? Bir SEO açısından daha mantıklı mı? Ulaşılabilecek mutlu bir denge var mı?

Kaynaklar: Çok daha fazlası vardı, bunlar şu anda hatırlayabildiğim şeyler

• https://youtu.be/GIn5qJKU8VM
• http://accessiblehtmlheadings.com/
• http://html5doctor.com/outlines/
• http://webdesign.tutsplus.com/articles/the-truth-about-multiple-h1-tags-in-the-html5-era--webdesign-16824

Başlamak için, örneklerinizin hiçbirinin semantikle ilgisi yoktur. Sorunuz tamamen sayfanın geleneksel şekilde yukarıdan aşağıya okunduğu ayrıştırıcı modeline dayanmaktadır.

Bu nedenle ilk örneğiniz doğrudur. Aşağıdaki örnekler tahmin edilebilir sonuçlar vermeyecek ve ciddi kalp yanığına neden olabilir.

Lütfen web sayfanıza kavramsal olarak çeşitli şekillerde bakılacağını anlayın: biri HTML ve benzerlerinin kullanıcı açısından değerlendirildiği geleneksel DOM modelini izleyerek; iki, sadece başlıkları, alt başlıkları, içeriği vb. gösteren basit işaretlemeli metin; ve üç, h1-6 hiyerarşisindeki yerine bağlı olarak dizindeki başlık etiketlerine gerçekten hafif bir ağırlık uygulandığı bir anlamsal görünüm kullanarak. DOM modelinden, diğer iki görünümde eksik olacak başlık etiketi, açıklama meta etiketi vb. Ancak, DOM görünümü içeriğinizi ağırlıklandırmak için çok az şey yapar. Başlıca işlevi, sayfanızı, navigasyonunuzun nerede olduğunu, üstbilginizin ve altbilgilerinizin nerede olduğunu, içeriğinizin başladığı ve bittiği yeri vb.

Gerçekten dikkat etmeniz gereken sadece metin ve anlamsal görüşlerdir. Anlamsal görünüm çoğunlukla sadece metin görünümünden türetilir, ancak çeşitli dilbilim, psikosemantikler, semanitcs ve içeriğinizin diğer analizlerini de taşır.

Semantikleri tekrar anlatmayacağım, ancak bir süre önce yazdığım bir konuyu işaret edeceğim, bu konu hakkında bir mini eğitim: Anahtar kelime doldurma içeren bir web sitesi neden Google arama sonuçları olmadan birinden daha yüksek olur?

Web yazdırılan sayfaya dayandığı ve ilk günlerden itibaren ayrıştırıcılar bu gelenekleri izlediğinden ve büyük ölçüde değişmediğinden, onlardan kaçmak imkansızdır. Ayrıştırıcı modeline dayalı olarak en iyi strateji olmaya devam eden başlık okuma sırasını açıklayan bir yanıt aşağıdadır: Genel ve belirli anahtar kelimeler için Google sıralamasını iyileştirme

Başlık etiketlerini hareket ettirmenin bir etkisi olabileceğini itiraf edeyim, soruyorum, bunu yapmak akıllıca bir şey mi? Asla! Bugün şeylerin nasıl ağırlıklandırıldığı yarın nasıl ağırlıklandırılamaz. Geleneksel bir biçimi izlemek, ağırlıklandırmadaki basit bir değişiklik olarak sitenizi bir kuyruk dönüşüne atabileceği öngörülebilir sonuçlar sağlar.

İşte bunun nasıl çalıştığına dair bir perspektif: Alan adı SEO'da fayda Başlığı görmezden gelin ve cevabın en üstünü atlayın ve programcılar perspektifine ulaşın.

Bu üç yanıtı okursanız, başlık etiketinin etkilerini kolayca anlayabilirsiniz. Bunları nasıl düzenlediğinizle sevimli hale gelerek sayfa / site performansınızı mahvetmek çok mümkündür. Geleneği takip etseniz bile, başlık etiketinizi ve h1 etiketinizi birkaç alt başlık etiketini aşırı optimize ederek son derece hızlı bir şekilde geri alabilirsiniz. Dikkatli bir denge anahtarıdır.

Son olarak, mühendis olmayan insanlardan tüm bu çevrimiçi SEO tavsiyeleri hakkında sizi uyaracağım. Para kazanmak için bir raket ve dikkatiniz için vie. Arama motorlarının çalışma şekli bir sır değildir. Nereye bakacağınızı biliyorsanız dışarıda. Çoğu SEO uzmanı, arama teknolojisinin nasıl bir araya getirildiğini size söyleyemediği için uzman değildir. Google veya Bing için mühendis olmadıkça, bu arama motorlarının nasıl çalıştığını tam olarak bilemeyiz. Neyse ki, Google bize yeterince anlattı (ve gerçekten bize bilmemiz gereken hemen hemen her şeyi anlattılar - ve Matt adında bir adamdan gelmedi), eğer bilimi ve teknolojileri biliyorsanız, oldukça makul bir dizi varsayımın yapılabilir. Benim açımdan, çoğu SEO'lar doğrudan daha yanlışken, birkaçının ortalamadan çok daha yüksek isabet oranı var.

Aşağıdakiler, tüketicilerin (arama motorları gibi) HTML standartlarında belirtilenlerle çalışacakları varsayımlarına dayanarak HTML5 spesifikasyonu açısındandır. Mevcut uygulamada, bu tür işaretleme ayrıntıları muhtemelen SEO için önemli değildir, ancak diğer tüketiciler ve erişilebilirlik için önemli olabilir.

HTML5'in teşvik ettiği gibi, uygun sıralamanın başlıklarını kullanacağım , ancak her yerde kullanmakh1 da mümkündür (uygun olduğunda her zaman bölümleme içerik öğeleri kullanıyorsanız).

Sen başlıklar "uygulamak" olamaz headerya footerda içeriği kesit alma olmadığı için (bunlar sadece başlıkları içerebilir, ancak bu başlığın kapsamı ile sınırlı olmaz, elementlerin header/ ' footer).

Her kesit içerik öğesi ( section, article, nav, aside) ve her bir kesit kök elemanının ( body, blockquotevs.), bir başlık tatbik olabilir.

Bu bölümleme içeriği / kök öğeleri ve başlık öğeleri h1- belge anahattıh6 için önemli olan tek öğelerdir .

Her bölüm bir başlık için "özlem" gösterse de, bir başlık sağlamak gerekli değildir (böyle bir durumda "zımni", adsız bir başlık alır). Birini sağlamak genellikle yararlı olsa da, gerçekten gerekli olmadığı durumlar vardır. Örneğin, yalnızca bir navigasyonunuz varsa, navbaşlığı olmayan bir navigasyon yeterli olacaktır. Ancak sitenizde birden fazla gezinme olursa, farklı amaçları açıklayan başlıkları kullanmak mantıklı olabilir.

Senin yaklaşımın 1'de bodyböyle bir adsız bölümdür (ancak, çünkü bu sadece böyledir navgörünür önce ilk başlığı elemanı, aksi takdirde bu h1bütün belge için başlık olurdu).
Başlıksız bir bodybölüme sahip olmanın iyi bir seçim olduğunu düşünmüyorum . Anahattaki ilk giriştir ve ideal olarak (ancak zorunlu olarak değil), takip eden her şey bu girişin kapsamındadır.

Genel gezinme özelliğine sahip tipik bir web sitesi için, bölümün başlığı için site adını kullanmak mantıklıdır ( daha uzun açıklama ) body, çünkü genel gezinme yalnızca geçerli belgeye değil , tüm siteye aittir :

<body>
  <h1>My site</h1> <!-- site name -->

  <nav></nav> <!-- site navigation -->

</body>

<!-- Outline:
  1. "My site"
    1.1 Untitled nav
-->

Bu belgenin ana içeriği, site bu belgenin ana içeriğinin bağlamı olduğundan, yani sitenizin bir parçası olduğundan, site başlığı kapsamında olmalıdır:

<body>
  <h1>My site</h1> <!-- site name -->

  <nav></nav> <!-- site navigation -->

  <article> <!-- document content -->
    <h2>My blog post</h2>
  </article>

</body>

<!-- Outline:
  1. "My site"
    1.1 Untitled nav
    1.2 "My blog post"
-->

Ana içeriğin birden fazla bölümüne (örneğin, blog yayınlarının bir listesi) sahipseniz, aşağıdakilerin doğrudan alt öğeleri olmak yerine section, tüm bunları içeren bir metni kullanmak genellikle mantıklıdır :articlearticlebody

<body>
  <h1>My site</h1> <!-- site name -->

  <nav></nav> <!-- site navigation -->

  <section> <!-- document content -->
    <h2>Recent blog posts</h2>

    <article>
      <h3>My blog post</h3>
    </article>

    <article>
      <h3>Another blog post</h3>
    </article>

  </section>

</body>

<!-- Outline:
  1. "My site"
    1.1 Untitled nav
    1.2 "Recent blog posts"
      1.2.1 "My blog post"
      1.2.2 "Another blog post"
-->

Bölümleme öğelerine ihtiyaç duyacak kadar karmaşık bir site çapında altbilginiz varsa, yine navve ana içerikle aynı düzeyde olmalıdır (ana içeriğe değil, siteye ait olduğu gibi):

<body>
  <h1>My site</h1> <!-- site name -->

  <nav></nav> <!-- site navigation -->

  <section> <!-- main content -->
    <h2>Recent blog posts</h2>

    <article>
      <h3>My blog post</h3>
    </article>

    <article>
      <h3>Another blog post</h3>
    </article>

  </section>

  <section> <!-- site footer -->
    <!-- this section should be the child of a 'footer' element -->
  </section>

</body>

<!-- Outline:
  1. "My site"
    1.1 Untitled nav
    1.2 "Recent blog posts"
      1.2.1 "My blog post"
      1.2.2 "Another blog post"
    1.3. Untitled section
-->

(Tüm bu örneklerde gezinme ana içerikten önce gelir, ancak genellikle ana içeriğe sahip olmak mantıklıdır. Bunları değiştirmek mümkündür. Yalnızca h1site adının bulunduğu sitenin diğer bölümlerden / başlıklardan önce geldiğinden emin olmalısınız .)