Je nutná validace HTML?! Použití HTML validátoru a praktických tipů

Stránky všech webových stránek na internetu jsou navrženy se speciálním kódem napsaným podle standardizovaných pravidel HTML.

co je platnost?

Validace je kontrola souladu se zavedenými standardy a v kontextu používaném webmastery správnosti kódu stránky: syntaktické chyby, vnoření značek atd. Pokud je vše provedeno „správně“, kód stránky by neměl obsahovat nesprávné atributy, struktury a chyby. Ověření webových stránek umožňuje identifikovat nedostatky, které je třeba napravit.

Platnost webu je soulad kódu s existujícími standardy HTML.

Zda jsou v kódu webové stránky nějaké komentáře nebo chyby, můžete zjistit online nebo bez přístupu k internetu a pomocí offline programů.

Co jsou validátory kódu

Validátor kódu je program, který lze použít ke kontrole HTML kódu stránek a kódu CSS z hlediska souladu s moderními standardy.

Najde a zaznamená nesprávné prvky, uvede jejich umístění a formuluje, co přesně je špatně naformátováno.

Základní „znaky“ platného rozvržení

Platný layout obsahuje kód, který plně vyhovuje požadavkům W3C (World Wide Web Consortium), které vyvíjí technologické standardy pro celý internet.

Pokud je kód na stránkách webu správný, pak se web zobrazuje správně (a není křivý) ve všech prohlížečích.

Ve výsledcích vyhledávání nejsou žádná podezření z nespravedlivého „downgradu“ a z indexu nejsou odstraněny žádné stránky.

..

, Příklad. Pokud jsou značky nesprávné

(zejména chybí uzavírací prvek), pak vyhledávač nic neopraví - vyloží si to tak, jak je to v kódu napsáno černobíle. V důsledku toho mohou nastat důsledky související s propagací webu.

Je při propagaci webu důležitý platný vzhled?

Někteří webmasteři tento problém konkrétně zkoumali a snažili se zjistit, zda výsledky hodnocení závisí na výsledcích ověření. Webmaster Mark Daost poznamenal, že platnost kódu není zásadní. Shaun Anderson naopak přišel na to, že validita je z hlediska hodnocení ve vyhledávání jako balzám na duši webu.

Další specialista Mike Davidson také provedl podobný experiment a dospěl k závěru, že Google klasifikuje stránky podle kvality jejich psaní. Například neuzavřená značka může způsobit, že část obsahu bude vnímána jako hodnota této značky.

Tento webmaster uvedl velmi důležitou věc:

Nelze s jistotou říci, jak silně závisí hodnocení na platnosti kódu, ale je naprosto jisté, že existující nedostatky mohou vést k odstranění stránek nebo celého webu z indexu vyhledávače.

Proč je potřeba platný kód?

Platný kód umožňuje správné zobrazení stránek v prohlížečích (a styly CSS webu se nemusí zobrazovat správně).

Navíc je docela možné, že v jednom prohlížeči se váš web zobrazí tak, jak jste jej nakonfigurovali, a v jiném - zcela jinak. Obraz může být zkreslený a obsah může být zcela nečitelný.

V důsledku toho ztratíte provoz z tohoto prohlížeče. Výsledky vyhledávání navíc výrazně ovlivňuje faktor chování, který je jedním ze tří nejdůležitějších faktorů v SEO.

Představte si, že návštěvníci přijdou na váš web a okamžitě ho zavřou kvůli neschopnosti vnímat informace – díky chybám v kódu. Nebo se obvykle vrátí zpět do vyhledávače, protože nebylo nalezeno řešení. To vše udělá medvědí službu, protože nakonec faktor chování změní pozici webu k horšímu.

Jak zkontrolovat platnost webu

Ke kontrole integrity kódu nejčastěji používají velmi užitečnou stránku validátoru „Markup Validation Service“, která se nachází na adrese: http://validator.w3.org, vytvořená organizací W3C.

HTML

Zde máte tři možnosti ověření:

• zadejte adresu URL stránky;
• nahrajte soubor kódu ze svého počítače;
• vložte hotový kód do formuláře.

Služba nejen upozorňuje na chyby html kódu a jejich umístění, ale také radí, jak je opravit. Pokud je kód již dostupný na webu, můžete jej ověřit zadáním jeho URL do formuláře „Validate by URL“ a kliknutím na tlačítko Check. HTML validátor umožní čtení kódu a reportuje výsledky.

Musíte zadat přesnou adresu URL stránky URL, kterou kontrolujete. Celý web nebude kontrolován. Zadejte adresu webu - za program je považována pouze jeho domovská stránka. Pokud jsou nalezeny nějaké komentáře, je vydáno upozornění na neplatnost kódu programu a poté jsou uvedeny řádky s chybami.

Toto video jasně vysvětluje proces ověření pomocí validátoru:

Kontrola místních souborů

Na stejné adrese http://validator.w3.org můžete kód zkontrolovat tak, že vyberete záložku „Validate by File Upload“ a nahrajete dokument s napsaným kódem.

Vyberte cestu k požadovanému souboru a klikněte na Zkontrolovat. Pak se vše děje stejným způsobem.

Pomocí formuláře zadejte kód

Někdy je pohodlnější okamžitě vložit kód stránky a zkontrolovat jej online: vyberte kartu „Ověřit přímým zadáním“ a odešlete veškerý kód na server.

CSS

Platnost kódu CSS lze také zkontrolovat pomocí online validátoru: https://jigsaw.w3.org/css-validator/

Vše je zde v ruštině, pro mnohé je to opravdu příjemné překvapení.

Opět se můžete rozhodnout zadat adresu URL, nahrát soubor nebo vložit kód.

Stránka je zkontrolována na chyby, jako v případě HTML, a obdržíme odpověď ze serveru. Neexistují žádná nastavení ověřování, ale můžete si prohlédnout navrhovaný vygenerovaný platný kód umístěný za seznamem chyb v kódu.

Prostudujeme výsledný kód a dovedeme ten původní do požadované podoby.

Rozšíření prohlížeče

Pro prohlížeče existují nejrůznější ověřovací rozšíření. Pro Google Chrome existuje plugin HTML Tidy Browser Extension, který kontroluje platnost kódu, pro Opera - rozšíření Validator, pro Safari - Zappatic, pro Firefor - HTML Validator.

Podívejme se na poslední jmenovaný podrobněji. Provádí stejné ověření jako validátor, pouze offline. Můžete ho získat zde http://users.skynet.be/mgueury/mozilla/

Nainstalujte rozšíření, restartujte prohlížeč – a můžete začít hned pracovat. Pokud máte s instalací nějaké problémy, můžete napsat na podporu Mozilla Firefox nebo se podívat na fórum http://forum.mozilla-russia.org/doku.php?id=general:extensions_installing

Podrobné video o instalaci HTML Validatoru a jeho použití:

Při načítání jakékoli adresy URL se rozšíření automaticky povolí a přečte kód. Výsledek je vidět v pravém horním rohu.

Výsledek vypadá jako malý obrázek s výsledkem ověření:

Kliknutím na výsledek můžete otevřít:
— zdrojový kód;
— chyby - v levém dolním bloku (nebo zpráva o platnosti);
— tipy na opravu chyb jsou vpravo dole.

Jak opravit nejčastější chyby

Bez ohledu na to, jak je kód zkontrolován, chyby se objeví v seznamu. Musí být také uveden řádek s vadou.

Před úpravou kódu se pro každý případ vyplatí vytvořit záložní kopii šablony webu.

V rozšíření Firefox, když kliknete na název chyby v otevřeném okně rozšíření, budete automaticky přesměrováni na řádek s neplatným kódem.

Tyto stejné chyby obsahují tipy, jak je opravit.
Dovolte mi uvést několik příkladů.

1. Žádná mezera mezi atributy.
…rel=”ikona zástupce” href=”http://arbero.ru/favicon.ico” type=”image/x-icon”

Zde opravy mají odstranit „středník“.

2. Koncová značka pro prvek „div“, který není otevřený

Závěrečná značka div je nadbytečná. Pojďme to odstranit.

Umíte špatně anglicky (a vždy je v ní vše popsáno)? Zkopírujte kód chyby a vložte jej do vyhledávače. Podobné téma již pravděpodobně popsal nějaký webmaster nebo návrhář layoutu, proto vždy najdete způsob, jak problém vyřešit na specializovaných zdrojích.

I když, abych byl upřímný, na chyby v kódu bych moc úsilí nevynaložil. Je lepší se jen ujistit, že web vypadá správně na všech zařízeních a prohlížečích.

Kontrola platnosti HTML kódu stránky je nezbytně součástí mého . Ale není třeba přeceňovat význam validačních chyb na SEO propagaci – je velmi malý. Pro jakékoli téma v TOP budou stránky s velkým počtem takových chyb a žijí v pohodě.

ALE! Absence technických chyb na webu je hodnotícím faktorem, a proto by tato příležitost neměla být zanedbána. Je lepší to opravit, horší to rozhodně nebude. Vyhledávače uvidí vaše úsilí a dají vám malé plus ve vaší karmě.

Jak zkontrolovat web na platnost kódu HTML

Kód webu je ověřen pomocí online služby W3C HTML Validator. Pokud se vyskytnou chyby, služba vám poskytne seznam. Nyní rozeberu nejčastější typy chyb, se kterými jsem se na stránkách setkal.

• Chyba: Duplicitní ID min_value_62222

A za touto chybou se skrývá varování.

• Upozornění: První výskyt ID min_value_62222 byl zde

To znamená, že je duplikováno ID identifikátoru stylu, které musí být podle pravidel platnosti html jedinečné. Místo ID můžete pro duplicitní objekty použít CLASS.

Oprava tohoto je žádoucí, ale není příliš kritická. Pokud je takových chyb hodně, je lepší je opravit.

Podobně mohou existovat další možnosti:

• Chyba: Duplicitní ID placeWorkTimes
• Chyba: Duplicitní ID callbackCss-css
• Chyba: Duplicitní ID Capa_1

Následující je velmi časté varování.

• Upozornění: Atribut type je pro zdroje JavaScriptu zbytečný

Toto je velmi častá chyba při kontrole ověření webových stránek. Podle pravidel HTML5 není atribut type potřeba pro značku skriptu, jedná se o zastaralý prvek.

Podobné upozornění pro styly:

• Upozornění: Atribut type pro prvek style není potřeba a měl by být vynechán

Oprava těchto varování je žádoucí, ale ne kritická. Pokud je velké množství, je lepší to opravit.

• Upozornění: Vyhněte se hodnotám výřezu, které uživatelům brání ve změně velikosti dokumentů

Toto varování znamená, že nemůžete zvětšit velikost stránky na mobilu nebo tabletu. To znamená, že uživatel se chtěl blíže podívat na obrázky nebo velmi malý text a nemůže to udělat.

Toto upozornění považuji za velmi nežádoucí, je pro uživatele nepohodlné a je to behaviorální mínus. Eliminováno odstraněním těchto prvků - maximum-scale=1.0 a user-scalable=no.

• Chyba: Byl zadán atribut itemprop, ale prvek není vlastností žádné položky

Toto je mikro značkování, atribut itemprop musí být uvnitř prvku s itemscope. Myslím, že tato chyba není kritická a může být ponechána tak, jak je.

• Upozornění: Dokumenty by neměly používat about:legacy-compat, s výjimkou případů, kdy je generují starší systémy, které nedokážou vytisknout standardní typ dokumentu

Řádek about:legacy-compat je potřeba pouze pro generátory html. Zde to stačí udělat, ale chyba není vůbec kritická.

• Chyba: Zbloudilý zdroj koncové značky

Pokud se podíváte do kódu samotného webu a najdete tento prvek, můžete vidět, že jde o jedinou značku registrován jako pár - to není správné.

V souladu s tím musíte z kódu odstranit uzavírací značku. Podobně jako u této chyby se mohou objevit značky

• Chyba: Prvek img musí mít atribut alt, s výjimkou určitých podmínek. Podrobnosti naleznete v pokynech k poskytování textových alternativ pro obrázky

Všechny obrázky musí mít atribut alt, tuto chybu považuji za kritickou a je třeba ji opravit.

• Chyba: Prvek ol není v tomto kontextu povolen jako podřízený prvek prvku ul. (Potlačení dalších chyb z tohoto podstromu.)

Vnoření značek je zde nesprávné. V

tam by mělo být
• . V tomto příkladu nejsou tyto prvky vůbec potřeba.

  

  Podobně se mohou vyskytnout další chyby, jako je tato:

  • Prvek h2 není v tomto kontextu povolen jako podřízený prvek prvku ul.
  • Prvek a není v tomto kontextu povolen jako potomek prvku ul.
  • Prvek noindex není v tomto kontextu povolen jako potomek prvku li.
  • Element div není v tomto kontextu povolen jako potomek prvku ul.

  To vše je potřeba napravit.

  • Chyba: Atribut http-equiv není v tomto okamžiku pro prvek meta povolen

  

  Atribut http-equiv není určen pro prvek meta, je třeba jej odstranit nebo nahradit.

  Podobné chyby:

  • Chyba: Atribut n2-lightbox není v tomto okamžiku pro prvek a povolen.
  • Chyba: Atribut asyncsrc není v tomto okamžiku povolen ve skriptu prvku.
  • Chyba: Atribut price není u možnosti prvku v tuto chvíli povolen.
  • Chyba: Atribut hashstring není v tomto okamžiku povolen v rozpětí prvku.

  Zde je také potřeba buď odstranit atributy n2-lightbox, asyncsrc, price, hashstring nebo je nahradit jinými možnostmi.

  • Chyba: Špatná počáteční značka v obrázku v hlavě

  Nebo takhle:

  • Chyba: Chybná počáteční značka v div v hlavě

  

  Značky Img a div by neměly být in . Tuto chybu je třeba opravit.

  • Chyba: CSS: Chyba analýzy

  

  V tomto případě by za závorkou ve stylech neměl být středník.

  No taková chybička, maličkost, ale ne příjemná) Podívejte se sami, zda je potřeba ji odstranit nebo ne, na propagaci stránek to nebude mít žádný dopad.

  • Upozornění: Atribut charset v prvku script je zastaralý

  Již není potřeba specifikovat kódování ve skriptech, jedná se o zastaralý prvek. Varování není kritické, podle vašeho uvážení.

  • Chyba: Skript prvku nesmí mít atribut charset, pokud není zadán také atribut src

  V této chybě musíte ze skriptu odstranit atribut charset="uft-8", protože zobrazuje kódování mimo skript. Myslím, že je potřeba tuto chybu napravit.

  • Upozornění: Prázdný nadpis

  

  Zde je prázdná hlavička h1. Štítky je třeba odstranit

  nebo mezi ně vložte název. Chyba je kritická.
  • Chyba: End tag br

  

  Značka br je jednoduchá, ale je vyrobena tak, jako by uzavírala pár. Potřebujeme odstranit / ze značky.

  • Chyba: Odkaz na pojmenovaný znak nebyl ukončen středníkem. (Nebo & mělo být uvozeno jako &.)

  

  Jedná se o speciální HTML znaky, musíte je napsat správně nebo &kopírovat. Je lepší tuto chybu opravit.

  • Závažná chyba: Po poslední chybě nelze obnovit. Jakékoli další chyby budou ignorovány

  Toto je závažná chyba:

  

  Po nemělo by tam být vůbec nic, protože je to poslední uzavírací značka stránky. Po něm je potřeba vše smazat nebo přesunout výše.

  • Chyba: CSS: vpravo: pouze 0 může být jednotkou. Za číslo musíte zadat jednotku

  Musíte napsat hodnotu v px:

  

  Zde je podobná chyba:

  • Chyba: CSS: margin-top: pouze 0 může být jednotkou. Za číslo musíte zadat jednotku
  • Chyba: Neuzavřený prvek a

  Standard HTML jasně definuje základní strukturu webového dokumentu. Jazyk HTML je podmnožinou jazyka pro popis dokumentů SGML (Structured Generalized Markup Language), tedy html dokument je textový dokument skládající se z html kódů a hlavního textu dokumentu. Pro zobrazení tohoto dokumentu potřebujete WEBový prohlížeč - speciální program pro interpretaci a správné zobrazení stránky na obrazovce.

  Co je standard HTML?

  * HTML původně vyvinul Tim Berners-Lee a popularizoval jej prohlížeč Mosaic vyvinutý NCSA. Během 90. let. doslova rozkvetla díky rychlému rozvoji webu. Bývaly doby, kdy byli weboví vývojáři nuceni používat standard HTML 2.0 (vyvinutý pod záštitou Internet Engineering Task Force (IETF) za účelem zefektivnění konvencí na konci roku 1994), který podporoval pouze formátování textu a vkládání jednoduché grafiky.
  * V roce 1995 byly zveřejněny některé návrhy rozšířeného standardu HTML 3.0 a staly se neoficiálními směrnicemi HTML, které byly implementovány v různých prohlížečích.
  * V květnu 1996 se objevila standardní verze 3.2. Organizací odpovědnou za standard je WWW Consortium (W3C - world wide web consortium je sdružení zástupců průmyslu a vědy);
  * 18. prosince 1997 byla vydána první verze specifikace W3C pro HTML 4.0. Druhé číslo (24. dubna 1998) obsahovalo některé redakční změny.
  * 24. prosince 1999 byl vydán standard HTML 4.01 - některé chyby byly opraveny v předchozím standardu - 4.0
  * Přítomnost standardu předpokládá potřebu speciálního programu (samotný VALIDATOR), který kontroluje porušení specifikací, podle kterých byl dokument sestaven v HTML dokumentu, pokud tam tato porušení skutečně existují.

  Co je to validátor?
  definice:
  Validátor: vyhovující SGML analyzátor, který dokáže najít a nahlásit chybu značkování, kterou lze hlásit, pokud (a pouze pokud) taková existuje.
  Validátor: Analyzátor souladu s SGML, který najde a nahlásí chybu značkování, kterou lze hlásit, pokud (a pouze pokud) taková existuje.

  ISO 8896, odstavec 15.4.

  HTML systém je tedy validační HTML systém if
  1) jedná se o validační analyzátor SGML podle ISO 8879, článek 15.4;
  2) je schopen zpracovat jakýkoli dokument kompatibilní s HTML;
  3) najde a nahlásí chybu v HTML, pokud existuje;
  4) nehlásí chybu v HTML, pokud neexistuje.

  ISO/IEC 15445:2000/DCOR 1:2001(E), odstavec 2.2.

  Je třeba si uvědomit, že html dokument není soběstačný fenomén a sám o sobě nevypadá jako nic. Stránka má viditelnou podobu pouze v konkrétním prohlížeči. Jak ukazuje praxe, různé prohlížeče zobrazují konkrétní stránku různými způsoby (zobrazení stránek závisí na fungování opravných algoritmů zabudovaných v prohlížeči a tyto algoritmy jsou v různých prohlížečích velmi odlišné) a zpravidla všechny tyto metody jsou správné. Ve skutečnosti je to jedna z důležitých výhod sítě - řekněme, že člověk se špatným zrakem si může zvětšit písmo nebo použít prohlížeč pro čtení, a k tomu nemusí připravovat samostatnou speciální verzi webu.

  Dva nejběžnější prohlížeče pro Windows vykreslují stránky zhruba stejně, liší se pouze v detailech, jako jsou okraje a odsazení. Prohlížeče pro Macintosh nebo *Nix se od těchto dvou obvykle liší v globálnějších ohledech. Zjevnou výhodou standardu je, že je mnohem snazší ovládat jednu specifikaci než mnoho prohlížečů.
  citovat:
  „...Pro lidi se zrakovým postižením nabízí HTML slibnou příležitost poskytnout jim rovný přístup k široké veřejnosti při použití základního grafického uživatelského rozhraní Windows. Tabulkový model HTML obsahuje atributy pro označení každé buňky pro podporu vysoce kvalitního textu pro hlasové rozhraní. Tyto stejné atributy lze použít k podpoře automatického importu a exportu dat tabulek do databází nebo tabulek...“

  Mnoho vývojářů (většinou začínající webdesignéři) nemusí souhlasit s tím, že kód je v souladu se specifikací: „Ověřovatel zanechává nudné weby, zabíjí kreativitu.“ Tento názor vzniká z prosté lenosti. Správný HTML text plně umožňuje dynamiku, multimediální objekty, použití skriptů atd.; Jde jen o to, že všechny tyto efekty lze provést kompetentně nebo je lze provést negramotně. Musíme také pamatovat na to, že v jakékoli tvůrčí oblasti se člověk musí nejprve naučit pravidla, a teprve potom je umět překonat. Navíc ani zkušení vývojáři nejsou imunní vůči chybám, které můžeme všichni udělat překlepy nebo zapomenout zavřít značku. Validátor je schopen takové chyby sledovat a explicitně označit umístění s nesprávným formátováním.

  Zde jsou konkrétní příklady chyb, které validátor zjistí:
  

  ISO 8896, odstavec 15.4.

  - špatně
  (Chyba: byla zde počáteční značka).
  

  ISO 8896, odstavec 15.4.

  - Správně.

  text vložen

  - špatně
  (Chyba: prvek "P" zde není povolen; možnou příčinou je vložený prvek obsahující prvek na úrovni bloku)
  

  Text vložen

  - Správně.

  Pokud zjistíte, že potřebujete zkontrolovat svůj kód podle specifikace, zde je několik tipů:

  Kde mohu získat validátor?

  Validátor ve formě webové stránky je nabízen na https://validator.w3.org. Je založen na Clarkově SP.

  Na https://htmlhelp.com/ je také validátor. Je také založen na SP, i když mírně upravený. Autoři deklarují, že je ve svém hodnocení přísnější a deklaruje potenciálně nebezpečná, i když platná místa (například neuzavřená visačka s volitelným uzávěrem). Jsou nabízeny zdroje validátorů

  Bezplatný validátor dostupný pro všechny platformy lze stáhnout z webových stránek J. Clarka (https://www.jclark.com/sp/). Spolu s parserem/validátorem je součástí dodávky i normalizátor proudu.

  W3C distribuuje zdrojový kód validátoru na https://validator.w3.org/, ale ve skutečnosti to není validátor. Jedná se pouze o adaptaci Clarke validátoru na webové rozhraní, prováděnou v Perlu. Popis této úpravy jasně říká, že byste měli mít na stroji validátor Clarke. Další odkazy:
  · https://ugweb.cs.ualberta.ca/~gerald/validate/
  · https://www.webtechs.com/html-val-svc/
  · https://www2.imagiware.com/RxHTML/

  Lze nástroj z HomeSite – Validate Document – ​​nazvat validátorem?

  Vývojáři Allaire HomeSite oznamují, že „...je jimi ověřovací program vydáván pod názvem „validátor“ čistě z komerčních důvodů...“, a neuvolní skutečný validátor.

  Program, který je součástí HomeSite, porušuje definici validátoru: najde a zobrazí chyby, které nebyly provedeny, a nenajde chyby, které byly provedeny.
  Zde je příklad jejího nesprávného jednání:
  A)
  Reakce: žádná reakce.
  Ve skutečnosti je zde chyba: ALT druhého IMG není nastaveno.
  b)
  
  Reakce: chyba.
  Ve skutečnosti je tento tag možný v rámci XHTML.

  Touha po dokonalosti je prvním znakem profesionality a není třeba se zaměřovat na oblíbené, ale zdaleka ne dokonalé html kódové portály. Možná manažeři takových stránek po analýze statistik návštěv zjistili, že 99 % navštěvujících uživatelů uvidí vše tak, jak zamýšlel jejich designér... Možná autoři stránek ze svých návštěvníků záměrně vylučují handicapované... nicméně, měli byste si pamatovat takové pojmy, jako je humanismus a požadavky zákona. S příchodem oficiálního standardu hrozí, že porušení specifikace bude žalováno za znepřístupnění stránky těm, kteří nemohou používat „běžný“ prohlížeč. Přestože v regionech bývalých zemí SNS je legislativa v tomto ohledu značně omezená, v osvíceném světě je tato problematika vyřešena lépe. Přístupnost postupně nabývá na síle zákona. Validátor nezaručuje dostupnost (protože nenahrazuje zdravý rozum), ale pomáhá zajistit, že všichni uživatelé jsou adekvátně podporováni.

  Úspěšné webové stránky a dokonalý kód pro vás, milí vývojáři!

  V tomto článku představím koncept "platnost" kód webu (html a css). Doufám, že si každý pamatuje, že html je struktura webu. Css - pravidla a styly pro značky, které jsou popsány v html.

  Pochopíme to od samého dna: teorie, a pak přejdeme k praxi. Najdete zde také odpovědi na následující otázky: jaká je platnost kódu html a css, proč je to potřeba, proč vyhledávače milují čistý / platný kód. A co je nejdůležitější, ukážu vám na příkladech, jak zkontrolovat platnost kódu webu.

  Proč potřebujete kontrolovat platnost html a css kódu?

  Platnost - jinak čistý kód (bez chyb)

  Konstanta č. 1. Platnost kódu webu umožňuje správné zobrazení webu v různých prohlížečích, tzn. všechny vizuální a funkční součásti webu jsou zobrazeny a fungují správně. Nejčastěji se ukazuje, že prohlížeč zpracovává a zobrazuje všechny prvky webu správně, ale to neznamená, že kód je čistý a hladký jako dětský zadek.

  Konstanta č. 2.Čistý kód (html a css) je podporován vyhledávači (Yandex, Google). Když mluvíme rusky, když robot vyhledávače přijde na váš zdroj a uvidí, že platnost byla splněna, pak vyhledávací robot bude vědět, že tento zdroj je bez chyb, a proto bude s webem zacházet k lepšímu.

  Z osobní zkušenosti: V mé praxi došlo k situaci, kdy se nové články na blogu nechtěly objevit ve výsledcích vyhledávání. Zdá se, že děláte všechno správně, ale Yandex se nezobrazuje a to je vše! Co dělat, kde kopat? Někdo si bude myslet, že filtry jsou filtry, ale nic takového neexistuje.

  Zkontroloval jsem stránky na platnost html kódu a jak jsem byl překvapen a uvědomil jsem si, kde je zakopaný pes. Ukázalo se, že v kódu chybí uzavírací značka, a to je speciální značka, která uzavírá části kódu nebo odkazy z vyhledávače Yandex. A co jsem dostal? Celý článek je uzavřen z indexování. Zde je odpověď na otázku: "Proč to není ve výsledcích vyhledávání?" Pak jsem samozřejmě tuto chybu opravil.

  Přejděme od prostého textu s teorií k praxi a naučte se, jak provádět ověřovací kontroly online

  Dobrý den, drazí přátelé! Jsem rád, že tě vidím na mém blogu! Dnes budeme mluvit o HTML platnost na webu jako celku i na jeho jednotlivých stránkách. Platnost je soulad kódu s určitými standardy. World Wide Web Consortium (W3C), mezinárodní společenství organizací, zaměstnanců a veřejnosti, pracuje na vývoji webových standardů.

  Posláním konsorcia je uvolnit plný potenciál World Wide Web vývojem a implementací protokolů a směrnic, které umožňují dlouhodobý růst internetu.

  Oficiální web W3C poskytuje velmi užitečné online nástroje pro webmastery, jedním z nich je validátor – bezplatná služba, která vám umožní zkontrolovat, zda web dodržuje moderní webové standardy.

  

  Služba je bohužel celá v angličtině, ale pokud trochu víte o vývoji a layoutu, jistě pochopíte její podstatu a poselství 😉

  Na hlavní stránce jsou tedy tři záložky:

  1. Validate by URI - kontrola zadané URL;
  2. Validate by File Upload - kontrola nahraného souboru;
  3. Validate by Direct Input - ověření přímým zadáním zdrojového kódu.

  Chcete-li spustit analyzátor, musíte se přepnout na požadovanou kartu jako příklad, zvážím kontrolu podle adresy URL. Další možnosti jsou skryty pod odkazem Další možnosti kliknutím na něj získáte přístup k nastavení:

  • Character Encoding - kódování znaků. WordPress používá UTF-8, ale můžete ponechat výchozí hodnotu „Detekovat automaticky“, aby automaticky detekovalo kódování.
  • Typ dokumentu - typ dokumentu (HTML, XHTML, SVG atd.). Zaškrtněte políčko Pouze v případě, že chybí, pokud na stránce není určen typ dokumentu a je třeba jej zadat ručně pro ověření.
  • Vypisovat zprávy postupně - zobrazí chyby a varování v sekvenčním seznamu;
  • Group Error Messages by Type - seskupení chyb a varování podle typu;
  • Zobrazit zdroj - zobrazí zdrojový kód;
  • Zobrazit obrys - zobrazí strukturu dokumentu;
  • Clean up Markup with HTML Tidy - čištění značek pomocí HTML-Tidy;
  • Ověření chybových stránek – zkontrolujte stránky s chybami, například chyby 404;
  • Verbose Output - verbózní výstup. Abych byl upřímný, při aktivaci této možnosti jsem si nevšiml rozdílu, pokud víte, co to dělá, podělte se o to v komentářích, budu velmi vděčný.

  Když jsou všechna nastavení nastavena, kliknutím na tlačítko Zkontrolovat spusťte validátor HTML. Pokud dokument neobsahuje žádné chyby, zobrazí se následující zpráva:

  Kontrola dokumentů dokončena. Žádné chyby nebo varování k zobrazení.

  V překladu do ruštiny to znamená: „Ověření dokumentu je dokončeno. Nebyly nalezeny žádné chyby ani varování." Velký!

  Pokud dokument neprojde ověřením, zobrazí se nám jednoduchá zpráva o jeho dokončení:

  A samozřejmě seznam zpráv, které obsahují informace o chybách a varování s vysvětlením a také odkazy na konkrétní řádky dokumentu, ale pouze v případě, že byla povolena možnost Zobrazit zdroj.

  Níže uvedený snímek obrazovky ukazuje fragment kontroly hlavní stránky Yandex. Je zvláštní to vidět, ani jsem to nečekal, protože sám Yandex se podílí na vývoji standardů W3C... No, no, je opravdu těžké dodržet absolutně všechny standardy, zvlášť u tak velkého portálu .

  

  Na začátku své cesty Free Webmaster Blog obsahoval spoustu chyb a varování. Jak jsem studoval, podařilo se mi jejich počet snížit a postupem času se jich úplně zbavit. Od této chvíle se budu držet standardů W3C, i když některé pluginy přidávají mouchu... Čas ukáže!

  Tak proč bychom měli platný kód? Validace webových dokumentů je důležitým krokem, který může výrazně přispět ke zlepšení a zajištění jejich kvality a také k úspoře času a peněz. Někteří odborníci tvrdí, že správný kód může mít pozitivní vliv na výsledky vyhledávání! Otestujte své stránky a sdílejte své výsledky!