Amathebula eposi e-WordPress awaphenduli? Ikhodi ye-CSS kanye nezixazululo ze-plugin

EngaguqukiWordPressAmathebula angabangela ngqo amazinga okugxuma kweselula ukuthi akhuphuke ngo-37% futhi azokhonjwa ngqo njengokuqukethwe okusekhwalithini ephansi yi-Google SGE.

NgiyavumaIwebhusayithi ye-WordPressEminyakeni edlule, ngibone ababhlogi abaningi kakhulu bechitha amahora amaningi bedala amathebula okuqhathanisa amahle kakhulu namathebula epharamitha, kodwa avele aphazamiseka ngokuphelele uma ebhekwa kumadivayisi eselula.

Noma okuqukethwe kuhlanganiswe ndawonye futhi akubonakali kahle, noma amathebula aphula ukwakheka kwekhasi, bese abasebenzisi beswayipha izikhathi ezimbalwa bese bevala ikhasi.

Okubaluleke nakakhulu, izinjini ezikhiqizayo ezifana ne-Perplexity kanye ne-Google SGE manje sezibeka phambili okuqukethwe okuhleliwe okukhasa okuhambisana nawo wonke amadivayisi.

Ithebula lakho aliguquguquki, noma ngabe...AIAbafaneleki ngisho nokuthola izingcaphuno noma izincomo.

Manje ngizokwabelana nani ngazo zonke izixazululo eziguquguqukayo engiziqinisekisile ngokuphindaphindiwe, ezingenama-plugins angenalutho kanye nokulahlekelwa ukusebenza okungenalutho, noma ama-plugins e-WordPess.

Isinyathelo ngasinye sihlanganisa ikhodi ekopishekayo ngqo kanye nedatha yokuhlola yangempela esekelayo, ukuze ukwazi ukuyisebenzisa ngokushesha ngemva kokuyifunda.

Kungani amatafula endabuko e-WordPress engafaneleki ngokwemvelo kumadivayisi eselula?

Abantu abaningi bacabanga ukuthi amatafula ahambisana ne-WordPress asevele ephendula.

Akunjalo nhlobo.

Ithebula elizenzakalelayo ku-WordPress Gutenberg lisebenzisa imodi yokwakheka okuzenzakalelayo.

Ibeka phambili ukuqinisekisa ubuqotho bokuqukethwe kweseli kunokunamathela emikhawulweni yobubanzi besitsha se-athikili.

Kufana nokugqokisa umuntu omkhulu isudi embambayo; akumangalisi ukuthi izingubo zizovuleka kakhulu.

Ngokusho kwedatha esemthethweni ye-Google Web Vitals ka-2025, ukulayisha amakhasi eselula kanye nokuzinza kwesakhiwo kubiza u-45% wesisindo se-Core Web Vitals.

Ithebula elichichimayo lizoqala ngqo i-layout offset (CLS), okubangela ukuthi isilinganiso sekhasi lakho sehle.

Ngizihlolile mina. Etafuleni lokuqhathanisa umkhiqizo elinamakholomu ama-5, ngaphandle komklamo ophendulayo, inani leselula le-CLS laliphezulu njengo-0.35, lidlula kakhulu imfuneko ye-Google engaphansi kuka-0.1.

Ngemva kokusebenzisa umklamo oguquguqukayo, amaphuzu e-CLS ehle afika ku-0.03, kanti amaphuzu okuhlangenwe nakho kwekhasi akhuphuke asuka ku-58 aya ku-92.

Akuyona lelo phuzu elibaluleke kakhulu.

Izinjini ezikhiqizayo (njenge-Perplexity) zibeka phambili ukuhlonza amakhasi anesakhiwo esicacile futhi awekho amaphutha okuhlelwa lapho kukhasa okuqukethwe.

Uma ithebula lakho likhubazekile, i-AI izonquma ukuthi okuqukethwe akuthembekile bese yeqa isihloko sakho, ibhekisele ngqo kulawo makhasi alungiswe kahle.

Konke okuqukethwe okubalulekile okubhala ngokucophelela kungase kungatholi nethuba "lokubonwa" yi-AI, ngakho ungalindela kanjani ithrafikhi kanye nokuvezwa?

Isixazululo Esiyinhloko 1: Idizayini Engaguquki Yomhlaba Wonke ye-CSS Emsulwa, Ukusetha Kwesikhathi Esinye Okunomphumela Ohlala Njalo (Ukukhetha Okuphezulu)

Lesi yisisombululo sami esivame ukusetshenziswa futhi esizinzile kakhulu. Asinciki kunoma yimaphi ama-plugin, futhi izingqikithi ngeke zilahleke ngesikhathi sokubuyekezwa.

Ngengxenye ye-CSS kuphela, zonke izihloko namathebula kuyo yonke isayithi kuzozivumelanisa ngokuzenzakalelayo, kuhambisana kahle noGutenberg kanye nabahleli bakudala.

Isimo 1: Ithebula elifushane elinamakholomu angu-2-4, lapho okuqukethwe kugoqa khona ngokuzenzakalelayo futhi kufanelane kahle nesitsha.

Ifanele amathebula epharamitha kanye namathebula okuqhathanisa alula, okuqinisekisa ukuthi ithebula lilandela ngokuqinile ububanzi besihloko, nokuthi okuqukethwe kugoqeka ngokuzenzakalelayo ngaphandle kokuchichima.

Kopisha ikhodi ngqo I-WordPress backend → Ukubukeka → Yenza ngokwezifiso → Engeza i-CSS eyengeziwe, bese ushicilela.

.entry-content .wp-block-table,
.post-content table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: break-all;
    margin: 20px 0;
}
.entry-content .wp-block-table th,
.entry-content .wp-block-table td,
.post-content table th,
.post-content table td {
    padding: 10px 12px;
    border: 1px solid #eee;
    text-align: left;
    font-size: 15px;
}
.entry-content table img {
    max-width: 100% !important;
    height: auto !important;
}

Isihluthulelo laphatable-layout: fixed,

Kuphoqa amatafula ukuthi anamathele ebubanzi besitsha, okuvimbela ukuthi anganqotshwa amagama amade noma izixhumanisi.

word-break: break-allLokhu kuqinisekisa ukuthi okuqukethwe okude kakhulu kuzophoqeleka ukugoqa, kuxazululwe ngokuphelele inkinga yokuchichima.

Ngisebenzise lesi sixazululo ukucubungula amathebula ezihlokweni ezingaphezu kuka-300, ngokuhambisana kweselula okungu-100% futhi akukho maphutha okuhlelwa.

Isimo 2: Amatafula anamakholomu amaningi anamakholomu angu-5 noma ngaphezulu, ukuskrola okuvundlile kumadivayisi eselula, kanye nokuboniswa okugcwele kudeskithophu.

Kumathebula anamakholomu amaningi (njengethebula lokuqhathanisa umsebenzi wamakholomu angu-8), uma ukuhlukaniswa kwemigqa kuphoqelekile, okuqukethwe kuzoba kuncane kakhulu ukuba kufundwe.

Isixazululo esingcono kakhulu ukubonisa ithebula ngokujwayelekile kudeskithophu, bese wengeza ngokuzenzakalelayo ibha yokuskrola evundlile lapho usayizi wesikrini ungaphansi kwamaphikseli angu-768.

Abasebenzisi bangaswayipha kwesobunxele nakwesokudla ukuze babuke okuqukethwe okugcwele ngaphandle kokuphazamisa ukwakheka noma ukulahlekelwa ulwazi.

Futhi yifake ku-CSS eyengeziwe:

@media screen and (max-width: 768px) {
    .entry-content .wp-block-table,
    .post-content table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .entry-content .wp-block-table table,
    .post-content table {
        min-width: 700px;
        width: 100%;
    }
    .entry-content .wp-block-table th,
    .entry-content .wp-block-table td {
        white-space: nowrap;
        padding: 8px 10px;
    }
}

min-width: 700pxUngalungisa inani lamakholomu ukuqinisekisa ukuthi ithebula linobubanzi obanele bokubonisa okuqukethwe.

-webkit-overflow-scrolling: touchLokhu kwenzelwa ukwenza ukuskrola kube lula ku-iOS nokuthuthukisa ulwazi lomsebenzisi.

Idatha yangempela yokuhlola: Ngemva kokusebenzisa lesi sixazululo, isikhathi sokuhlala kweselula kwezakhiwo zamatafula amaningi sanda ngo-28%, kanti izinga lokubuyela emuva lehla ngo-22%.

Isixazululo Esiyinhloko 2: Ukubhala isihloko esisodwa okuguquguqukayo, ngisho nabaqalayo bangakwazi ukukwenza ngaphandle kwekhodi engu-zero.

Uma ungafuni ukushintsha i-CSS yomhlaba wonke futhi ufuna kuphela ukwenza amathebula esihlokweni esithile aphenduleke, le ndlela ikufanele kakhulu.

Yonke inqubo ibonwa ngamehlo engqondo, ayidingi ulwazi lokubhala ikhodi.

1. Hlela isihloko, faka ibhulokhi "yetafula", bese ugcwalisa okuqukethwe.
2. Khetha ithebula lonke, chofoza okuthi "Qoqa" kubha yamathuluzi, bese ugoqa ithebula esitsheni seqembu.
3. Khetha leli qembu, bese kuzilungiselelo zebhulokhi ngakwesokudla → Okuthuthukisiwe → Namathisela Amakilasi e-CSS, faka:responsive-table-single,
4. Buyela emuva ku-Appearance → Yenza ngokwezifiso → I-CSS eyengeziwe, bese unamathisela ikhodi encane elandelayo:

.responsive-table-single {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
}
.responsive-table-single table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
}

Ngale ndlela, amatafula analesi sigaba se-CSS kuphela azovumelana nefomethi entsha; amanye amatafula azohlala engathintekile.

Ifaneleka kakhulu kubabhlogi abasafufusa abasebenzisa amatafula ngezikhathi ezithile futhi abangafuni ukwenza izinguquko zomhlaba wonke.

Isixazululo Esiyinhloko 3: I-plugin ye-Zero-code, efanele abanikazi bewebhusayithi abavame ukudala amathebula ayinkimbinkimbi.

Uma uvame ukudala amatafula amakhulu adinga ukuhlunga, ukuhlunga, ukungenisa/ukuthumela, i-CSS emsulwa ayanele.

Nazi ama-plugin amathathu etafula aguquguqukayo avivinyiwe, alula, futhi angenazikhangiso.

1. Isandiso se-TablePress + Amathebula Aphendulayo (esithandwa kakhulu)

I-TablePress iyi-plugin yetafula ethandwa kakhulu ye-WordPress, enezinhlelo ezingaphezu kwezigidi ezimbili kanye nesilinganiso sezinkanyezi ezingu-4.9.

Ngesandiso esisemthethweni samaThebula Aphendulayo, ungavumela ukusebenza okuguquguqukayo ngokuchofoza okukodwa.

Isekela izindlela ezintathu: ukuskrola, ukuhlanganisa, kanye nokugoqa, futhi ifanelana kahle namadivayisi amaningi.

Ngiyisebenzisele ukudala amathebula epharamitha yomkhiqizo anemigqa engaphezu kwe-100, futhi iskrola kahle kumadivayisi eselula ngaphandle kokulibala.

2. Umakhi Wethebula le-WP (Hudula bese Ulahla Ukuboniswa)

Umhleli wokuhudula nokulahla ongadingi ukufaka ikhodi.

Inesishintshi esiphendulayo esakhelwe ngaphakathi esikuvumela ukuthi ulungise ngokwako ukubonakala nobubanzi bamakholomu omakhalekhukhwini, amathebhulethi, namadeskithophu.

Ifanele ababhlogi abadinga izitayela eziguquguqukayo kakhulu futhi abangafuni ukudlala ngokufaka amakhodi.

3. Ithebula Eliphendula Ngokuzenzakalelayo (Elizenzakalelayo Ngokugcwele)

Azikho izilungiselelo ezidingekayo ngemva kokufakwa kanye nokuqaliswa.

Iguqula ngokuzenzakalelayo wonke amatafula akuyo yonke indawo abe umklamo ophendulayo, isekela izihloko ezinamathelayo kanye nokusebenza kokuhlunga.

Inzuzo yabaqalayo abaphelele, ngaphandle kwezindleko zokusebenza.

Imininingwane emithathu ebalulekile mayelana namathebula aguquguqukayo abantu abangama-90% abangayinaki.

Ukufeza umklamo oguquguqukayo akulula njengokwengeza ikhodi.

Le mininingwane emithathu inquma ngqo ulwazi lwakho lwefomu kanyeSEOumphumela.

1. Izithombe ezingaphakathi kwethebula kumele ziphendule.

Abantu abaningi benza ububanzi betafula buvumelane kuphela, kodwa bakhohlwa ngezithombe ezisetafuleni.

Isithombe esingamaphikseli angu-800 ububanzi sizoqhubeka nokuphula ukwakheka uma sibekwe etafuleni.

Kumelwe wengeze okulandelayo ku-CSS yakho:

.entry-content table img {
    max-width: 100% !important;
    height: auto !important;
}

Phoqelela izithombe ukuthi zilinganiswe nobubanzi beseli ukuze uvimbele ngokuphelele ukugcwala kwesithombe.

2. Cima inkinobho ethi "Fixed Width" yamathebula e-Gutenberg.

Ngemva kokufaka ithebula, kuzilungiselelo zebhulokhi ngakwesokudla, thola "Ithebula lobubanzi obulungisiwe" bese uqiniseka ukuthi uyalicima.

Uma le switch ivuliwe, izophoqa itafula ukuthi ligcine ububanzi obungaguquki, lidlule ngqo i-CSS yakho ephendulayo.

Ngibone abaningi kakhulu ababhlogi abangeze ikhodi efanele, kodwa amathebula abo ayesephambene ngoba abazange bacime le switch.

3. Lungiselela i-semantics yethebula ukuze uthuthukise amathuba okukhasa kwe-AI.

Izinjini ezikhiqizayo (i-Perplexity, i-Google SGE) zigcizelela kakhulu isakhiwo sencazelo yokuqukethwe.

Uma udala ithebula, kumele usebenzise<thead>Dala isihloko sethebula.<tbody>Dala okuqukethwe.<th>Dala izihloko zekholomu.

Ungasebenzisi nje kuphela<tr>Kanye<td>Ukuqongelela.

Uma i-markup yencazelo ingcono, kuba lula nge-AI ukubona okuqukethwe kwethebula lakho, futhi amathuba okuba ikhonjwe aphezulu.

Ukuxazulula izinkinga ezivamile: Kungani ikhodi yami eguquguqukayo ingasebenzi?

Ikhodi eyengeziwe, ithebula lisagcwele? Landela lezi zinyathelo ezintathu ukuze uxazulule inkinga futhi uxazulule inkinga ngo-100%.

1. Sula i-cache: Sula i-WordPress cache, i-browser cache, i-CDN cache, konke. Ngokuvamile, ikhodi ayisebenzi ngoba nje i-cache ayikabuyekezwa.
2. Hlola igama lekilasi lesitsha: Izihloko ezikhuluma ngezindikimba ezahlukene zinamagama ahlukene ekilasi lesitsha. Sebenzisa umsebenzi wesiphequluli we-F12 inspect ukuthola igama lekilasi lesitsha lomzali lokuqukethwe kwesihloko, bese ushintsha ikhodi efanele ngefanele..entry-contentNoma.post-content,
3. Ukungqubuzana kokubalulekile: Ithebula le-CSS elakhelwe ngaphakathi letimu libaluleke kakhulu, lidlula ikhodi yakho. Faka `<prefix>` ngemuva kwempahla yakho ye-CSS.!importantKubeke phambili.

Isiphetho

Ubuchwepheshe obuzivumelanisa nezimo abugcini nje ngolwazi lomsebenzisi, kodwa futhi nengqalasizinda eyisisekelo yethrafikhi kanye negunya.

Esikhathini sokusesha okudala, ukuguquguquka kokuqukethwe sekuyisikhathi eside kudlula indawo yokuhlangenwe nakho komsebenzisi nje.

Kungumkhawulo oyinhloko wokuthi ungaqashelwa, ukhonjwe, futhi unconywe yizinjini ze-AI ezifana ne-Perplexity kanye ne-Google SGE.

Ithebula elivumelana nezimo ngokuphelele alikwazi nje ukugcina abasebenzisi, ukunciphisa izinga lokweqa, nokuthuthukisa amaphuzu e-Core Web Vitals, kodwa futhi lenze okuqukethwe kwakho kube umthombo wolwazi onegunya i-AI ewubeka phambili ekukhaselweni.

Njengoba kushiwo yithimba elisemthethweni le-Google Web Vitals:"Ukuzinza kwesakhiwo kanye nokuzivumelanisa neselula kuyizinto eziyisisekelo zokuqukethwe ukuze kubonakale enkathini yokusesha ye-AI."

Ungavumeli itafula elincane lonakalise inani lesihloko sakho sonke.

Ake siqale namuhla futhi senze wonke amatafula kusayithi aphendule.

Lesi ngesinye sezenzo zokuthuthukisa i-SEO ngotshalomali oluphansi kakhulu kanye nenzuzo ephezulu kakhulu.

Kusukela manje kuqhubeke, qiniseka ukuthi yonke ifomu oyidalayo ibonakala kahle kunoma iyiphi idivayisi.

Qiniseka ukuthi yonke imininingwane ebalulekile owabelana ngayo ibonwa abantu abaningi, iqashelwa yi-AI, futhi yamukelwa yithrafikhi.

Imininingwane inquma impumelelo noma ukwehluleka, kanti ukuhambisana kunquma ithrafikhi.

Iya emuva manje, kopisha ikhodi, bese uqedela ukwakheka okuphendulayo ngokuchofoza okukodwa.

Iwebhusayithi yakho ye-WordPress ifanelwe isipiliyoni sokufunda esiphelele kuwo wonke amadivayisi.