Kā izveidot skaistus un SEO optimizētus aprakstus OpenCart

Ja jūs vienkārši ielīmējat tekstu no Word vai Google Docs OpenCart redaktorā, lapa parasti izskatās nekārtīga: izjūk atkāpes, stili nesakrīt ar dizainu, teksts izskatās neakurāts un “peld”:

Bet, ja saturu ievieto, izmantojot Code view </> ar tīru HTML, lapa izskatās strukturēta, kārtīga un pilnībā atbilst vietnes dizainam:


Kāpēc tas ir svarīgi SEO

Strukturēts HTML tieši ietekmē SEO:

  • meklētājprogrammas labāk saprot lapas struktūru
  • <h2>–<h3> virsraksti uzlabo lapas pocīciju meklēšanā
  • tīrs kods paātrina lapas ielādi
  • nav lieku tagu, kas samazina “troksni” kodā

Rezultātā:

  • lapa tiek indeksēta precīzāk
  • palielinās atbilstība
  • uzlabojas pozīcijas meklēšanā

Tāpēc ir svarīgi ne tikai pievienot tekstu, bet arī pareizi to strukturēt.


Kas nav kārtībā ar parastu kopēšanu:

Kopējot tekstu OpenCart, tajā nonāk lieks kods:

  • daudz lieku elementu (piemēram, <span>, kas nav vajadzīgi)
  • nevajadzīgi HTML tagi
  • iebūvēti stili (krāsas, fonti un izmēri tieši kodā, kas konfliktē ar dizainu)
  • pārslogots un “smags” kods, kas palēnina lapu

Tas noved pie:

  • slikta izskata
  • dizaina problēmām
  • sarežģītas rediģēšanas
  • lēnākas lapas darbības

1. metode (labākā): rakstīt uzreiz Markdown redaktorā

Ja neesat pazīstams ar Markdown, varat iepazīties šeit.

Rakstiet tekstu uzreiz vienkāršā redaktorā:

  • StackEdit (tiešsaistes redaktors)
  • Windows Notepad++
  • Sublime Text
  • vai citā vienkāršā teksta redaktorā

  1. StackEdit ļauj rakstīt tekstu kreisajā pusē un uzreiz redzēt rezultātu labajā pusē:

  1. StackEdit ļauj eksportēt HTML tieši starpliktuvē vienā solī. Ja izmantojat citu redaktoru, var būt nepieciešams konvertēt ar md2html.com
  2. Iegūstiet HTML un ievietojiet to OpenCart.

Kā ievietot HTML OpenCart

  1. Atveriet aprakstu ar pogu Edit
  2. Nospiediet Code view </>

  1. Ievietojiet nokopēto HTML

Pēc tam:

  • vēlreiz nospiediet Code view </>
  • neaizmirstiet saglabāt ar Save

Kāpēc tas ir labākais veids

  • nav vispār lieka koda

  • nav nepieciešama dubulta konvertācija

  • ātrāka darbība

  • maksimāli tīrs HTML


Kā tas darbojas ar teksta redaktoriem, izmantojot Windows Notepad++ piemēru

  1. Vispirms varat uzrakstīt savu parasto tekstu.

  2. Pēc tam pievienojiet vienkāršu Markdown marķējumu (virsraksti, saraksti utt.) un saglabājiet failu ar paplašinājumu .md:

  3. Ielīmējiet iegūto tekstu jebkurā tiešsaistes konvertētājā (piemēram, md2html.com)

  4. Iegūstiet gatavu HTML un ievietojiet to OpenCart


2. metode: gatava teksta konvertēšana (no Word / Google Docs)

Ja teksts jau ir gatavs, to var korekti pārveidot.


1. solis. Konvertējiet uz Markdown

Dokumentu ar tekstu no Google Docs var uzreiz saglabāt kā .md, šim nolūkam nospiediet “Fails” → “Lejupielādēt” → “Markdown (.md)”.
Vai arī izmantojiet jebkuru konvertētāju (piemēram, word2md):

  • ievietojiet savu .docx dokumentu

  • iegūstiet Markdown un nokopējiet to


2. solis. Rediģējiet Markdown

Atveriet rezultātu redaktorā:

Pārbaudiet:

  • virsrakstus

  • sarakstus

  • rindkopas

Izlabojiet iespējamās kļūdas.


3. solis. Iegūstiet HTML

Izmantojiet tiešsaistes konvertētāju Markdown → HTML. Piemēram: md2html.com

→ ievietojiet Markdown
→ iegūstiet gatavu HTML
→ nokopējiet un ievietojiet OpenCart


Par neirontīkliem

Ja izmantojat ChatGPT vai citus AI rīkus tekstu rakstīšanai - kopējiet tekstu ar pogu “Copy”. Lielākajā daļā gadījumu tas jau būs Markdown formātā.

Tālāk:

  • ievietojiet to Markdown redaktorā

  • ja nepieciešams, rediģējiet

  • iegūstiet HTML


Kopsavilkums

Markdown palīdz izveidot tīru HTML, kas:

  • pareizi attēlojas
  • nebojā stilus
  • uzlabo SEO
  • paātrina vietni

Nevēlaties tērēt laiku?

Ja nevēlaties iedziļināties Markdown un HTML – uzticiet to mums.
Mēs sagatavosim tīru un SEO optimizētu saturu jūsu OpenCart veikalam.