Pagini hub (listă): cum grupezi temele fără canibalizare — framework + șabloane

O pagina hub este „punctul zero” al unui grup de teme înrudite: strânge la un loc subiectele, le ordonează logic și ghidează utilizatorul spre răspunsul potrivit. Fără un hub clar, site-ul ajunge să aibă pagini care concurează între ele pe aceleași termene (canibalizare), iar utilizatorii se pierd între liste infinite fără context.

În continuare găsești un framework complet pentru pagini hub: cum decizi când ai nevoie de un hub, cum mapezi intențiile și cuvintele cheie, cum structurezi cardurile și micro-texte, cum construiești interlinking-ul (fără bucle), ce schema poți folosi și cum eviți greșelile tipice. La final ai un șablon HTML mobil-first, un tabel de mapare și un checklist ușor de aplicat.

Când creezi un hub (și când nu)

• Creezi un hub când ai cel puțin 5–8 subiecte înrudite care răspund aceleiași intenții generale (ex.: tot ce ține de „distribuție controlată a conținutului”).
• Nu creezi un hub dacă ai doar 2–3 articole sau dacă subiectele sunt prea eterogene. În acest caz, folosește o pagină de resurse sau leagă direct materialele între ele.
• Un hub bun oferă context în 2–3 paragrafe, apoi trimite în profunzime: ghiduri, studii de caz, pagini de servicii.

Mapare intenții & cuvinte cheie pe hub

Hub-ul trăiește din claritatea intențiilor. Fiecare sub-pagină acoperă o întrebare principală; hub-ul rezumă, compară și direcționează. Nu dubla aceeași întrebare pe mai multe pagini.

Structura vizuală: carduri, micro-texte, filtre

Hub-ul se citește pe mobil, deci folosește carduri cu titlu scurt, 1–2 beneficii și un micro-CTA (ex.: „Vezi ghidul”, „Calculează ROI”). Dacă ai peste 10 piese, adaugă filtre simple (Informational, Comercial, Local; sau „Ghid”, „Checklist”, „Studiu de caz”).

• Card = titlu clar + 1 frază de context + „ce obții” + micro-CTA.
• Ordine: începe cu piesele evergreen, apoi cele tactice, apoi locale.
• Scurtături: adaugă 2–3 linkuri „cele mai citite” în partea de sus.

Interlinking: 5 reguli care elimină canibalizarea

1. O singură întrebare principală per pagină. Dacă două pagini răspund identic, unește conținutul.
2. Hub → sub-pagini: link pe ancore descriptive (nu aceeași ancoră peste tot).
3. Sub-pagini → hub: un singur link „Înapoi la [tema]” în intro sau la final (evită „roata” infinită).
4. Sub-pagini între ele: leagă doar când e următorul pas logic (ex.: redactare → distribuție).
5. Pagini de servicii: primesc trafic calificat din hub, dar nu trag toate linkurile interne — păstrează echilibrul.

Exemplu de hartă tematică (tabel)

Șablon HTML pentru o pagină hub

<section class="hub-hero">
  <p>Toate resursele utile despre [tema principală]: ghiduri, procese, modele și exemple aplicate.</p>
  <nav class="hub-shortcuts">
    <a href="#ghiduri">Ghiduri</a> · <a href="#procese">Procese</a> · <a href="#modele">Modele</a> · <a href="#local">Local</a>
  </nav>
</section>

<section id="ghiduri" class="hub-grid">
  <h2>Ghiduri recomandate</h2>
  <ul class="cards">
    <li class="card">
      <h3>Redactare orientată pe intenții</h3>
      <p>Structură mobil-first, dovezi și exemple.</p>
      <a href="https://iasi-azi.ro/redactare-continut-seo-proces-eeat/">Vezi ghidul</a>
    </li>
    <li class="card">
      <h3>Distribuție controlată</h3>
      <p>Rețele, timpi de indexare, valuri.</p>
      <a href="https://iasi-azi.ro/distributie-controlata-continut/">Începe aici</a>
    </li>
  </ul>
</section>

<section id="procese" class="hub-grid">
  <h2>Procese pas cu pas</h2>
  <ul class="cards">
    <li class="card">
      <h3>De la brief la link live</h3>
      <p>Metodă clară în 9 pași.</p>
      <a href="https://iasi-azi.ro/proces-publicare-brief-link-live/">Vezi pașii</a>
    </li>
  </ul>
</section>

<section id="modele" class="hub-grid">
  <h2>Modele & șabloane</h2>
  <ul class="cards">
    <li class="card">
      <h3>Structură pagină servicii</h3>
      <p>Șablon în 9 secțiuni + QC.</p>
      <a href="https://iasi-azi.ro/structura-pagina-servicii/">Descarcă modelul</a>
    </li>
    <li class="card">
      <h3>Snippets & formate SERP</h3>
      <p>Răspuns scurt, liste, tabele.</p>
      <a href="https://iasi-azi.ro/snippets-formate-care-prind/">Vezi formatele</a>
    </li>
  </ul>
</section>

<section id="local" class="hub-grid">
  <h2>Local: Iași</h2>
  <ul class="cards">
    <li class="card">
      <h3>Publicații & nișe din Iași</h3>
      <p>Criterii, listă practică, outreach.</p>
      <a href="https://iasi-azi.ro/publicatii-locale-iasi-nise/">Vezi opțiunile</a>
    </li>
  </ul>
</section>

<section class="hub-cta">
  <p>Vrei o strategie aplicată pe subiectul tău?</p>
  <a href="https://iasi-azi.ro/preturi-si-pachete-publicatii/" class="btn">Vezi opțiunile disponibile</a>
</section>

Microcopy care „duce” utilizatorul mai departe

• Titluri de card: începe cu verb („Calculează”, „Vezi”, „Compară”), dar păstrează claritatea („Structură pagină servicii” este foarte bine).
• Fraza de context: 10–16 cuvinte cu „ce obții”, nu doar „despre ce e”.
• Micro-CTA: precizează acțiunea („Vezi ghidul”, „Începe aici”, „Descarcă modelul”).

Schema utilă pentru hub (ItemList)

Hub-urile pot beneficia de ItemList (Schema.org) pentru a descrie grupări de resurse. Nu e obligatoriu, dar ajută claritatea mașinilor și oamenilor.

Greșeli frecvente & cum le eviți

1. Listă fără context. Adaugă 2–3 paragrafe care explică pentru cine e hub-ul și ce găsește.
2. Carduri identice. Variează micro-CTA, nu repeta același text de umplutură.
3. Linkuri circulare. Hub ↔ sub-pagini este ok; evită bucle multiple între sub-pagini pe aceeași întrebare.
4. Filtre complicate. Trei–patru filtre simple sunt suficiente.
5. Amestec de intenții. Nu combina, în același card, informativ + tranzacțional fără tranziție clară.

Checklist de publicare pentru hub

• Există context în 2–3 paragrafe înaintea listei?
• Fiecare card are titlu clar, frază de beneficiu și micro-CTA?
• Ordinea cardurilor scoate în față evergreen-urile?
• Interlinking-ul respectă regulile anti-canibalizare?
• Ai adăugat 2–3 „scurtături” în partea de sus?
• Structura se citește ușor pe mobil (grid în 1 coloană → 2 pe desktop)?

Întrebări frecvente