Share
Validering är utan tvekan en av de viktigaste aspekterna av bra webbdesign. Och i ett innehållshanteringssystem som WordPress måste du vara försiktig med din HTML och CSS både i ditt tema och ditt innehåll. I den här handledningen kommer vi att prata om att validera en WordPress-webbplats.
Eller kanske är den bättre frågan vad som är meningen med validering?
Enkelt uttryckt innebär validering av en webbsida att sidens kod ska överensstämma med World Wide Web Consortiums (W3C) standarder. Detta görs vanligen genom att kontrollera HTML och CSS-utgången på dina webbsidor med ett valideringsverktyg. Precis som det finns grammatikregler på olika språk finns det även regler för datorprogrammering. Validering kontrollerar din webbsida för att se om sidan följer dessa regler.
Utöver det måste vi också hålla vårt temas kod kompatibel med WordPress-kodningsstandarder. Detta kan göras manuellt (genom att ha sunt förnuft medan du kodar ett WordPress-tema) eller använder verktyg som det kända temakontrollprogrammet.
Och varför behöver vi validera, frågar du? Det finns mer än ett svar. Låt oss ta en titt:
När jag först började leka med HTML 2005, kodade jag dessa hemska webbsidor, fulla av fel som felaktig nestning av element eller glömde att stänga taggarna jag öppnade. CSS var ännu värre: Bara ett enkelt semikolonfel eller en odetekterbar skrivfel betydde att jag behövde mer och mer tid för mina experiment och projekt.
Men även efter nio års hårt arbete kan jag göra misstag trots att jag är nästan en expert i HTML och CSS. Lyckligtvis kan verktyg som W3Cs HTML-validator hjälpa oss att felsöka nästan alla fel som finns i din HTML-kod. Oavsett om det är genom att klistra in koden direkt, ladda upp HTML-filen eller skicka in URI på webbsidan, kan du se vad du gjorde fel i din kod, var problemet är och förslag på hur du åtgärdar det. Att fixa dessa fel kan till och med förhindra större problem.
Glöm aldrig detta faktum: Sökmotorns spindlar kärlek semantiska webbsidor. Det hjälper de sökrobotarna att förstå sidor bättre och i SERP-listor, du får naturligtvis fördelar mot de sidor som inte validerar.
Dessutom visar det att du vård om din webbplats. Validerar din webbsida innebär att du har försökt att ha en strukturell, semantisk webbsida (eller om du redan har verktygen eller kunskapen för att skapa den sidan). Det är ett stort plus för sökmotorer och att "stort plus" kan stöta på dina rankningar.
Har du någonsin tänkt på hur en webbläsare läser en webbsida? De har "motorer" för att analysera koden och omvandla den till en visuell upplevelse för människor. Tyvärr har olika webbläsare olika motorer och det kan leda till hantering av dina sidor annorlunda.
På en giltig webbsida är de flesta skillnaderna väldigt små och acceptabla för nästan alla, men en ogiltig webbsida kan läsas så annorlunda att folk kanske inte ens kan se dina sidor korrekt i sina iPhones, Kindles eller vilken webbläsare de än är använder sig av. Validering fixar nästan alla stora skillnader och gör din webbsida läsbar av nästan alla webbläsare.
Nu vet vi Varför Vi borde validera våra webbsidor, låt oss se på vilket sätt att göra det. För att hoppa över dubbelspråken kommer jag inte att nämna att du måste validera ditt inlägg, men kom ihåg att de flesta saker jag säger också går för innehållet du skriver i WordPress-inlägg och sidor.
W3Cs HTML Markup Validation Service är förmodligen det enklaste och mest populära verktyget tillgängligt för att kontrollera och validera din webbsida. Med hjälp av det här verktyget kan du upptäcka nästan alla valideringsfel som sträcker sig från att sakna ALT-attribut för dina IMG-taggar för att placera ett blocknivåelement i ett inlineelement.
Du kan betygsätta din HTML-kod genom att ge adressen till din webbsida, ladda upp HTML-filen eller klistra in HTML-koden direkt.
Precis som HTML-valideringsverktyget är W3Cs CSS Validation Service det mest populära CSS-valideringsverktyget på webben. Och som HTML-validatorn kan du validera din CSS genom att klistra in URI, ladda upp en CSS-fil eller klistra in din kod direkt.
Observera att det här verktyget kommer att upptäcka "CSS hacks" som fel och för att vara giltigt måste du hitta ett annat sätt att stödja äldre webbläsare.
Även om det inte är så populärt, är "feed validation" en av de viktigaste aspekterna för att validera din webbplats. Och du kan kontrollera ditt WordPress-flöde mot fel med W3C: s Feed Validation Service för Atom och RSS. Lyckligtvis (och naturligtvis) standardiseringsfeeds av WordPress valideras perfekt, så dina flöden är förmodligen redan giltiga om du inte använder ett plugin för att manipulera flöden.
Dessutom finns det ett anmärkningsvärt verktyg som heter Unicorn by W3C, vilket i princip är en enhetlig validator. Även om det ser ut som en avbruten öppen källkod, ger den fortfarande tillfredsställande resultat om HTML, CSS, matning och i18n-validering. Resultatsidan är lite förvirrande men om du någonsin behöver få resultat från flera valideringstest kommer du att älska det här verktyget.
Tillsammans med W3C: s standarder har WordPress även sina standarder:
Temacheck plugin inspekterar ditt tema om dessa standarder - speciellt "tema granskning" standarder. Resultatet kan vara både deprimerande och motiverande, så ge inte upp hopp och försök att eliminera felet att bygga en fantastisk WordPress Theme.
Precis som jag började skriva den här artikeln kom en ny hemsida ut som heter ThemeCheck.org vilket gör exakt vad temakontrollprogrammet gör. Du behöver inte installera plugin för temakontroll. istället kan du ladda upp ditt tema till webbplatsen och få din poäng tillsammans med rekommendationer för att förbättra ditt tema (om det behövs). Dessutom kan du dela ditt temas valideringspoäng genom att placera märket som tillhandahålls av dem. Snyggt, är det inte?
Validerar din webbplats är viktigt, ingen tvekan om det. Så länge du validerar dina webbsidor och behåller dem för att vara giltiga, kommer du bara att dra nytta av det.
Vad tycker du om vikten av validering? Bidra till denna artikel med dina kommentarer! Och om du gillade den här handledningen, glöm inte att dela den med dina vänner!
Accentsconagua