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
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.
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.
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á.
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í.
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.
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.
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.
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.
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.
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!
