SEO Playbook · Knižnica prvkov

Obsahové prvky: bloky, z ktorých je postavená každá stránka

Používajte riadenú knižnicu definícií, odpovedí, krokov, porovnaní, dôkazov, oznámení, navigácie a konverzných blokov, aby si každá sekcia zachovala svoju funkciu naprieč autormi, stránkami, strojmi a CMS systémami.

Content specification
Typovaný prvok prináša
Význam Účel
Povolený vstup Parametre
Umiestnenie v dokumente Pozícia
Vykreslený výsledok Výstup
Kontrola prijatia QA
Viditeľný dizajn je len jeden výstup. Typ a polia zostávajú dostupné pre šablóny, schémy, feedy, audity a migrácie.
Voľný text stráca
Známy význam Žiadny typ
Spoľahlivé polia Žiadny kontrakt
Opätovne použiteľné dáta Žiadne mapovanie
Kontroly portfólia Žiadny dopyt
Nadpis a odsek môžu na obrazovke pripomínať komponent, pričom zostávajú anonymné v obsahovom modeli.
Štruktúra s účelom

Prvok je obsahový kontrakt

Pomenovaný, typovaný, parametrizovaný blok definuje, čo do neho patrí, koľko môže obsahovať, kde sa môže nachádzať a čo s ním systémy môžu robiť.

  • ✓Pomenovaný podľa účelu — definícia, varovanie, porovnanie, zdroj a CTA opisujú úlohy, nie vizuálne štýly.
  • ✓Ohraničený parametrami — štítky, položky, citácie, varianty a limity zabraňujú driftu improvizovaných štruktúr.
  • ✓Umiestnený podľa pravidiel — úvodná odpoveď, varovanie v texte, záverečný blok zdrojov a CTA s ďalším krokom zaberajú rôzne časti dokumentu.
  • ✓Vykreslený podľa kanála — jeden prvok sa môže stať sémantickým HTML v Hugo, natívnym WordPress blokom, štruktúrovanými dátami alebo záznamom vo feede.
Čo je prvok

Čo je obsahový prvok

Voľný text ukladá vety. Obsahový prvok ukladá vety plus explicitný popis toho, čo tieto vety robia.

Sekcia s voľným textom

Autor pridá H2 s názvom „Čo je churn?“, nasleduje odsek a prvá veta môže byť zvýraznená tučne. Čitateľ môže odvodiť, že ide o definíciu. Systém obsahu vidí len nadpis a prózu.

Nič nezaznamenáva, či je definícia kanonická, či musí byť v úvode, ktorý pojem definuje, aká dlhá môže byť alebo či ju môže iný kanál znovu použiť.

Typovaný prvok

Autor vloží prvok definition s term, stručným body a voliteľným kvalifikátorom. Kontrakt prvku riadi umiestnenie, prístupné značenie, dĺžku a prezentáciu.

Šablóna ho vie vykresliť, audit nájsť, migrácia namapovať a odpovedajúci systém vie rozlíšiť definíciu od okolitého vysvetlenia.

Prvok je pomenovaný, typovaný, parametrizovaný obsahový blok. „Pomenovaný“ mu dáva stabilnú identitu. „Typovaný“ ho spája so správaním. „Parametrizovaný“ znamená, že jeho zmysluplné časti sú polia namiesto nediferencovanej zhluku. Prináša tiež pravidlá umiestnenia, obsahové limity, varianty, požiadavky na prístupnosť, mapovanie schém a kontroly kvality.

Toto neeliminuje prózu. Definícia, varovanie alebo poznámka o zdroji stále potrebujú presné písanie. Eliminuje to nejednoznačnosť o úlohe prózy. Jazyk sa môže meniť pri dodržaní kontraktu, rovnako ako rôzne záznamy obsahujú rôzne dáta pri zdieľaní jednej schémy.

Prečo prvky porážajú textové zadania

Prečo prvky porážajú obsahové zadania

Textové zadanie vie opísať želanú stránku. Typované prvky uchovávajú jej dôležité rozhodnutia aj potom, čo zadanie opustí obrazovku editora.

Konzistentnosť
Rovnaká myšlienka sa vykreslí rovnako v článku 1 aj v článku 400, pretože šablóna vlastní štruktúru. Definícia sa nestane tučnou vetou na jednej stránke, citátom na druhej a modrou kartou na tretej. Editori môžu zlepšiť spoločné pravidlo bez manuálnej opravy každého článku.
Delegovateľnosť
„Daj sem definičný blok“ je vykonateľné, keď má blok povinné polia a validáciu. Spisovateľ alebo AI agent vie poskytnúť pojem a definíciu bez vymýšľania HTML, tried, štítkov alebo umiestnenia. Autor vlastní pravdu; systém vlastní tvar.
Strojová extrahovateľnosť
Typovaný blok vie mapovať svoje polia na sémantické HTML, schému, extrakciu odpovedí, API alebo feed. Voľný text sa s istotou mapuje na nič. Stroj môže hádať, že odsek je definícia; obsahový model to vie vyhlásiť.
Integrita dizajnu
Prvok nesie svoje schválené vizuálne spracovanie, responzívne správanie, medzery a sémantiku prístupnosti. Voľný text dedí základnú šablónu štýlov a lokálne formátovanie. Centrálne vlastníctvo bráni tomu, aby sa jednorazovky stali náhodným dizajnovým systémom.
Auditovateľnosť
„Ktoré stránky nemajú blok zdrojov?“ má spoľahlivú odpoveď len vtedy, ak sú zdroje bloky. To isté platí pre prázdne CTA, príliš dlhé odpovede, varovania bez bezpečného postupu a porovnávacie tabuľky bez kritérií.
Prenosnosť medzi CMS
Definícia stojí nad implementáciou. Hugo môže vykresliť shortcode, WordPress natívny blok a headless CMS záznam komponentu. Keď každý adaptér rešpektuje rovnaké polia, migrácia mení renderer bez prepisovania redakčného modelu.

Cieľom nie je, aby každá stránka vyzerala identicky. Je to, aby sa opakované funkcie správali predvídateľne. Prípadová štúdia a stránka slovníka môžu mať rôzne hlasy a rozloženia, pričom ich zdroje zostávajú dopytovateľné a ich bloky súvisiaceho obsahu zostávajú riadené.

Pravidlo priority

Pravidlo priority prvkov

Ak účel prvku zodpovedá tomu, čo sekcia robí, je tento prvok povinný – aj keď by nadpis a odsek mohli zobraziť rovnaké slová. Voľný text je záložné riešenie, nie predvolené.

Zistite, čo sekcia robí

Nehľadajte len štítok v osnove. „Klinické aspekty“ môžu skrývať varovanie. „Na prvý pohľad“ môže znamenať kľúčové poznatky. Pomenujte úlohu čitateľa: definovať, zhrnúť, varovať, porovnať, inštruovať, dokázať, navigovať alebo konvertovať.

Potom skontrolujte vyhlásenia o účele. Zodpovedajúci účel má prioritu pred vlastným nadpisom, pretože typ zachováva funkciu aj mimo viditeľnej stránky.

Prózu používajte až po nenájdení zhody

Voľný text je vhodný pre analýzy, prechody, príklady a vysvetlenia bez opätovne použiteľného kontraktu. Mal by spájať prvky a rozvíjať argumentáciu, nie napodobňovať existujúci komponent.

Ak sa vzor voľného textu opakuje, zaznamenajte ho na preskúmanie do knižnice. Opakovanie môže odhaliť chýbajúci prvok, ale autori by nemali vytvárať neoficiálne komponenty stránku po stránke.

Znenie osnovyÚčelPožadovaná voľbaČo próza stráca
„Čo je X?“Poskytnúť jeden ohraničený významdefiničný blokDefiníciu nemožno spoľahlivo oddeliť od kontextu.
„Kedy vyhľadať pomoc“ alebo „kontraindikácie“Uviesť riziko, dôsledok a bezpečný postupvarovný blokStav zastavenia nemá sémantiku varovania.
Praktická vsuvkaPoskytnúť voliteľnú radu k vykonaniublok tipovVsuvka konkuruje povinným krokom alebo v nich zaniká.
Zhrnutie v hornej častiZobraziť podložené záverykľúčové poznatkyVoľný zoznam nemá umiestnenie, limit ani význam zhrnutia.
Zoznam na odškrtávanieSledovať stavy dokončeniaPrvok kontrolného zoznamuOdrážky nerozlišujú akcie od pozorovaní ani stavov.

Príklad kontrolného zoznamu je neodkazovaný, pretože jeho detailná špecifikácia patrí do neskoršej vlny knižnice. Rozhodnutie o priorite však stále platí: použite schválenú implementáciu kontrolného zoznamu tam, kde ju CMS poskytuje; nemaškrujte stavy dokončenia ako dekoratívne odrážky.

Rovnaké pixely, iná funkcia

Typované bloky vs obyčajný text

Viditeľná veta je identická. Typovaná verzia si zachováva identitu a polia, ktoré môžu nadväzujúce systémy využiť bez hádania.

Voľný text
Čo je odchod zákazníkov?

Odchod zákazníkov je strata zákazníkov alebo predplatiteľov počas meraného obdobia.

Uložené ako

{ "heading": "What is customer churn?",
    "html": "<p>Customer churn is…</p>" }

Strojový výstup: nadpis a generické HTML. Status definície, pojem, umiestnenie a opätovné použitie sú neznáme.

Typovaný definičný prvok
Čo je odchod zákazníkov?

Odchod zákazníkov je strata zákazníkov alebo predplatiteľov počas meraného obdobia.

Uložené ako

{ "type": "definition",
    "term": "customer churn",
    "body": "Customer churn is…",
    "position": "opening" }

Strojový výstup: známa definícia s adresovateľnými poľami, validáciou, sémantickým vykreslením, mapovaním schém a oprávnenosťou pre feedy.

Rozdiel je funkčný, nie kozmetický. Nahraďte komponent nadpisom a odsekom a čitateľ si možno nič nevšimne, zatiaľ čo systém stratí validáciu, analytiku, mapovanie schém, migračnú logiku a dopyty portfólia. Výmena typovaného prvku za voľný text je strata funkcie.

Index knižnice

Jedenásť skupín prvkov

Každá živá karta zrkadlí metadáta playbookFamily podstránok. Počty opisujú publikovanú knižnicu prvkov; ďalšie sú naplánované do neskorších vĺn.

Základné pravidlá 1

Prečítajte ako prvé – pravidlo priority, ktoré riadi každý ďalší prvok.

Pravidlá obsahových prvkov

Frontmatter & metadáta 1

Záznam, ktorý riadi identitu, objaviteľnosť a schému.

Frontmatter obsahu

Úvodné prvky 7
Dáta & porovnanie 8
Dôraz & oznámenia 4

Tipy, poznámky a varovania – používané striedmo alebo vôbec.

Blok poznámky · Oznámenie · Blok tipov · Varovný blok

Obchod 5
Kontakt & lokálne 4

Otvoracie hodiny, adresa, mapa a rezervácia.

Rezervačné bloky · Bloky otváracích hodín a kontaktu · Mapové bloky · NAP bloky

FAQ & záver 3

Ako stránka končí a čo pýta ďalej.

FAQ sekcie · Bloky ďalších krokov · Zhrňujúci blok

Definujte raz, prispôsobte trikrát

Jeden prvok, tri formáty

Každý prvok má jeden konceptuálny kontrakt a adaptéry pre prenosný Markdown, Hugo a WordPress.

Predstavte si tip s názvom a telom voliteľnej rady. Jeho účel, povolený obsah, rola prístupnosti, umiestnenie a pravidlá QA zostávajú konštantné. Mení sa len notácia.

Markdown direktíva
:::tip{title="Keep the query stable"}
Change one variable at a time.
:::

Čitateľné v zdroji a nezávislé od témy stránky.

Hugo shortcode
{{< callout type="tip" title="Keep the query stable" >}}
Change one variable at a time.
{{< /callout >}}

Adaptér mapuje pomenované polia do schváleného komponentu.

WordPress blok
<!-- wp:amicited/tip
{"title":"Keep the query stable"} -->
<p>Change one variable at a time.</p>
<!-- /wp:amicited/tip -->

Natívne ovládacie prvky editora zachovávajú rovnaký typ a polia.

Prenosnosť nie je kopírovanie vykresleného HTML. Každý adaptér akceptuje rovnaký zmysluplný vstup, vynucuje ekvivalentné obmedzenia a vytvára výstup primeraný kanálu. Ak pole nemožno bezpečne namapovať, adaptér musí zlyhať viditeľne alebo zdokumentovať riadený fallback; nesmie ticho zahodiť význam.

Anatómia stránky prvku

Čo je na každej stránke prvku

Každá podrobná stránka je verejným návodom a produkčnou špecifikáciou. Odstraňuje dohady, ktoré by sa inak vracali v každej implementácii.

OblasťZodpovedaná otázkaZabránené zlyhanie
Účel a ne-účelAkú úlohu plní a ktorá podobná úloha patrí inde?Tip nesúci povinný krok alebo definícia stávajúca sa mini-článkom.
Tabuľka parametrovKtoré polia sú povinné, voliteľné, typované, opakovateľné a obmedzené?Adaptéry akceptujúce rôzne dáta alebo viacero myšlienok skrytých v jednom poli.
Pravidlá umiestneniaKde sa môže objaviť, ako často a vedľa čoho?Poznatky pochované v strede stránky alebo zdroje oddelené od tvrdení.
Galéria variantovKtoré pomenované variácie existujú a kedy je každá vhodná?Vizuálne jednorazovky maskované ako oficiálne varianty.
Dobré versus zléČo robí vyhovujúci príklad, čo pravdepodobné zlyhanie vynecháva?Tímy kopírujúce syntax, pričom im uniká účel.
Mapovanie schémAko sa polia mapujú na HTML, prístupnosť, schému, API a feedy?Viditeľný obsah v rozpore so strojovým výstupom.
QAČo môže automatizácia vynútiť a čo vyžaduje úsudok?Platný blok publikovaný s vágnym, nepravdivým, zastaraným alebo nevhodne umiestneným obsahom.

Automatizácia môže kontrolovať povinné polia, počty, dĺžky, umiestnenie, identifikátory, URL a podporu adaptérov. Redakčná QA musí kontrolovať presnosť, užitočnosť, kvalitu dôkazov, proporčné zdôraznenie a to, či je prvok vhodný pre úlohu čitateľa.

Povinné versus podmienené

Ktoré prvky sú povinné

Povinný znamená, že systém očakáva funkciu v podstate v každom kompletnom type príspevku. Neznamená to, že každý blok musí byť veľký alebo identický.

Základný rámec stránky
  • Frontmatter vytvára identitu, vlastníctvo, objaviteľnosť a prepojenia.
  • Úvod potvrdzuje rozsah a vhodnosť pre čitateľa.
  • Kľúčové poznatky zobrazujú podložené závery na podstatných stránkach.
  • FAQ rieši skutočné zostávajúce otázky.
  • Zdroje robia faktickú podporu dohľadateľnou.
  • Súvisiaci obsah poskytuje ďalšiu cestu učenia.
  • CTA ponúka jednu proporcionálnu akciu.
Podmienené pracovné bloky
  • Použite definíciu, keď pojem potrebuje ohraničený význam.
  • Použite priamu odpoveď pre jasnú primárnu otázku.
  • Použite kroky pre usporiadaný postup a overiteľný výsledok.
  • Použite porovnania, keď čitatelia hodnotia alternatívy podľa konzistentných kritérií.
  • Použite tip pre voliteľné zlepšenie a varovanie pre materiálne riziko.
  • Použite anotované médiá, keď vizuál komunikuje niečo, čo próza nedokáže rovnako efektívne.

Výnimky sú dôležité. Krátka definícia v slovníku nemusí potrebovať samostatné kľúčové poznatky. Stránka bez externe podloženého faktického tvrdenia nemusí potrebovať viditeľné referencie. FAQ s vymyslenými otázkami je horšie ako žiadne. Špecifikácie typov príspevkov stanovujú predvolené hodnoty; autori dokumentujú odôvodnené vynechania namiesto mechanického vypĺňania políčok.

Začnite s relevantnou špecifikáciou typov príspevkov, ktorá usporiada obvyklé prvky pre úlohu čitateľa. Potom aplikujte pravidlo priority sekciu po sekcii. Výsledkom nie je prázdna stránka ani rigidný formulár: je to riadená zostava s priestorom pre originálnu argumentáciu, dôkazy, príklady a hlas.

Ľudskí autori a AI agenti

Typované prvky umožňujú agentovi skladať namiesto vymýšľania

Knižnica prvkov je miesto, kde obsahový systém prestáva byť dokumentom a stáva sa niečím, čo stroj vie vykonať. Blok s deklarovanými poľami buď má, čo potrebuje, alebo viditeľne nemá.

Polia robia chýbajúce dôkazy zistiteľnými

Porovnávacia tabuľka potrebuje porovnateľné možnosti, uvedenú dimenziu na každý riadok a dátum overenia. Keď jeden z týchto vstupov neexistuje, typovaný blok dáva agentovi priestor na hlasné zlyhanie.

Voľná próza takúto vlastnosť nemá. Požiadaný o tabuľku bez údajov, agent aj tak tabuľku vytvorí a vymyslená bunka vyzerá rovnako ako preskúmaná.

Pravidlo priority je strojovo overiteľné

Skontrolujte knižnicu podľa účelu pred písaním nadpisu. Tento pokyn nasleduje agent oveľa spoľahlivejšie ako človek pod termínom, pretože agent skutočne znovu prečíta celú knižnicu zakaždým.

Toto je prípad, kde je agent lepším operátorom: pravidlo je mechanické a mechanické je to, na čo sú agenti určení.

Jedna definícia, tri vykreslenia

Každý prvok je definovaný raz a vyjadrený ako prenosná Markdown direktíva, Hugo shortcode a WordPress blok. Agent pracuje s prenosnou formou a nikdy nemusí vedieť, do ktorého CMS výstup padne.

To tiež znamená, že zmena CMS nezneplatní obsahový systém ani nevyžaduje znovuučenie agenta.

Auditovateľné dodatočne

Pretože prvky sú typované, korpus možno dopytovať. Ktoré stránky nemajú blok zdrojov. Ktoré porovnávacie tabuľky nemajú dátum overenia. Ktoré priame odpovede presahujú svoj limit.

Takýto audit môžete spustiť len na obsahu zostavenom z pomenovaných blokov. Próza nie je dopytovateľná, takže kontrola kvality založená na próze neškáluje za počet stránok, ktoré človek dokáže prečítať.

Každá stránka prvku nesie tabuľku parametrov s povinnými poľami, minimami a maximami, pravidlami umiestnenia a kontrolným zoznamom QA. To je úroveň presnosti, ktorú agent potrebuje na zostavenie bez hádania – a rovnaká presnosť robí výstup skontrolovateľným človekom v zlomku času.

FAQ

Obsahové prvky FAQ

Obsahový prvok je pomenovaný, typovaný, parametrizovaný blok s definovaným účelom, povolenými poľami, pravidlami umiestnenia, limitmi dĺžky, správaním pri vykreslení a kontrolami kvality. Ukladá obsah a funkciu.

Voľný text používajte, keď žiadny prvok z knižnice nezodpovedá účelu. Analýzy, rozprávanie, prechody a jedinečné vysvetlenia často zostávajú prózou; zavedené definície, varovania, porovnania, zdroje a CTA nie.

Nie. Kontrakt štandardizuje štruktúru a funkciu, nie závery ani hlas. Autori si stále vyberajú argumenty, dôkazy, príklady a slovné vyjadrenie.

Áno. Prenosný kontrakt je nezávislý od prezentácie. Adaptéry mapujú rovnaké polia do natívnej syntaxe a značenia pri zachovaní validácie a sémantiky.

74 špecifikácií prvkov v knižnici Živá knižnica pokrýva spoločné pravidlá plus pätnásť opätovne použiteľných komponentov stránky; metadáta riadia rodinu každého prvku a vzťahy k typom príspevkov. Vyberte typ príspevku

Postavte jednu stránku z blokov, ktoré môžete riadiť vo veľkom meradle

Bezplatná kontrola · 7-dňová skúška · vyžadovaná platobná karta