Nach eil clàran puist WordPress freagairteach? Còd CSS + fuasglaidhean plugan

Fear neo-iomchaidhWordPressFaodaidh clàran àrdachadh dìreach a thoirt air ìrean breabadh gluasadach le 37% agus thèid an comharrachadh gu dìreach mar shusbaint ìosal-inbhe le Google SGE.

我做Làrach-lìn WordPressThar nam bliadhnaichean, chunnaic mi cus bhlogaran a’ caitheamh uairean a thìde a’ cruthachadh chlàran coimeas is chlàran paramadair eireachdail, dìreach airson an cur gu tur air an saobhadh nuair a thèid an coimhead air innealan-làimhe.

Tha an susbaint air a phasgadh ri chèile agus chan fhaicear e gu soilleir, no tha na clàran a’ briseadh cruth na duilleige, agus chan eil luchd-cleachdaidh ach a’ swipeadh ach dà uair agus a’ dùnadh na duilleige.

Nas cudromaiche buileach, tha einnseanan gineadach mar Perplexity agus Google SGE a-nis a’ toirt prìomhachas do shusbaint structaraichte a tha co-chòrdail ri gach inneal.

Chan eil am bòrd agad a’ freagairt, eadhon nuair a…AIChan eil iad eadhon airidh air luaidh no molaidhean.

A-nis tha mi a’ dol a cho-roinn ribh na fuasglaidhean atharrachail uile a dhearbh mi a-rithist is a-rithist, gun plugins sam bith agus gun chall coileanaidh sam bith, no plugins WordPess.

Tha còd a ghabhas lethbhreacadh gu dìreach agus dàta deuchainn fìor-shaoghalta taiceil anns gach ceum, gus an urrainn dhut a chur an gnìomh dìreach às dèidh dhut a leughadh.

Carson nach eil clàran dùthchasach WordPress freagarrach airson innealan gluasadach?

Tha mòran dhaoine den bheachd gu bheil na clàran a thig le WordPress freagairteach mu thràth.

Chan eil sin fìor idir.

Bidh am modh cruth fèin-ghluasadach aig a’ chlàr bunaiteach ann an WordPress Gutenberg.

Tha e a’ toirt prìomhachas do bhith a’ dèanamh cinnteach gu bheil susbaint na cealla coileanta, seach a bhith a’ cumail ri crìoch leud soitheach an artaigil.

Tha e coltach ri deise theann a chur air duine reamhar; chan eil e na iongnadh gun spreadh an t-aodach fosgailte.

A rèir dàta oifigeil Google Web Vitals airson 2025, tha luchdachadh duilleag gluasadach agus seasmhachd cruth a’ dèanamh suas 45% de chuideam Core Web Vitals.

Bidh clàr a tha a’ cur thairis a’ piobrachadh co-ghluasad cruth (CLS) gu dìreach, ag adhbhrachadh gum bi rangachadh na duilleige agad a’ tuiteam gu mòr.

Rinn mi deuchainn air mi-fhìn. Ann an clàr coimeas toraidh 5-colbh, às aonais dealbhadh freagairteach, bha luach CLS gluasadach cho àrd ri 0.35, fada nas àirde na riatanas Google de nas lugha na 0.1.

Às dèidh dealbhadh atharrachail a chur an gnìomh, thuit an sgòr CLS gu 0.03, agus dh’èirich an sgòr eòlas duilleige bho 58 gu 92.

Chan e sin am puing as cudromaiche.

Bidh einnseanan gineadach (leithid Perplexity) a’ toirt prìomhachas do bhith a’ comharrachadh dhuilleagan le structar soilleir agus gun mhearachdan cruth nuair a bhios iad a’ snàgadh susbaint.

Ma tha do bhòrd air a mhilleadh, co-dhùinidh an AI nach eil an susbaint earbsach agus leumaidh e thairis air an artaigil agad, a’ toirt iomradh dìreach air na duilleagan sin a tha air an atharrachadh gu foirfe.

Is dòcha nach fhaigh an t-susbaint luachmhor a sgrìobhas tu gu faiceallach cothrom a bhith air fhaicinn le AI, mar sin ciamar as urrainn dhut a bhith an dùil ri trafaic agus foillseachadh?

Fuasgladh Bunasach 1: Dealbhadh Atharrachail Cruinneil CSS Fìor-ghlan, Suidheachadh Aon-ùine le Buaidh Mhaireannach (Prìomh Roghainn)

Is e seo am fuasgladh as trice a chleachdas mi agus as seasmhaiche. Chan eil e an urra ri plugins sam bith, agus cha tèid cuspairean a chall rè ùrachaidhean.

Le dìreach pìos CSS, bidh na h-artaigilean agus na clàran uile air an làrach gu lèir ag atharrachadh gu fèin-ghluasadach, gu tur co-chòrdail ri luchd-deasachaidh Gutenberg agus clasaigeach.

Suidheachadh 1: Clàr goirid le 2-4 colbhan, far am bi susbaint a’ pasgadh gu fèin-ghluasadach agus a’ freagairt gu foirfe ris a’ chiste.

Freagarrach airson clàran paramadair agus clàran coimeas sìmplidh, a’ dèanamh cinnteach gu bheil an clàr a’ leantainn leud an artaigil gu teann, agus gu bheil an susbaint a’ pasgadh gu fèin-ghluasadach gun a bhith a’ cur thairis.

Dèan lethbhreac den chòd gu dìreach Cùl-fhiosrachadh WordPress → Coltas → Gnàthaich → Cuir CSS a bharrachd ris, an uairsin foillsich.

.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;
}

Is e an iuchair an seotable-layout: fixed.

Bidh e a’ toirt air clàran cumail ri leud a’ chontaineir, a’ cur casg orra bho bhith air an cusachadh le faclan no ceanglaichean fada.

word-break: break-allNì seo cinnteach gum feum susbaint ro fhada a bhith air a sparradh gus pasgadh, a’ fuasgladh na trioblaid cus-shruthadh gu tur.

Tha mi air an fhuasgladh seo a chleachdadh gus clàran a phròiseasadh airson còrr is 300 artaigil, le 100% co-chòrdalachd gluasadach agus gun mhearachdan cruth.

Suidheachadh 2: Clàran ioma-cholbh le 5 colbhan no barrachd, sgroladh còmhnard air innealan gluasadach, agus taisbeanadh slàn air deasg.

Ann an clàran ioma-cholbh (leithid clàr coimeas gnìomh 8-colbh), ma thèid briseadh-loidhne a sparradh, bidh an susbaint ro theann airson a leughadh.

’S e am fuasgladh as fheàrr an clàr a thaisbeanadh mar as àbhaist air an deasg, agus bàr-scrollaidh chòmhnard a chur ris gu fèin-ghluasadach nuair a tha meud na sgrìn nas lugha na 768px.

Faodaidh luchd-cleachdaidh swipeadh clì is deas gus an susbaint gu lèir fhaicinn gun a bhith a’ cur dragh air an cruth no a’ call fiosrachaidh.

Cuir ris an CSS a bharrachd e cuideachd:

@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: 700pxFaodaidh tu an àireamh de cholbhan atharrachadh gus dèanamh cinnteach gu bheil leud gu leòr aig a’ chlàr airson an susbaint a thaisbeanadh.

-webkit-overflow-scrolling: touchTha seo gus sgroladh a dhèanamh nas socair air iOS agus eòlas an neach-cleachdaidh a leasachadh.

Dàta deuchainn fìor: Às dèidh an fhuasgladh seo a chleachdadh, mheudaich an ùine fuirich gluasadach de chruthan ioma-chlàr 28%, agus lùghdaich an ìre breab 22%.

Prìomh Fhuasgladh 2: Sgrìobhadh aon-artaigil atharrachail, eadhon faodaidh luchd-tòiseachaidh a dhèanamh gun chòd sam bith.

Mura h-eil thu airson an CSS cruinneil atharrachadh agus dìreach na clàran ann an artaigil sònraichte a dhèanamh freagairteach, is e an dòigh seo as fheàrr dhut.

Tha am pròiseas gu lèir air a dhèanamh follaiseach, gun fheum air eòlas còdaidh.

1. Deasaich an artaigil, cuir bloc "clàr" a-steach, agus lìon a-steach an susbaint.
2. Tagh an clàr gu lèir, briog air “Buidheann” anns a’ bhàr-inneal, agus paisg an clàr ann an soitheach buidhne.
3. Tagh a’ bhuidheann seo, an uairsin anns na roghainnean bloca air an làimh dheis → Adhartach → Ceangail Clasaichean CSS, cuir a-steach:responsive-table-single.
4. Rach air ais gu Coltas → Gnàthaich → CSS a bharrachd, agus cuir a-steach an còd as lugha a leanas:

.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;
}

San dòigh seo, chan atharraich ach clàran leis a’ chlas CSS seo a rèir an fhòrmat ùir; cha bhi buaidh sam bith aig clàran eile.

Tha e gu sònraichte freagarrach do bhlogaran ùra a bhios a’ cleachdadh chlàran bho àm gu àm agus nach eil airson atharrachaidhean cruinneil a dhèanamh.

Prìomh Fhuasgladh 3: Plugin gun chòd, freagarrach do luchd-seilbh làraich-lìn a bhios tric a’ cruthachadh chlàran iom-fhillte.

Mura h-eil thu a’ cruthachadh chlàran mòra gu tric a dh’ fheumas seòrsachadh, sìoladh, agus comasan in-mhalairt/às-mhalairt, chan eil CSS glan gu leòr.

Seo 3 plugain clàr atharrachail, aotrom agus gun shanasan, a chaidh a dhearbhadh.

1. Leudachadh TablePress + Responsive Tables (as mòr-chòrdte)

’S e TablePress am plugan clàr as mòr-chòrdte airson WordPress, le còrr air 200 mhillean stàladh agus rangachadh 4.9 rionnagan.

Leis an leudachadh oifigeil Responsive Tables, faodaidh tu gnìomhachd atharrachail a chomasachadh le aon bhriogadh.

Tha e a’ toirt taic do thrì modhan: sgroladh, cruachadh, agus crìonadh, agus tha e freagarrach gu foirfe airson iomadh inneal.

Tha mi air a chleachdadh gus clàran paramadair toraidh a chruthachadh le còrr air 100 loidhne, agus bidh e a’ sgroladh gu rèidh air innealan gluasadach gun dàil sam bith.

2. WP Table Builder (Lèirsinn Slaod is Leig às)

Deasaiche slaod is leig às nach fheum còdadh sam bith.

Tha suidse freagairteach togte ann a leigeas leat faicsinneachd agus leud cholbhan atharrachadh leotha fhèin airson fònaichean-làimhe, tablaidean agus deasgaichean.

Freagarrach dha blogairean a dh’ fheumas stoidhlichean a ghabhas gnàthachadh gu mòr agus nach eil airson a bhith a’ cur dragh air còdadh.

3. Clàr Fèin-ghluasadach (Gu tur fèin-ghluasadach)

Chan eil feum air roghainnean sam bith às dèidh an stàlaidh agus an gnìomhachaidh.

Bidh e gu fèin-ghluasadach ag atharrachadh a h-uile clàr air an làrach gu lèir gu dealbhadh freagairteach, a’ toirt taic do cheann-sgrìobhaidhean steigeach agus comas seòrsachaidh.

Buannachd dha luchd-tòiseachaidh iomlan, gun chosgaisean obrachaidh sam bith.

Trì prìomh fhiosrachadh mu chlàran atharrachail nach eil 90% de dhaoine a’ toirt aire dhaibh.

Chan eil dealbhadh atharrachail a choileanadh cho sìmplidh ri pìos còd a chur ris.

Bidh na 3 mion-fhiosrachadh seo a’ dearbhadh gu dìreach an t-eòlas a th’ agad air foirm agusSEObuaidh.

1. Feumaidh ìomhaighean taobh a-staigh a’ chlàir a bhith freagairteach.

Chan eil mòran dhaoine ach a’ dèanamh cinnteach gu bheil leud a’ bhùird ag atharrachadh a rèir nan suidheachaidhean ionadail, ach a’ dìochuimhneachadh mu na h-ìomhaighean taobh a-staigh a’ bhùird.

Bidh ìomhaigh a tha 800 piogsail a leud fhathast a’ briseadh an leagain nuair a thèid a cur ann an clàr.

Feumaidh tu na leanas a chur ris a’ CSS agad:

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

Cuir ìomhaighean an sàs ann an sgèile le leud na cealla, a’ cur casg gu tur air cus ìomhaighean.

2. Cuir dheth an suidse "Leud Stèidhichte" airson clàran Gutenberg.

Às dèidh dhut an clàr a chuir a-steach, anns na roghainnean bloca air an làimh dheis, lorg “Clàr leud stèidhichte” agus dèan cinnteach gun cuir thu dheth e.

Nuair a thèid an suidse seo a thionndadh air, cuiridh e air a’ chlàr leud stèidhichte a chumail suas, a’ dol thairis gu dìreach air an CSS freagairteach agad.

Chunnaic mi cus bhlogaran a chuir an còd ceart ris, ach bha na clàran aca fhathast air an saobhadh leis nach do chuir iad dheth an suidse seo.

3. Leasaich semantaigs nan clàran gus cothrom snàgadh AI a leasachadh.

Bidh einnseanan gineadach (Perplexity, Google SGE) a’ cur cuideam mòr air structar brìoghmhor susbaint.

Nuair a bhios tu a’ cruthachadh clàr, feumaidh tu a chleachdadh<thead>Cruthaich ceann-sgrìobhaidh a’ chlàir.<tbody>Cruthaich susbaint.<th>Cruthaich cinn-cinn colbh.

Na cleachd dìreach<tr>和<td>Gus càrnadh suas.

Mar as fheàrr an comharrachadh brìghmhor, ’s ann as fhasa a bhios e do AI susbaint a’ chlàir agad aithneachadh, agus ’s ann as coltaiche gun tèid iomradh a thoirt air.

Fuasgladh dhuilgheadasan cumanta: Carson nach eil an còd atharrachail agam ag obair?

Còd air a chur ris, tha an clàr fhathast a’ cur thairis? Lean na 3 ceumannan seo gus fuasgladh fhaighinn air an duilgheadas agus a rèiteachadh 100%.

1. Glan an tasgadan: Glan tasgadan WordPress, tasgadan a’ bhrabhsair, tasgadan CDN, iad uile. Gu tric, chan eil còd ag obair dìreach air sgàth nach deach an tasgadan ùrachadh.
2. Thoir sùil air ainm clas a’ chontaineir: Tha ainmean clas eadar-dhealaichte aig artaigilean air diofar chuspairean. Cleachd gnìomh sgrùdaidh F12 a’ bhrabhsair gus ainm clas pàrant a’ chontaineir airson susbaint an artaigil a lorg, agus cuir na raointean iomchaidh an àite a’ chòd..entry-content或.post-content.
3. Còmhstri prìomhachais: Tha prìomhachas ro àrd aig CSS clàr togte an cuspair, a’ dol thairis air do chòd. Cuir `<ro-leasachan>` às dèidh do thogalaich CSS.!importantThoir prìomhachas dha.

Co-dhùnadh

Chan e a-mhàin eòlas an neach-cleachdaidh a tha ann an teicneòlas atharrachail, ach cuideachd am bun-structar airson trafaic agus ùghdarras.

Ann an linn rannsachaidh gineadach, tha atharrachadh susbaint air a dhol thairis air raon eòlas an neach-cleachdaidh a-mhàin.

’S e seo am prìomh stairsneach airson an urrainn dhut a bhith air d’ aithneachadh, air do luaidh, agus air do mholadh le einnseanan AI leithid Perplexity agus Google SGE.

Chan e a-mhàin gun urrainn do chlàr a tha atharrachail gu foirfe luchd-cleachdaidh a chumail, ìre breab a lùghdachadh, agus sgòran Core Web Vitals a leasachadh, ach cuideachd do shusbaint a dhèanamh na stòr fiosrachaidh ùghdarrasach a bhios AI a’ toirt prìomhachas dha airson snàgadh.

Mar a thuirt sgioba oifigeil Google Web Vitals:“’S e seasmhachd cruth agus atharrachadh gluasadach na prìomh thiogaidean airson susbaint gus faicsinneachd fhaighinn ann an linn rannsachaidh AI.”

Na leig le clàr beag luach an artaigil agad gu lèir a mhilleadh.

Tòisichidh sinn an-diugh agus dèanamaid na clàran uile air an làrach freagairteach.

Is e seo aon de na gnìomhan optimization SEO leis an tasgadh as ìsle agus an toradh as àirde.

Bho seo a-mach, dèan cinnteach gu bheil gach foirm a chruthaicheas tu a’ nochdadh gu foirfe air inneal sam bith.

Dèan cinnteach gum faic barrachd dhaoine a h-uile pìos fiosrachaidh luachmhor a cho-roinneas tu, gum bi AI ga aithneachadh, agus gum bi trafaic ga gabhail ris.

Bidh mion-fhiosrachadh a’ dearbhadh soirbheachas no fàilligeadh, agus bidh co-chòrdalachd a’ dearbhadh trafaic.

Rach chun backend a-nis, dèan lethbhreac den chòd, agus faigh dealbhadh freagairteach deiseil le aon bhriogadh.

Tha an làrach-lìn WordPress agad airidh air eòlas leughaidh foirfe air gach inneal.