Kāore ngā ripanga pou WordPress e arotau? Ngā otinga waehere CSS + monomai

He mea kāore i te urutauWordPressKa taea e ngā ripanga te whakapiki tika i ngā reiti pekepeke waea pūkoro mā te 37%, ā, ka tautuhia tikatia he ihirangi kounga iti e Google SGE.

Ae, e mahi ana ahaupaetukutuku WordPressI roto i ngā tau, kua kite ahau i te tini o ngā kaituhi purongo e whakapau ana i ngā hāora ki te hanga i ngā ripanga whakatairite me ngā ripanga tawhā tino ataahua, engari ka tino hē te ahua ina tirohia i runga i ngā taputapu pūkoro.

Kua kīkī rawa ngā ihirangi, ā, kāore e kitea mārama, kua pakaru rānei te tahora o te whārangi i ngā ripanga, ā, ka swipe noa ngā kaiwhakamahi i ētahi wā ka kati i te whārangi.

Heoi anō, ko te mea nui ake, ko ngā miihini whakaputa pēnei i a Perplexity me Google SGE inaianei ko te whakatairanga i ngā ihirangi hanganga ngokingoki e hototahi ana ki ngā taputapu katoa.

Kāore tō tēpu e taea te urutau, ahakoa...AIKāore rātou e āhei kia whiwhi tohutoro, taunakitanga rānei.

Nā, ka tohaina atu e au ki a koutou ngā otinga urutau katoa kua maha ngā wā kua tirohia e au, kāore he monomai, kāore hoki he ngoikore o te mahi, arā, ngā monomai WordPess.

Kei roto i ia taahiraa he waehere ka taea te tārua tika me ngā raraunga whakamātautau o te ao tūturu, kia taea ai e koe te whakatinana tonu i muri i te pānui.

He aha ngā ripanga taketake o WordPress kāore i te tino pai mō ngā taputapu pūkoro?

He tokomaha e whakaaro ana kua arotau kē ngā ripanga e haere tahi mai ana me WordPress.

Kāore rawa tēnā i te pērā.

Ka whakamahia e te ripanga taunoa i roto i te WordPress Gutenberg te aratau tahora aunoa.

He mea nui kia oti te ihirangi o te pūtau, kaua e piri ki te whānui o te ipu tuhinga.

He rite ki te whakakakahu i tētahi hūtu piripono ki tētahi tangata momona; kāore he mea miharo ka pakaru ngā kākahu.

E ai ki ngā raraunga mana a Google Web Vitals mō te tau 2025, ko te utaina o ngā whārangi pūkoro me te pumau o te tahora te 45% o te taumaha o Core Web Vitals.

Ka whakaoho tika mai tētahi ripanga e puea ake ana i tētahi taupatupatu tahora (CLS), ka heke ai te whakatauranga o tō whārangi.

I whakamātauria e au anō. I roto i tētahi ripanga whakatairite hua e 5-pou, me te kore he hoahoa urupare, ko te uara CLS pūkoro i eke ki te 0.35, he nui rawa atu i te whakaritenga a Google i raro iho i te 0.1.

I muri i te whakatinanatanga o te hoahoa urutau, i heke te kaute CLS ki te 0.03, ā, i piki ake te kaute wheako whārangi mai i te 58 ki te 92.

Ehara tēnā i te mea tino nui.

Ka whakatauirahia e ngā miihini whakaputa (pēnei i a Perplexity) te tautuhi i ngā whārangi he mārama te hanganga, ā, kāore he hapa tahora i te wā e ngoki ana i ngā ihirangi.

Mena kua hē te āhua o tō ripanga, ka whakatau te AI kāore e pono te ihirangi, ā, ka pekehia tō tuhinga, ka tohutoro tika atu ki aua whārangi kua tino urutauhia.

Kāore pea ngā ihirangi whai hua katoa e tuhia ana e koe kia "kitea" e te AI, nō reira me pēhea e taea ai e koe te tumanako kia nui haere te hunga mātakitaki me te kite i a rātou?

Otinga Matua 1: Hoahoa Urutau Ao CSS Parakore, Tautuhinga Kotahi-Wā me te Pānga Tuturu (Kōwhiringa Matua)

Koinei taku otinga tino whakamahia, tino pumau hoki. Kāore e whakawhirinaki ki tētahi monomai, ā, e kore ngā kaupapa e ngaro i te wā e whakahōu ana.

Mā te whakamahi noa i tētahi wāhanga CSS, ka urutau aunoa ngā tuhinga me ngā ripanga katoa o te pae tukutuku katoa, ka hototahi pai ki ngā ētita Gutenberg me ngā ētita tawhito.

Horopaki 1: He ripanga poto me ngā pou e 2-4, ka takai aunoa te ihirangi, ka uru pai ki te ipu.

He pai mō ngā ripanga tawhā me ngā ripanga whakatairite māmā, kia tino rite ai te ripanga ki te whānui o te tuhinga, ā, kia takai aunoa te ihirangi me te kore e waipuke.

Tāruatia te waehere tika WordPress backend → Āhua → Whakarite → Tāpirihia he CSS anō, kātahi ka whakaputaina.

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

Ko te kī i konei kotable-layout: fixed.

Ka aki i ngā ripanga kia piri ki te whānui o te ipu, kia kore ai e taupokina e ngā kupu roa, e ngā hononga rānei.

word-break: break-allMā tēnei ka āraia ngā ihirangi roa rawa, ka whakatauhia katoatia te raruraru waipuke.

Kua whakamahia e au tēnei otinga hei tukatuka i ngā ripanga mō ngā tuhinga 300+, me te hototahi 100% ki ngā waea pūkoro, ā, kāore he hapa tahora.

Horopaki 2: Ngā ripanga maha-pou me ngā pou e 5, neke atu rānei, te panuku whakapae i runga i ngā taputapu pūkoro, me te whakaaturanga katoa i runga i te papamahi.

I roto i ngā ripanga maha-pou (pērā i te ripanga whakatairite mahi 8-pou), ki te whakamahia ngā wehenga rārangi, ka tino kikī te ihirangi hei pānui.

Ko te otinga pai ko te whakaatu i te ripanga i runga i te papamahi, me te tāpiri aunoa i tētahi pae panuku whakapae ina iti iho te rahi o te mata i te 768px.

Ka taea e ngā kaiwhakamahi te swipe maui me te matau hei tiro i te ihirangi katoa me te kore e whakararuraru i te tahora, e ngaro rānei ngā mōhiohio.

Tāpirihia hoki ki te CSS tāpiri:

@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: 700pxKa taea e koe te whakarerekē i te maha o ngā pou kia nui ai te whānui o te ripanga hei whakaatu i ngā ihirangi.

-webkit-overflow-scrolling: touchHei whakangawari ake i te panuku i runga i te iOS, hei whakapai ake hoki i te wheako kaiwhakamahi.

Ngā raraunga whakamātautau tuturu: Whai muri i te whakamahinga o tēnei otinga, i piki ake te wā noho pūkoro o ngā tahora ripanga maha mā te 28%, ā, i heke iho te auau peke mā te 22%.

Otinga Matua 2: He tuhinga kotahi e taea ai te urutau, ka taea e te hunga tīmata te mahi me te kore waehere.

Mena kāore koe e hiahia ki te whakarerekē i te CSS ā-ao, ā, ko te hiahia anake kia aro ki ngā ripanga o tētahi tuhinga motuhake, ko tēnei tikanga te mea tino pai māu.

Ka whakaaturia te tukanga katoa, kāore e hiahiatia he mōhiotanga waehere.

1. Whakatikahia te tuhinga, tāpirihia he poraka "ripanga", ka whakakīia te ihirangi.
2. Tīpakohia te ripanga katoa, pāwhiritia "Rōpū" i te paeutauta, ka takai i te ripanga ki roto i tētahi ipu rōpū.
3. Tīpakohia tēnei rōpū, kātahi i ngā tautuhinga poraka taha matau → Arā Atu Anō → Tāpiri Akomanga CSS, patohia:responsive-table-single.
4. Hoki atu ki te Āhua → Whakarite → CSS Tāpiri, ka whakapiri i te waehere iti e whai ake nei:

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

Ma tenei, ko nga ripanga anake me tenei akomanga CSS ka urutau ki te whakatakotoranga hou; ka noho tonu etahi atu ripanga kaore e pa.

He tino pai mō ngā kaituhi purongo tauhou e whakamahi ana i ngā ripanga i ētahi wā, ā, kāore e hiahia ki te hanga i ngā huringa ā-ao.

Otinga Matua 3: Monomai kore-waehere, e tika ana mō ngā kaipupuri paetukutuku e hanga pinepine ana i ngā ripanga uaua.

Mena he maha ngā wā ka hangaia e koe he ripanga nui e hiahia ana kia whakamahia te CSS parakore, kia tātarihia, kia kawemai/kaweakehia rānei.

Anei ētahi monomai ripanga urutau e toru kua whakamatautauria, he māmā, ā, kāore he pānuitanga.

1. Toronga TablePress + Ngā Ripanga Urupare (tino rongonui)

Ko TablePress te monomai ripanga rongonui mō WordPress, me te neke atu i te 200 miriona tāutanga me te whakatauranga 4.9-whetu.

Mā te toronga mana o ngā Ripanga Urupare, ka taea e koe te whakahohe i te mahi urutau mā te pāwhiri kotahi.

E tautokona ana e ia ngā momo e toru: te panuku, te whakarārangi, me te whakapiko, ā, he tino pai te urutau mō ngā momo pūrere maha.

Kua whakamahia e au hei waihanga i ngā ripanga tawhā hua me ngā rārangi neke atu i te 100, ā, ka panuku maeneene i runga i ngā taputapu pūkoro, kāore he whakaroa.

2. Kaihanga Ripanga WP (Whakaaturanga Tōia me te Tuku)

He ētita tōia-me-taka, kāore e hiahiatia he waehere.

Kei roto i tēnei he pana urupare kua hangaia hei āwhina i a koe ki te whakarite takitahi i te tirohanga me te whānui o ngā pou mō ngā waea pūkoro, ngā papa, me ngā rorohiko papamahi.

He pai mō ngā kaituhi rangitaki e hiahia ana ki ngā momo kāhua ka taea te whakarite, ā, kāore e hiahia ki te whakararuraru i te mahi waehere.

3. Ripanga Urupare Aunoa (Aunoa Katoa)

Kāore he tautuhinga e hiahiatia ana i muri i te tāutanga me te whakahohenga.

Ka huri aunoa i ngā ripanga katoa o te pae tukutuku ki te hoahoa arotau, e tautoko ana i ngā pane piri me te mahi whakarōpū.

He painga mō te hunga tīmata, kāore he utu whakahaere.

E toru ngā kōrero matua mō ngā tēpu urutau e kore e arohia e te 90% o te iwi.

Ehara i te mea ngāwari te whakatutuki i te hoahoa urutau pērā i te tāpiri i tētahi wahi waehere.

Ka whakatau tika ēnei taipitopito e toru i tō wheako puka meSEOpaanga

1. Me arotau ngā whakaahua i roto i te ripanga.

He tokomaha te hunga e urutau ana i te whānui o te ripanga ki ngā āhuatanga o te rohe, engari ka wareware ki ngā whakaahua i roto i te ripanga.

Ahakoa he 800 pika te whānui o te ahua, ka pakaru tonu te tahora ina whakatakotoria ki roto i tētahi ripanga.

Me tāpiri e koe ngā mea e whai ake nei ki tō CSS:

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

Me whakaōrite ngā whakaahua ki te whānui o te pūtau, kia kore ai e waipuke te whakaahua.

2. Whakawetohia te pana "Whānui Pūmau" mō ngā ripanga Gutenberg.

Whai muri i te whakaurunga o te ripanga, i roto i ngā tautuhinga poraka i te taha matau, kimihia te "Ripanga whānui pumau" ā, kia tino whakawetohia.

Ina tahurihia tēnei pana, ka akiaki i te ripanga kia mau tonu te whānui, ka takahi tika i tō CSS urupare.

He tini rawa ngā kaituhi pukapuka kua kite ahau i tāpiri i te waehere tika, engari i hē tonu ā rātou ripanga nā te mea kāore i whakawetohia tēnei pana.

3. Arotauhia te tikanga o te ripanga hei whakapai ake i te tūponotanga o te ngokingoki AI.

He nui te aro o ngā miihini whakaputa (Perplexity, Google SGE) ki te hanganga tikanga o ngā ihirangi.

I te wā e hanga ana i tētahi ripanga, me whakamahi koe i<thead>Waihangatia te pane o te ripanga.<tbody>Waihangahia he ihirangi.<th>Waihangahia ngā pane kōrero.

Kaua e whakamahia noa<tr>A<td>Hei puranga.

Ko te pai ake o te tohu tikanga, ko te māmā ake mā te AI ki te mōhio ki ngā ihirangi o tō ripanga, ā, ko te teitei ake o te tūponotanga ka whakahuatia.

Te whakatau i ngā raruraru noa: He aha te kore e mahi ana taku waehere urutau?

Kua tāpirihia te waehere, kei te kī tonu te ripanga? Whāia ēnei kaupae e 3 hei whakatau i te raruraru, ā, hei whakaoti rapanga 100%.

1. Mukua te keteroki: Mukua te keteroki WordPress, te keteroki pūtirotiro, te keteroki CDN, katoa. He maha ngā wā, kāore e mahi te waehere nā te mea kāore anō kia whakahōutia te keteroki.
2. Tirohia te ingoa o te akomanga ipu: He rerekē ngā ingoa o te akomanga ipu mō ngā tuhinga mō ngā kaupapa rerekē. Whakamahia te mahi tirotiro F12 a te pūtirotiro hei kimi i te ingoa matua o te akomanga ipu o te ihirangi tuhinga, ka whakakapi i ngā āpure e tika ana i roto i te waehere..entry-content或.post-content.
3. Patupatu matua: He tino nui rawa te matua o te CSS ripanga o roto o te kaupapa, ā, ka takahi i tō waehere. Tāpirihia te `<prefix>` i muri i tō āhuatanga CSS.!importantWhakaritea kia matua.

Opaniraa

Ehara i te mea ko te wheako kaiwhakamahi anake te kaupapa o te hangarau urutau, engari ko te hanganga matua hoki mō te haere me te mana whakahaere.

I tēnei wā o te rapu whakaputa uri, kua roa te urutau o ngā ihirangi e hipa ana i te ao o te wheako kaiwhakamahi noa iho.

Koinei te paepae matua mō te āheinga o ngā miihini mohio ki te mohio, ki te whakahua, me te taunaki i a koe e ngā miihini mohio ki te hangarau (AI) pēnei i a Perplexity me Google SGE.

E kore e taea e tētahi ripanga tino urutau te pupuri i ngā kaiwhakamahi, te whakaiti i te reiti peke, me te whakapai ake i ngā kaute Core Web Vitals anake, engari ka taea hoki te hanga i tō ihirangi hei puna mōhiohio mana e whakatairangahia ana e te AI mō te ngokingoki.

E ai ki te tīma Google Web Vitals mana:"Ko te pumau o te tahora me te urutau pūkoro ngā huarahi matua mō te ihirangi kia kitea i te wā rapu AI."

Kaua e tukua he ripanga iti kia whakakino i te uara o tō tuhinga katoa.

Kia tīmata tātou i tēnei rā, kia arotau ngā ripanga katoa o te pae.

Koinei tētahi o ngā mahi arotakenga SEO me te haumi iti rawa me te hokinga mai teitei.

Mai i nāianei, kia tino whakaatuhia ngā puka katoa e waihangatia ana e koe i runga i tētahi pūrere.

Kia tino kitea e te tini te mōhiohio whai hua katoa e tohaina ana e koe, kia mōhiotia hoki e te AI, ā, kia awhihia hoki e te hunga haere.

Ko ngā taipitopito te mea e whakatau ana i te angitu, i te kore rānei, ā, ko te hototahi te mea e whakatau ana i te rere o ngā raraunga.

Haere ki te papamuri inaianei, tāruatia te waehere, ā, whakaotia te hoahoa urupare mā te pāwhiri kotahi.

Me tino pai te wheako pānui o tō paetukutuku WordPress puta noa i ngā taputapu katoa.