Kontrola platnosti dat. Oprava html a css pomocí validátoru W3C. Náklady na ověření pomocí sady W3C Validator Suite

Pozdravy! Při kontrole platnosti jednoho z webů jsem si najednou všiml zajímavého varování...

V překladu do ruštiny to znamená přibližně toto:

Novinka – W3C nabízí beta verzi nové služby, která vám poskytne komplexní zprávu o kontrole místa. Zkuste to nyní, abyste rychle identifikovali ty části webu, které vyžadují zvláštní pozornost.

A pak mě napadla úžasná myšlenka – proč to neudělat hned teď? krátká recenze? To je to, co uděláme, vítejte nová služba W3C Validator Suite!

Nový přístup k hodnocení kvality webu, standardů

Validator Suite poskytuje nový druh komplexní služby hodnocení kvality webových stránek. Služba kontroluje všechny stránky webu a vyhodnocuje jejich soulad se standardy W3C a dalšími požadavky na výkon webových zdrojů.

Ve skutečnosti jsem již své čtenáře seznámil s takovými službami, jako jsou:

• CSS Validation Service - ;
• Ověřovací služba MarKup - ;
• Stejně jako nástroje konsorcia.

Spojuje všechny tyto nástroje do jedné online služby, díky čemuž je kontrola stránek a analýza výsledků jednodušší než kdy dříve. To vám umožní uvést stránky do plného souladu s nejnovějšími současnými standardy vývoje webu.

Soulad webu se standardy W3C zajišťuje:

• zjednodušená podpora a používání všech vestavěných funkcí;
• kompatibilní s největší počet moderní prohlížeče a platformy, což snižuje pravděpodobnost chyb;
• lepší výkon nových standardů pro kompatibilní zařízení slouží k přístupu k internetu.

Pokud vytváříte nový web nebo podporujete probíhající projekty, použijte službu W3C Validator Suite a provádějte pravidelné kontroly. Budete tak mít jistotu, že projekt vyhovuje moderní standardy a je maximálně optimalizován pro prohlížení z různá zařízení a prohlížeče.

Použití sady W3C Validator Suite

Služba je velmi snadná – stačí zadat URL, nastavit požadované parametry a potvrďte začátek skenování:

V v současné době Validator Suite kombinuje následující nástroje a možnosti:

• HTML validátor. Používají se stejné nástroje jako ve službě MarKup Validation Service, ale výsledky jsou prezentovány alternativním, intuitivnějším způsobem přehledné rozhraní. Zahrnuje ověření HTML5.
• CSS validátor. S novou prezentací výsledků se používají i standardní známé nástroje. Zahrnuje ověření CSS3.
• Vyhledávací robot. Automaticky najde všechny stránky na webu, které podléhají ověření, včetně XML formát. Není třeba ručně přidávat každou stránku - stačí zadat hlavní stránku a spustit skenování a robot automaticky najde všechny vnitřní stránky.
• Souhrnná zpráva. Po kontrole všech stránek se zobrazí souhrnná zpráva pro web, ve které budou seskupena varování a chyby.
• Zpráva podle adresy URL. Hlášení chyb pro každou stránku. Uvidíte množství chyby HTML a CSS a také varování s odkazem na podrobný popis problému.
• Opakované kontroly. Pravděpodobně ihned po obdržení zprávy začnete pracovat na odstranění chyb. Pomocí validátoru můžete odeslat k ověření jednotlivé stránky nebo požádat znovu úplná kontrola místo.
• Neomezené úložiště zpráv. Své přehledy můžete ukládat tak dlouho, jak je potřeba Účet aktivní Ve stejnou dobu podobné služby jsou odstraněny po několika dnech.
• Přehledy ke stažení. Výsledky skenování je možné stáhnout ve formátu CSV (formát kompatibilní s tabulkami MS Excel, OpenOffice a dalším softwarem).

Náklady na ověření pomocí sady W3C Validator Suite

Ano, bohužel kontrola webu pomocí tohoto nástroje není zdarma. Na tento moment Existují dva tarifní plány:

1. První tarifní plán s názvem „One Time, One Job“, jehož podstatou je platit za služby za jeden šek. Cena závisí na počtu stran v projektu.
2. Měsíční předplatné. Zaplacením měsíčního předplatného získá klient neomezené množství kontroly. Cena v době vydání beta není uvedena; musí být vyjasněna individuálně s odborníky technická podpora. Mimochodem, nyní mnoho online služby přejít na platbu předplatným.

Na jedné straně máme známé nástroje, které lze používat zcela zdarma. Na druhou stranu nové přátelské a přístupné rozhraní s pokročilými funkcemi, ale placené. Pravděpodobně se prémiová uživatelská podpora ukázala jako nerentabilní, a proto se služba stala Open Source projekt, který je dostupný na GitHubu.

Validita a další ukazatele kvality stránek

Pro rozšíření možností služby je třeba ještě hodně udělat, existují plány na implementaci tří dalších oblastí:

1. Dostupnost. Soulad se standardem WCAG (Web Content Accessibility Guidelines), který zajišťuje dostupnost obsahu webu pro osoby se zdravotním postižením.
2. Kompatibilita. Kompatibilita s více platformami snižuje náklady na vývoj a umožňuje uživatelům prohlížet stránky v libovolném prohlížeči.
3. Optimalizace. Zjednodušení a minimalizace kódu a obsahu činí web otevřenější vyhledávače a uživatelsky přívětivé.

Abychom shrnuli recenzi, stojí za zmínku, že služba je ve fázi testování a ne všechny deklarované funkce jsou součástí práce. Obecně, s přihlédnutím k rozšíření schopností a implementaci plánovaných funkcí, si služba zaslouží pozornost.

Doporučuji si přečíst mé další recenze nástrojů pro analýzu webových stránek ze sekce Audit a testování. A samozřejmě se těším na vaši zpětnou vazbu! Myslíte si, že služba najde své místo ve výklenku a bude žádaná? 🙂

Ahoj všichni. Do Petrohradu jsem se opět vrátil po 3 týdnech za polárním kruhem. A tady je všechno stejně šedé a ponuré :(

Dnešní lekce je pro pokročilé webmastery. Nedoporučuji, aby začátečníci pochopili tak obtížné téma sami, je lepší si přečíst příspěvky v sekci „“. Článek zmínil, že jedním z kritérií kvality tématu je platnost jeho kódu.
V obecný obrys Dal jsem definici tento výraz. Ale myslím, že stojí za to se na to podívat podrobněji, což uděláme v dnešním článku.

Jak vzniklo World Wide Web Consortium?

Platnost v v obecném smyslu toto slovo znamená soulad s normami. V případě internetu pravidla a standardy pro rozvržení stránek a tvorbu kódu stanovuje W3C. Zakladatelé této organizace stáli v čele vývoje prvních verzí HTML (Hyper Text Markup Language, neboli hypertextový značkovací jazyk) a stali se průkopníky World Wide Web, který si postupně získal obrovskou oblibu. Tento objev patří siru Timothymu Johnu Berners-Leeovi spolu s Robertem Caillotem. Bernes-Lee předtím dnes je hlavou W3C ( Celosvětově Webové konsorcium, konsorcium Celosvětová Síť) a zákonodárce v této oblasti.

Pomocí značek HTML bylo možné vytvářet webové stránky a byly vytvořeny prohlížeče, které je rozpoznávaly ve formě známé uživatelům. W3C zavedlo řadu standardů, které musí dokumenty na webu splňovat, aby je všechny prohlížeče mohly správně rozpoznat. Po celou dobu vývoje internetu se mezi tvůrci vedly války o nadvládu. Někteří z nich se dokonce pokusili zavést vlastní nové standardy, ale W3C si díky svému vývoji dokázalo udržet roli zákonodárce v pravidlech pro tvorbu kódu. V HTML verze 3 podpora CSS (Cascading Style Sheets, popř kaskádové tabulky styly). Zpočátku byly styly, barvy a tvary specifikovány přímo v html kódu, ale Tvorba CSS výrazně zjednodušil tento úkol, odlehčil zdroj a podle toho i doba načítání stránky. Nejnovější verze– to je HTML 5, které je čím dál aktuálnější. Na dlouhou dobu jeho místo zaujal Html 4.01 (od roku 1999).

Tento historický odkaz je poskytován proto, abyste lépe porozuměli tématu dnešní recenze – ověřování webových stránek. Pokud přejdete na oficiální web W3C v sekci „Standardy“, uvidíte celý seznam podsekcí se standardy. Zde můžete například vidět aktuální stav v HTML:

Pro každý z pododstavců existují dlouhé seznamy norem, které definují ten či onen atribut, prvek současná verze kód. Zde je například neúplný obsah pro HTML 5:

Existuje mnoho pravidel, jak chápete. Chcete-li zkontrolovat, zda je váš web v souladu s nimi, můžete použít speciální validátory webu.

Než však zvážíme jejich práci, pojďme zjistit, jak důležité je tuto operaci provést.

Měl by být web platný?

V této otázce neexistuje shoda, ale existují objektivní důvody, které naznačují, že je nutné zkontrolovat validaci webu.

První věc, na kterou byste si měli dát pozor, je tzv. cross-browser kompatibilita webu. Tito. V ideálním případě by se stránka měla zobrazovat rovnoměrně ve všech prohlížečích. V v tomto případě Soulad se standardy W3C zaručuje tuto možnost.

Za druhé, roboti vyhledávačů rozpoznávají html kód pomocí stejných parametrů jako prohlížeče. Tito. pokud váš kód obsahuje chyby, např. neuzavřené značky, nefunkční odkazy, nebo nefunkční struktura, to vše může ovlivnit indexování webu vyhledávací roboty. Což znamená hrubé chyby v kódu může snížit pozici zdroje ve výsledcích vyhledávání.

Jak jsme však již viděli, W3C má spoustu pravidel a někdy není možné všechna dodržet. Proto je v této věci lepší držet se středu: nejprve opravte hrubé chyby. Je důležité dodržovat správnou syntaxi, kontrolovat vnoření značek a udržovat jejich správnou sekvenci a strukturu.

validátory kódu HTML a CSS

Je lepší zajistit dodržování pravidel hned od začátku. Hned v první fázi výběru WordPress témata U svého blogu věnujte čas kontrole platnosti kódu HTML a CSS. Je žádoucí, aby html kód a validátor css zpočátku přinesly následující výsledek:

Po instalaci pluginů a doplňků také zkontrolujte blog, abyste okamžitě identifikovali problémy a jejich zdroje.

Existují různé online služby pro kontrolu ověření stránky. Nejspolehlivější a nejúplnější z nich jsou validátory W3C.

Odkazy na ně najdete na domovská stránka oficiální webové stránky - www.w3.org

Unicorn je kombinovaný validátor v ruštině (má funkci přepínání jazyků), který poskytuje informace o všech parametrech webu najednou.

Zadejte adresu URL webu a klikněte na „Zkontrolovat“.

Vpravo je počet chyb (červený kříž) a varování (žlutý vykřičník).

Vidět detailní informace chyby lze nalézt v rozevíracím seznamu pod každou možností.

Html validátor kontroluje chyby pro stránku zadanou adresou URL, nikoli pro celý web jako celek.

Podrobnější informace o chybách s popisky lze získat kontrolou ověření css a html kód v samostatných programech.

Takto vypadá popis chyb a jejich příčin v html validátoru:

Jak vidíte, informace jsou poskytovány v angličtině. Každá chyba nebo varování je doprovázeno číslem řádku zdrojového kódu, ve kterém se nachází (řádek 381, řádek 652). Nejprve je potřeba opravit chyby (červená ikona). Pokud nevíte, co je tato chyba a jak ji opravit, zkuste vyhledat informace na specializovaných fórech nebo se zeptejte v komentářích k tomuto článku.

Opět platí, že html validátor diagnostikuje zdrojový kód a chyby je třeba opravit v odpovídajících souborech vašeho blogu. Jak je najít, jsme probrali v článku o.

Tento validátor má schopnost povolit další možnosti:

• Chyby můžete seskupit podle jednoho typu (Seskupit chybové zprávy podle typu);
• zobrazit veškerý zdrojový kód, který služba použila v analýze (Zobrazit zdroj);
• zkontrolujte stránky, které generují chybu (Ověřte chybové stránky).

Kromě toho vám povolená funkce „Vyčistit značky pomocí Html-Tidy“ umožňuje vidět váš kód s chybami opravenými podle verze programu Html-Tidy. W3C však na to upozorňuje tento program není jejich vývoj, a proto neposkytují záruky, že kód bude správný. nicméně tento kód může sloužit jako pomůcka při opravě chyb.

Podobnou možnost opravy chyb poskytuje také validátor kódu CSS W3C. Není potřeba to povolovat, funguje to standardně.

Kromě online validátorů stránek je možné nainstalovat i rozšíření pro FireFox, které bude přímo v prohlížeči kontrolovat chyby ve zdrojovém kódu stránky. Jmenuje se „Html Validator“.

Ještě připomenu, že kromě html a css existuje ještě . Jeho přítomnost je důležitá pro optimalizaci pro vyhledávače.

Dnešní téma je docela těžké. Když začnete opravovat chyby, pravděpodobně budete mít mnoho otázek. Je vhodné opravit to, v čem jste si jisti, abyste neporušili stránky. Nezapomeňte to udělat před provedením změn. Sbohem!

P.S. Onehdy jsme koupili letenky na zářijovou Kamčatku za zázračnou cenu 16 600 za osobu tam a zpět. Je to velmi levné, takové ceny už dlouho nebyly. Pokud by měl někdo zájem, myslím, že je ještě čas si takové lístky ulovit. S turistickým klubem PIK budeme lézt na sopky a obdivovat divokou nedotčenou přírodu.

Ahoj. Ihned odpovím na vaši otázku: stojí vám za to číst tuto lekci? Přejít na velmi užitečné a bezplatná služba, zadejte tam adresu svého webu a pokud uvidíte, že se na vašem webu vyskytují chyby, pak lekce stojí za přečtení. Příklady zobrazení chyb pomocí tohoto online validátoru:

Momentálně ne na mém blogu podobné chyby, zbavil jsem se jich (celkem bylo více než 70 chyb a více než 80 varování). Pro upřesnění vám řeknu, co to je platný kód a proč to potřebujeme.

Platný kód je kód, který splňuje standardy.

Můžete zkontrolovat platnost HTML, CSS, všech druhů mikroznaček a dalších. Dnes budu mluvit o platnost v HTML.

• Platný kód není vyžadován, ale počet chyb by měl být minimální, jinak nebude váš web kompatibilní s různými prohlížeči. Platnost kódu je potřeba především k tomu, aby se vaše stránky zobrazovaly správně ve všech prohlížečích.
• Vyhledávací roboty „mluví“ s vaším webem na jazyk HTML Proto je důležité sdělit obsah na webu jasně a jasně se všemi „ uzavřené značky" A tak dále.
• HTML validita sice SEO ovlivňuje, ale jen mírně (pokud samozřejmě nemáte stovky nebo dokonce tisíce chyb). Doporučuji přečíst si zajímavé postřehy Devakiho „Vliv kvality HTML na jejich hodnocení“.
• Když jsem udělal kód platný na svém webu, našel jsem a opravil své hloupé chyby (opakované značky, chybějící písmeno atd.).
• Neměli byste si „lámat prdel“, pokud se nějaká chyba obtížně opravuje nebo její oprava poškodí funkčnost webu. Hlavní věc je, aby to bylo pohodlné pro uživatele.

Níže rozeberu hlavní chyby, na které validátor upozornil. Pokud najednou vaše chyba není v seznamu níže, napište ji do komentářů, pokusíme se na to společně přijít a já přidám řešení tohoto problému v tuto lekci. Mimochodem, ano, chyby, na které upozornil w3c validator, najdete zde:

Každá chyba má nápovědu - jedná se o číslo řádku ve zdrojovém kódu stránky a z něj již lze přibližně určit, ve kterém souboru se téma nachází daný řádek. Na zdrojový kód stránky se podíváme pomocí CTRL+U (ve velkých prohlížečích).

Než začnete, udělejte to záložní kopiešablona pro váš web.

Pro snazší hledání chyb ve zdrojovém kódu můžete také použít validátor HTML pro Mozilla Firefox. Po jeho instalaci a přechodu na zdrojový kód stránky uvidíte stejné chyby, které označuje služba validator.w3.org. Kliknutím na název chyby (v levém dolním rohu) budete automaticky přesměrováni na řádek, kde se tento neplatný kód nachází.

Hledání chyb v HTML pomocí validátoru w3c a jejich oprava

Vyhledejte svou chybu v seznamu níže a klikněte na ni, automaticky vás „posune“ na správné místo.

1. Žádná mezera mezi atributy.

…rel="ikona zástupce" href="http://arbero.ru/favicon.ico" ; type="image/x-icon" Stačí odstranit středník.

2. Atribut width na prvku td je zastaralý. Místo toho použijte CSS.

td valign="center" width="80" height="80" >

Pojďme transformovat něco podobného formě

td style="align:center; width:80; height: 80;">

3. 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.

Jeden z nejvíce obyčejné chyby. Je toho prostě málo alternativní text pro obrázek. Napíšeme značku alt.

4. Sekce postrádá nadpis. Zvažte použití prvků h2-h6 k přidání identifikačních nadpisů do všech sekcí.

section id="komentáře" >

Blok sekce by měl obsahovat některé značky h2-h6, pokud ne, přejmenujte slovo section na div

5. Prvek hgroup je zastaralý. Chcete-li označit podnadpisy, zvažte buď vložení podnadpisu do prvku p za prvek h1-h6 obsahující hlavní nadpis,

nebo vložení podnadpisu přímo do prvku h1-h6 obsahujícího hlavní nadpis, ale odděleného od hlavního nadpisu interpunkcí a/nebo například do prvku span class="subheading" s odlišným stylem. Chcete-li seskupit nadpisy a podnadpisy, alternativní nadpisy nebo slogany, zvažte použití prvků header nebo div.

Podobně jako v předchozím bodě. Stačí změnit frázi hgroup na div. Můžete použít nástroj Najít/Nahradit vše v textový editor k urychlení takových procesů.

6. Element "noindex" není definován

Na noindex tag nabylo platnosti, napíšeme jej ve formě komentáře, tedy takto:

Neindexovatelné

7. Koncová značka pro prvek "div", který není otevřený

Zavírání tag div další. Pojďme to odstranit.

8. Typ dokumentu zde nepovoluje prvek "li"; chybí jeden z "ul", "ol", "menu", "dir" start-tag

Nesprávné použití značky „li“: chybějící značky „ul“, „ol“ atd. Zkontrolujte.

9. Koncová značka pro "div" byla vynechána, ale bylo zadáno OMITTAG NO

Chybí závěrečná značka div.

10. Neexistuje žádný atribut "hranice"

alt="" width="1" height="1" border=" 0"/>

Jednoduše odstraníme frázi border="0".

11. Postava"<" is the first character of a delimiter but occurred as data

Nepoužívejte značku „<" перед обычными словами, используйте лучше разные кавычки.

12. Když očekáváte název atributu, viděli jste ". Pravděpodobná příčina: = chybí bezprostředně předtím.

Dodatečná nabídka, odstraňte ji.

13. Atribut align na prvku img je zastaralý. Místo toho použijte CSS.

Nepoužívejte hodnotu zarovnání uvnitř značky img. Zapište si to samostatně v tomto tvaru:

14. Špatná hodnota atributu href na odkazu prvku: Neplatný znak v segmentu cesty: nejedná se o kód URL.

Závěr

Pokud máte na svém webu nějakou chybu, která není v tomto seznamu, napište ji do komentářů. Pojďme na to a doplním článek. Opakuji, pokud nelze nějakou chybu opravit, neobtěžujte se.

Stále mám na svém blogu chybu (ačkoli včera byl kód z nějakého důvodu bez chyb):

Textový obsah skriptu prvku nebyl v požadovaném formátu: Očekávaná mezera, tabulátor, nový řádek nebo lomítko, ale bylo nalezeno< instead.

Pokud víte, jak to opravit, byl bych vám vděčný. Jsem trochu perfekcionista. 🙂

Učiníte HTML kód stránky platným?

Přeji si, abyste na svůj web obdrželi platný HTML kód, jehož upozornění vypadá takto:

P.s. Přetěžujete často své tělo? Pak potřebujete detoxikační program. Obnovte sílu a energetickou rovnováhu.

Dnešní článek chci věnovat validaci webu (tedy HTML). Nejprve si definujme, co tento pojem znamená! Ověření webu je kontrola syntaktických chyb, kontrola vnoření značek a další kritéria. Validátory (služby pro kontrolu stránek na chyby ve struktuře dokumentu) zpravidla kontrolují HTML kód na shodu s určitým standardem, který je uveden na samém začátku každé HTML stránky v prvním řádku. Pokud jste nevěděli, k čemu to bylo, teď to budete vědět! 🙂 Ale proč přesně je toto ověření potřeba a co to ovlivňuje?

"Co je ověření webu?"

Jak jsem řekl výše, validace je soulad HTML kódu s určitými pravidly a standardy. XHTML bylo nahrazeno , což vývojářům výrazně usnadnilo život. Jde o to, že ve verzi XHTML byla syntaxe velmi přísná. Pokud v HTML5 můžete napsat značku wrap
jak bez lomítka, tak v této podobě
, pak bude v XHTML správná pouze poslední možnost. HTML5 není tak striktní a kromě toho se objevilo mnoho užitečných značek, ale o tom to teď není :)

„Co ovlivňuje ověření webu?“

Nyní odpovězme na druhou otázku.

Ověření webu umožňuje sledovat správné zobrazení webu v různých prohlížečích. Pokud například nezavřete značku nebo uděláte někde v kódu překlep, pak se stejná stránka může v různých prohlížečích zobrazovat odlišně. Také (CSS) se nemusí zobrazit tak, jak jste očekávali. Proto je nutné toto bedlivě sledovat.

Také jsem si nemohl pomoct, ale řekl jsem, že ověření ovlivňuje vyhledávače: vyhledávače upřednostňují stránky s platným HTML kódem. Mějte to na paměti!

Přesvědčil jsem vás, že ověření webových stránek je opravdu nutné? Pak končíme s teorií a přejděme k praxi!

Metody kontroly validace

Ke každé z metod jsem napsala podrobný návod formou textu a také, pokud je někdo líný to číst a vrtat se v tom, natočila jsem video 😉.

1 způsob. Služba validator.w3.org

Podstatou první metody je použití služby pro kontrolu platnosti webu. Jak zkontrolovat platnost webu pomocí služby validator.w3.org:

1. Přejděte na adresu: validator.w3.org. Otevře se před námi stránka se 3 kartami. Na první záložce „Validate by URI“ můžete zkontrolovat platnost stránky zveřejněné na internetu, na druhé „Validate by File Upload“ - nahrát soubor z vašeho počítače a na třetí „Validate by Direct Input“ - vložte obsah souboru přímo do vstupního formuláře. Budu mluvit o první možnosti, to znamená, když je stránka zveřejněna na internetu (myslím, že s jinými metodami nebudete mít žádné problémy). Vyberte proto první kartu jako na obrázku níže:

• Kódování znaků- kódování vašeho webu. ALE! Pokud je již mezi značkami (na svém webu v prohlížeči stiskněte klávesovou zkratku CTRL+U a podívejte se na začátek dokumentu na řádek jako je tento

  ). Pokud je něco podobného v prvním řádku, pak zde hodnotu také ponechte (detekuje automaticky).

Pokud nemáte nic z toho, co jsem popsal výše, budete muset tyto hodnoty nastavit sami. Tady jsem nic neměnil a nechal vše tak, jak je.

3. Poté do pole „Adresa“ zadejte adresu svého webu jako já:

Poté klikněte na tlačítko „Zkontrolovat“, které se nachází uprostřed šedého bloku:

4. Následuje ověření vašeho webu a po chvíli se objeví výsledek ověření. Zobrazí se podobná stránka se zprávou „Tento dokument byl úspěšně zkontrolován jako HTML5!“ (což znamená, že váš web úspěšně prošel kontrolou platnosti pro určitý typ dokumentu, tedy v mém případě HTML5):

Pokud máte nápis na červeném pozadí, znamená to, že máte ve svém HTML dokumentu chyby. Je třeba je opravit. Chcete-li to provést, jednoduše zvýrazněte název chyby (ve videu vám ukážu, jak to vše udělat) a vložte jej například do Googlu. Pak si jednoduše přečtěte, jak se s touto chybou vypořádali ostatní webmasteři, a podle těchto tipů ji opravte. Máte i další možnost – svěřit tento úkol znalému člověku, který kódu rozumí, a nechat ho udělat za vás.

Metoda 2. Pluginy prohlížeče

1. Plugin prohlížeče Mozilla Firefox- Jít

Klikněte na výše uvedený odkaz, vyberte verzi prohlížeče Firefox a klikněte na tlačítko „Stáhnout“. Poté vyberte požadovaný operační systém a nainstalujte jej jako běžný doplněk. (kdo nechápe, koukněte na video :)

2. Plugin pro prohlížeč Google Chrome – Přejít

Zde musíte kliknout na tlačítko „Zdarma“ a poté ve vyskakovacím okně kliknout na „Přidat“.

3. Plugin prohlížeče Opera – Go

Zde také probíhá obvyklá instalace doplňku.

4. Plugin pro prohlížeč Safari – Go

V tomto článku představím koncept "doba platnosti" 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