skype kontakt - presta.profi

Home » rady tipy » Textový obsah bez HTML

Textový obsah bez HTML

Textový obsah bez nechtěného cizího HTML kódu je zásadní pro následné korektní zobrazení Vaši internetové stránky uživatelům a také kvalitní indexace ve vyhledávačích.

Ukázka HTML – WSWG editoru

Ukázka HTML - WSWG editoru

Vytvořit textový obsah bez nechtěného HTML kódu je bohužel stále velká neznámá pro spousty uživatelů aplikací, běžně používající HTML editory. Provozovatelé webů či eshopů si nejsou vědomy principů užití HTML editorů, které umožňují rychle a efektivně vložit celé kusy HTML kódu z jiných zdrojů. Podobně jako oheň je WSWG editor dobrý sluha, v rukou uživatele znalého HTML, ale špatný pán v rukou uživatele bez znalosti HTML.

Textový obsah bez nežádoucího HTML kódu je základem kvalitní indexace ve vyhledávačích

Běžná práce uživatele, kdy označí kurzorem obsahu jiné HTML stránky (udělá tzv. výběr) a následný úkon CTRL+C a CTRL+V (kopírování a vložení) do HTML editoru (možno užívat i výraz WSWG editor) končí vždy bohužel v neprospěch uživatele. HTML editory tak uchovají a prezentují i nechtěný HTML kód, který si přenesly do své stránky, nechtěně a nevědomky.

 

Textový obsah bez HTML =  kvalitní indexované stránky v eshopu Prestashop

Cílem je naučit provozovatele eshopů, jak si svépomocí vytvoří neškodný indexovatelný textový obsah bez nežádoucího HTML kódu, který si nevědomky nakopírovali. HTML editor (wswg editor) je použit na mnoha pozicích administrace eshopu. Řazeno podle důležitosti níže…

  • krátký info text na homepage / významná indexované stránka eshopu
  • produktové stránky – krátký a dlouhý popis produktu / nejdůležitější indexované stránky eshopu
  • stránky kategorií – popis / další významné indexované stránky eshopu
  • informativní CMS stránky, případné textové novinky / právě v případě užití jako novinky nutno dbát na kvalitu kódu
  • stránky blogu / i zde je využíváno jako textové novinky s nutností pohlídat kvalitu kódu
  • stránky výrobců či dopravců / je méně využíváno, pokud ano, i zde je nutno hlídat html kvalitu
  • případné doplňkové sekce pomocí různých modulů / mohou obsahovat html editor a případně poškodit html kvalitu jakékoliv stránky kde jsou prezentovány

 

 

Ukázka správného a chybného užití HTML editoru

Níže ukázka stránky kde je čisté formátování v podobě nadpisů a HTML tagů odstavců. Bez užití všech nechtěných vložených „style“ obsahů, nekorektní sémantiky, užití dalších tagů „div“ a dalších.

HTML editor - korektní obsah

A zde již ukázka běžné uživatelské katastrofy, která je bohužel nechtěným standardem na HTML stránkách mnoha webů či eshopů. Ne jen že tak naroste množství dat o více než 2/3 obsahu, ale výčet nadbytečných tagů by zabral vlastní obrazovku. Cílem tohoto článku není naučit Vás rychle chápat HTML kód, ale naučit ZKONTROLOVAT ZDROJOVÝ KÓD stránky a tím předcházet a vyvarovat se chybného užití HTML editoru.

Nekvalitní HTML kód v obsahu HTML editoru

 

Textový obsah bez HTML –  jak vyčistit  nežádoucí HTML kód z webové stránky

Asi nejméně komplikovaná je užití windows aplikace NOTEPAD = Poznámkový blok, což je „čistý editor“, který neumí používat HTML. Právě tato funkčnost je pro „očištění“ kopírovaného obsahu klíčová.

Notepad - Poznámkový blok

Každý uživatel má k dispozici a stačí si ho tedy dát vyhledat (v dolní liště windows ikona vyhledat), použít, případně si vytvořit zástupce pro nezbytné opakované použití.

Jak najít notepad ve windows

 

 

Postup očisty HTML kódu pomocí Notepad – Poznámkový blok

Krok 1 – kopírování obsahu z cizího zdroje

níže ukázka klasického výběru na nějaké zdrojové stránce a užití kopírování, nebo zkratky CTRL+C. Přesně tímto způsobem nevědomky vybíráte a kopírujete a i veškerý neviditelný zdrojový HTML kód, který následně na vlastní cílové stránce nepotřebujete, nebo spíše nevědomky nechcete.

kopírování obsahu z cizího zdroje - včetně html

Krok 2 – vložení kopírovaného obsahu do okna editoru NOTEPAD – Poznámkový blok

Vynecháte přenos do editoru eshopu, ale nejdříve vložíte do okna poznámkového bloku (notepad) pomocí vložit, nebo CTRL+V. Tento proces odstraní veškerý nežádoucí původní HTML kód cizího zdroje. Získáte tak čistý text o který Vám jde, aby jste použili na Vašich stránkách.

čistění - odstranění HTML

Krok 3 – vykopírování čistého textu z Notepad

Text následně označíte a vyberete k dalšímu kopírování. Tímto krokem máte čistý text připraven vložit do okna HTML editoru Vaší aplikace. Následně připraven na vlastní naformátování = tvorba nadpisů, odstavců, ztučnění, odkazů, vložení obrázků či videa.

vykopírování čistého textu z Notepad

Krok 4 – vložení čistého textu z Notepad do HTML editoru Vašeho webu

Kde kontrole stačí použít první tlačítko označeno jako „<>“ a je zde jasně vidět naprosté minimum HTML kódu ve srovnání s ukázkou v horní části článku.

vložení čistého textu do HTML editoru

Krok 5 – naformátování vloženého „očištěného“ textového obsahu

pro další formát obsahu stačí použít „enter“ na odstavce a v případě že jste znalý sémantiky doplnit Nadpisy výběrem z nabídky v pravé části okna wswg. Případně použít odstavce, ztučnění a další položky mimo ty které jsou zde označeny.

naformátování vloženého čistého textového  obsahu

Určitě nepoužívejte červeně označené položky, které přidají vlastní vložené STYLY, které na stránkách kvůli kvalitní indexaci do vyhledávačů, také nechcete.

Zde jsem dohledal velmi staré video, které prezentuje užití popsaných kroků výše, rozdíl je pouze v tom že tvůrce následně čistý text použije ve vlastním textovém dokumentu. Vy tedy finálně vkládáte obsah do okna HTML editoru v eshopu, snad pomůže!