Tabele de comparație: Format și exemple

Un tabel de comparație evaluează fiecare opțiune în funcție de aceleași dimensiuni de decizie, astfel încât cititorul poate vedea diferențele semnificative fără a le reconstrui din paragrafe separate. Este unul dintre elementele de pagină cu cea mai mare valoare pentru conversie și extragerea de către motoarele de răspuns — dar numai atunci când este publicat ca date, nu ca o imagine a datelor.

Legendă: „Inclus” înseamnă că funcționalitatea face parte din planul menționat, fără un supliment. „Nu este disponibil” înseamnă că furnizorul nu o oferă în acel plan. „Necunoscut” înseamnă că afirmația nu a putut fi verificată din sursa numită. Numele și cifrele de mai sus sunt ilustrative; structura este modelul de producție.

De ce contează acest element

Comparația creează muncă cognitivă. Când trei produse sunt descrise în trei secțiuni separate, cititorul trebuie să își amintească fiecare preț, să normalizeze formulări diferite și să decidă dacă o caracteristică omisă este absentă sau doar nemenționată. Un tabel elimină această sarcină de memorie. Rândurile sale declară dimensiunile de decizie, coloanele conțin opțiunile, iar fiecare intersecție oferă răspunsul. Cititorul poate parcurge o opțiune în jos sau un criteriu în lateral fără a pierde relația.

Această structură îmbunătățește și extractibilitatea automată: capacitatea unui sistem de căutare sau a unui motor de răspuns de a păstra relația dintre o etichetă și valoarea sa atunci când reutilizează conținut. Un rând de antet clar, antete explicite de rând, un singur fapt pe celulă și dimensiuni complete creează un set compact de afirmații subiect–predicat–valoare. „Relay — contract minim — anual” este ușor de izolat și citat. Un aspect colorat în carduri care conține aceleași cuvinte poate părea un tabel pentru un vizitator văzător, dar nu expune relații fiabile de rânduri și coloane.

O imagine a unui tabel nu este un tabel de comparație. Este o captură de ecran care conține text. O persoană care folosește un cititor de ecran nu poate naviga prin antetele și celulele sale. Un cititor nu poate copia un preț curat, nu poate căuta în interiorul său, nu poate mări textul fără a mări întreaga imagine sau nu îl poate adapta la un ecran îngust. Crawlerele și motoarele de răspuns pot încerca recunoașterea optică a caracterelor, dar chiar și recunoașterea cu succes nu garantează că valoarea corectă rămâne atașată de rândul și coloana corecte. La fel, un maldăr de elemente div stilizate poate imita un grile, renunțând la semantica tabelului. Costul este direct: pagina depune efort de cercetare pentru a produce fapte, apoi ascunde relațiile lor față de multe persoane și mașini.

Când să îl folosești

Folosește un tabel de comparație atunci când cititorii trebuie să evalueze cel puțin două opțiuni în funcție de cel puțin trei dimensiuni comune. Subiectele potrivite includ produse, planuri, metode, niveluri de servicii, specificații tehnice, reguli de eligibilitate și o listă scurtă clasată. Dimensiunile trebuie să fie comparabile: preț cu preț, canal de suport cu canal de suport și termen contractual cu termen contractual.

Nu folosi un tabel doar pentru că mai multe informații pot fi încadrate în rânduri. O listă cu două coloane de etichetă și valoare despre un singur obiect este un tabel de specificații, nu o comparație. Un program este un orar. O matrice de măsurători brute poate fi un tabel de date al cărui scop este analiza, nu alegerea. Un argument narativ lung aparține prozei, deoarece o celulă nu ar trebui să conțină un mini-eseu.

Situațiile apropiate necesită atenție specială:

• Criterii diferite pentru fiecare opțiune: folosește mai întâi profiluri separate, apoi compară doar criteriile comune. Un grilă cu dimensiuni nepotrivite creează o iluzie de paritate.
• Un singur verdict fără dimensiuni suport: folosește o recomandare directă și explică raționamentul. Un tabel cu un singur rând adaugă ceremonie, nu claritate.
• Mai mult de cinci coloane de opțiuni: împarte domeniul pe categorii de public sau folosește un tabel filtrabil și accesibil. Micșorarea textului până când totul încape face elementul tehnic prezent, dar practic inutilizabil.
• O listă de verificare vizuală a caracteristicilor: folosește un tabel doar dacă fiecare simbol are o semnificație definită și fiecare opțiune primește un răspuns pentru fiecare rând.
• Date live care se schimbă frecvent: folosește o sursă de date întreținută și o dată de verificare vizibilă. Dacă niciun responsabil nu le poate menține actualizate, nu publica tabelul.

Unde să îl plasezi

Poziționează tabelul principal de comparație după ce pagina definește publicul, metoda de selecție și dimensiunile, dar înainte de recenziile lungi opțiune cu opțiune. Cititorii au nevoie de suficient context pentru a interpreta rândurile; nu ar trebui să fie nevoiți să citească întreaga pagină înainte de a primi comparația.

Pe o pagină A vs B, tabelul principal urmează de obicei după răspunsul direct și o notă scurtă „cum am comparat”. Pe o pagină de listă scurtă, urmează după criteriile de includere și precedă intrările detaliate. Un tabel mai mic de specificații poate apărea în interiorul unei secțiuni de produs, dar nu trebuie să contrazică tabelul principal sau să introducă o semnificație diferită pentru aceeași etichetă.

Nu plasa tabelul direct lângă un alt tabel dens de comparație, un îndemn la acțiune fără legătură sau o captură de ecran pe lățime completă. Grilele concurente fac neclară calea de lectură. Nu insera un banner promoțional între legendă și tabel, sau o notă sursă între un rând și faptul pe care îl califică. Păstrează legenda, data verificării, legenda, tabelul și nota sursă ca o singură unitate delimitată. Un îndemn la acțiune poate urma verdictului explicativ, nu întrerupe dovezile.

Anatomie

Imaginea etichetată trebuie să identifice aceste zone fără a include explicațiile în asset:

1. Legendă: enunță ce se compară, pentru cine și în ce plan sau scenariu.
2. Data verificării: oferă data exactă la care prețurile și disponibilitatea au fost verificate.
3. Antetele coloanelor: denumesc opțiunile; primul antet denumește coloana dimensiunilor de decizie.
4. Antetele rândurilor: denumesc fiecare dimensiune relevantă pentru decizie.
5. Celulele corpului: conțin un singur fapt, un număr cu unitatea sa sau un simbol definit.
6. Coloana evidențiată: indică recomandarea editorială atunci când există una; nu modifică sau ascunde niciodată faptele subiacente.
7. Legendă: definește fiecare simbol și etichetă de stare în text vizibil.
8. Nota sursă: numește sursa principală sau metoda folosită pentru verificarea afirmațiilor.

Legendă redată: ✓ = disponibil în planul specificat; — = nu este disponibil în acel plan; N/A = dimensiunea nu se aplică; Necunoscut = echipa nu a putut verifica faptul. Componenta publicată trebuie, de asemenea, să expună aceste semnificații tehnologiilor de asistență — de exemplu, text vizibil sau ascuns vizual în fiecare celulă — nu să se bazeze doar pe caractere.

Exemple de design

Fiecare variantă folosește același nucleu semantic. Tratamentele vizuale pot schimba accentul și densitatea, dar nu pot transforma celulele în imagini, elimina antetele, îmbina celulele sau codifica semnificația doar prin culoare.

Standard: două până la patru opțiuni, trei până la opt rânduri de decizie, fără evidențiere editorială. Aceasta este valoarea implicită atunci când pagina explică compromisuri, mai degrabă decât declară un câștigător.

Recomandare evidențiată: o coloană de opțiuni poate primi o etichetă text precum „Cel mai bun pentru echipe mici”. Culoarea este suplimentară. Evidențierea nu poate schimba ordinea rândurilor, ascunde dezavantaje sau face textul altei opțiuni cu contrast mai scăzut.

Bazat pe simboluri: potrivit pentru date binare repetate de disponibilitate. Folosește-l doar atunci când legenda este vizibilă și fiecare celulă păstrează un echivalent text accesibil. Prețurile, limitele și calificările rămân text.

Mobil cu prima coloană fixă: tabelul se derulează orizontal în interiorul propriului container etichetat. Pagina în sine nu trebuie să capete niciodată derulare orizontală. Păstrează prima coloană fixă, astfel încât cititorul să rețină dimensiunea în timp ce navighează printre opțiuni; păstrează accesibilitatea tastaturii și o stare de focalizare vizibilă pentru regiunea de derulare.

Parametri

Parametrii de mai jos formează contractul portabil de conținut. „Sursă” înseamnă de unde obține autorul sau motorul de redare valoarea, nu dovezile citate pentru o afirmație comercială.

Trei coloane de opțiuni plus coloana antet de rând este o valoare implicită comună și lizibilă. Șase coloane totale este plafonul normal pentru un tabel editorial. Un set mai mare de date necesită filtrare sau segmentare intenționată, nu tipografie din ce în ce mai mică.

Sintaxă și exemple de cod

Toate cele trei forme trebuie să corespundă aceleiași legende, datei verificate, ordinii coloanelor, rândurilor, legendei și evidențierii. Tabelul cu țevi Markdown este date sursă în interiorul unei directive tipizate; elementul exterior furnizează metadate și comportament.

Directivă Markdown portabilă

:::comparison-table{caption="Platforme email pentru o echipă de 10 persoane" verification-date="2026-08-27" highlight-column="relay"}
| Dimensiune de decizie | Northstar | Relay | Postbox |
|---|---:|---:|---:|
| Preț lunar, 10 utilizatori | $90 | $120 | Nu este disponibil |
| Flux de aprobare | Inclus | Inclus | Nu este disponibil |
| Contract minim | Lunar | Anual | Necunoscut |

Legendă: Inclus = parte a planului numit; Nu este disponibil = absent din plan; Necunoscut = neverificat.

Sursă: pagini de planuri și prețuri ale furnizorilor.
:::

Shortcode Hugo

Helperul de tabel generic existent nu poartă o legendă, dată de verificare, domeniul antetului de rând, legendă, sursă sau evidențiere ca câmpuri de primă clasă. Până când motorul său de redare satisface acest contract, folosește HTML semantic pentru o comparație live, mai degrabă decât să accepți un grilă similară vizual dar incompletă structural. Maparea Hugo intenționată este:

{{< comparison-table caption="Platforme email pentru o echipă de 10 persoane" verification-date="2026-08-27" highlight-column="relay" >}}
| Dimensiune de decizie | Northstar | Relay | Postbox |
|---|---:|---:|---:|
| Preț lunar, 10 utilizatori | $90 | $120 | Nu este disponibil |
| Flux de aprobare | Inclus | Inclus | Nu este disponibil |
| Contract minim | Lunar | Anual | Necunoscut |

Legendă: Inclus = parte a planului numit; Nu este disponibil = absent din plan; Necunoscut = neverificat.

Sursă: pagini de planuri și prețuri ale furnizorilor.
{{< /comparison-table >}}

Motorul de redare trebuie să producă un <table class="art-table">, <caption>, <thead> și <tbody> native; scope="col" pe antetele coloanelor; scope="row" pe antetele rândurilor; și o regiune de derulare orizontală conținută. Notația nu este permisiunea de a înlocui cu carduri sau o imagine.

Bloc sau shortcode WordPress

[comparison_table caption="Platforme email pentru o echipă de 10 persoane" verification_date="2026-08-27" highlight_column="relay"]
Dimensiune de decizie | Northstar | Relay | Postbox
Preț lunar, 10 utilizatori | $90 | $120 | Nu este disponibil
Flux de aprobare | Inclus | Inclus | Nu este disponibil
Contract minim | Lunar | Anual | Necunoscut
[legend]Inclus = parte a planului numit; Nu este disponibil = absent din plan; Necunoscut = neverificat.[/legend]
[source]Pagini de planuri și prețuri ale furnizorilor.[/source]
[/comparison_table]

Un bloc WordPress personalizat poate expune aceleași câmpuri în controale de formular. Trebuie să salveze sau să redea markup tabelar nativ și să păstreze relațiile atunci când stilurile sau scripturile eșuează.

Exemple

Bun: o comparație pregătită pentru decizie

Acest exemplu funcționează deoarece fiecare plan răspunde la fiecare dimensiune de decizie, numerele includ unitățile și ipoteza privind locurile, absența este explicită, iar data verificării delimitează afirmația. Cel mai relevant rând pentru decizie — prețul total pentru echipa reală — vine primul. Fiecare celulă conține un singur fapt, nu o afirmație de vânzare.

Rău: un grilă cu aspect persuasiv

Versiunea rea eșuează înainte de a lua în considerare stilizarea. „Valoare excelentă” și „puternice” sunt expresii de marketing fără semnificație testabilă. Bifa nu are legendă. „Instrumente avansate” este nedefinit. Celula goală Starter ar putea însemna absent, nu se aplică, necunoscut sau uitat. „Tot ce ai nevoie” înglobează un set nelimitat de afirmații într-o singură celulă. Rândurile urmează teme promoționale, nu decizii ale cumpărătorului, nu există dată verificată și nu există sursă.

Repară-l denumind dimensiuni precise, cum ar fi limita de invitați, perioada istoricului de aprobări și disponibilitatea autentificării unice; verificând toate cele trei planuri pentru fiecare rând; înlocuind spațiile goale cu stări explicite; definind simbolurile; și datând revizuirea. Dacă aceste informații nu pot fi obținute, publică un „Necunoscut” onest, nu o inferență favorabilă.

Markup de schemă și accesibilitate

Nu există un tip sau o proprietate Schema.org generală pentru un tabel de comparație. Elementul rămâne parte a paginii Article, Product sau a paginii de colecție care îl cuprinde. Faptele pot alimenta proprietăți valide de produs, ofertă sau evaluare doar atunci când pagina îndeplinește în mod independent regulile de eligibilitate și dovezi pentru acele date structurate. Nu converti o coloană evidențiată în markup aggregateRating, review sau offers decât dacă conținutul subiacent furnizează în mod autentic acele valori.

Accesibilitatea provine din relații, nu din aspect. Folosește <th scope="col"> pentru fiecare antet de opțiune și <th scope="row"> pentru fiecare dimensiune de decizie. Adaugă o <caption> concisă care identifică tabelul. Evită celulele îmbinate, deoarece rowspan și colspan îngreunează navigarea și extragerea; în schimb, repetă o etichetă sau împarte tabelul. Păstrează ordinea sursei logică și nu elimina tabelul din arborele de accesibilitate.

Pe ecranele mici, plasează revărsarea pe un container din jurul tabelului, niciodată pe pagină. Oferă unei regiuni de derulare focalizabilă cu tastatura un nume accesibil și o stare de focalizare vizibilă. O primă coloană fixă poate ajuta la păstrarea contextului, dar nu trebuie să acopere conținutul focalizat sau să se bazeze pe scripturi pentru a expune date. Simbolurile necesită definiții text vizibile și echivalente text la nivel de celulă. Culoarea poate evidenția o coloană recomandată, dar antetul are nevoie și de o etichetă text.

Reguli de redactare

Alege rândurile după valoarea de decizie, nu după comoditate. Pune primul criteriul cel mai susceptibil să schimbe alegerea cititorului, apoi capacitățile prerequisite, costul total, constrângerile, suportul și detaliile secundare. Ordinea alfabetică este utilă doar atunci când cititorii ajung cunoscând numele dimensiunii; este de obicei greșită pentru o decizie de cumpărare. Ordinea de navigare a furnizorului este taxonomie promoțională, nu prioritate a cititorului.

Paritatea dimensiunilor este absolută: fiecare opțiune trebuie evaluată pe fiecare rând. Un spațiu gol este tot un răspuns, dar este unul ambiguu, așa că spațiile goale sunt interzise în tabelele publicate. Folosește aceste stări cu precizie:

• Nu este disponibil: opțiunea nu oferă capacitatea în planul sau condițiile menționate.
• Nu se aplică: dimensiunea nu se aplică logic acelei opțiuni.
• Necunoscut: echipa nu a putut verifica răspunsul dintr-o sursă adecvată.

O celulă conține un singur fapt, număr sau simbol definit. Include unități și condiții: „$49/lună pentru 5 locuri” este utilizabil; „Accesibil” nu este. „10 GB per spațiu de lucru” este utilizabil; „Stocare generoasă” nu este. Dacă o valoare are nevoie de o calificare, păstreaz-o scurtă și atașează nota sursă la tabel. Dacă are nevoie de un paragraf, explică-l sub tabel și folosește o etichetă concisă de celulă, cum ar fi „Condiționat”.

Folosește trei până la opt rânduri pentru un rezumat și nu mai mult de zece fără un motiv întemeiat. Folosește două până la cinci coloane de opțiuni, plus coloana antet de rând. Păstrează antetele concrete și paralele. Nu pune butoane, formulare, media cu redare automată, text de vânzare de lungimea unui paragraf, testimoniale, evaluări cu stele fără o metodologie declarată sau tabele imbricate în interiorul celulelor. Nu folosi niciodată celule îmbinate în comparația editorială.

Data verificării este obligatorie deoarece prețul, inventarul, numele planurilor și disponibilitatea caracteristicilor se schimbă. Scrie o dată exactă, nu „recent” sau „actual”. Atribuie un responsabil și un ritm de revizuire înainte de publicare. Un tabel învechit este mai rău decât lipsa unui tabel: structura sa curată face ca o afirmație depășită să pară neobișnuit de autoritară și ușor de repetat.

Tipuri de postări care îl folosesc

Câmpul postTypes din front matter este legătura citibilă automat către aceste șase documente. Tabelul vizibil explică plasarea editorială pe care identificatorul singur nu o poate transmite.

Listă de control QA

• Rezultatul este un tabel HTML nativ, nu o imagine, canvas, grilă CSS sau un maldăr de elemente div.
• Tabelul are o legendă utilă, un rând de antet clar, domeniu pe antetele coloanelor și domeniu pe antetele rândurilor.
• Fiecare opțiune este evaluată pe fiecare dimensiune; nicio celulă publicată nu este goală.
• „Nu este disponibil”, „Nu se aplică” și „Necunoscut” sunt folosite conform semnificațiilor lor distincte.
• Fiecare celulă conține un singur fapt, număr cu unități sau simbol definit — niciodată o expresie de marketing.
• Fiecare simbol are o legendă text vizibilă și un echivalent text accesibil în celula sa.
• Rândurile sunt ordonate după relevanța deciziei, nu alfabetic sau în ordinea paginii furnizorului.
• Tabelul rămâne în limita coloanelor, sau conținutul a fost segmentat intenționat.
• Pe mobil, derularea orizontală este conținută în interiorul regiunii etichetate a tabelului, iar pagina nu se derulează lateral.
• O primă coloană fixă, atunci când este folosită, rămâne lizibilă, sigură pentru tastatură și cu contrast ridicat.
• Nicio celulă nu este îmbinată și nicio celulă nu conține tabele imbricate sau controale interactive complexe.
• Sunt prezente o dată exactă a verificării și o notă sursă primară adecvată.
• Coloana evidențiată, dacă există, are o etichetă text și nu suprimă fapte nefavorabile.
• Tabelul comunică în continuare relațiile sale atunci când stilurile și scripturile personalizate nu sunt disponibile.

Întrebări frecvente

Câte opțiuni ar trebui să includă un tabel de comparație?

Folosește două până la cinci coloane de opțiuni în tabelul principal. Dacă sunt necesare mai multe opțiuni, împarte comparația în tabele specifice pentru fiecare public sau oferă o interfață filtrabilă care păstrează semantica nativă a tabelului.

Poate un tabel de comparație să folosească bifuri și X-uri?

Da, dar fiecare simbol are nevoie de o legendă text vizibilă și un echivalent text accesibil. O formă sau o culoare singură nu este un răspuns, deoarece cititorii nu pot deduce în mod fiabil dacă înseamnă inclus, recomandat, testat sau doar prezent.

Ce ar trebui să însemne o celulă goală?

Nimic. Celulele goale sunt interzise deoarece semnificația lor este incognoscibilă. Scrie „Nu este disponibil”, „Nu se aplică” sau „Necunoscut” și folosește fiecare termen conform semnificației sale definite.

Are un tabel de comparație nevoie de date structurate?

De obicei, nu. Nu există o schemă generală de tabel de comparație. Păstrează-l în schema validă a paginii și mapează proprietăți de produs, ofertă sau evaluare doar atunci când pagina are dovezile pe care acele proprietăți le cer.

Cât de des ar trebui verificat tabelul?

Potrivește ritmul cu volatilitatea. Prețurile și drepturile planurilor pot necesita revizuire lunară sau trimestrială; specificațiile stabile se pot schimba mai rar. În fiecare caz, arată ultima dată exactă a verificării, astfel încât cititorii să poată aprecia singuri prospețimea.